Highcharts xrange Отказ следовать поведению HOVER или SCROLLBAR

Я пытаюсь преобразовать график xrange в временную шкалу, такую ​​как график, и сделал в целом потрясающий виджет, но у меня возникают проблемы с Fit and Finish. Я бы хотел иметь полосу прокрутки YAxis, чтобы на одном графике отображалось много «Агентов», а также чтобы полоса затемнялась при наведении курсора. К сожалению, я не могу получить какие-либо атрибуты из API Highcharts, чтобы что-либо сделать - у меня такая же проблема с использованием jsFiddle, который они вам предоставляют. См. Фрагмент кода относительно yAxis и состояния зависания. yAxis: { title: { text: '' }, minPadding: .11, scrollbar: { //todo not working - enabled: true, showFull: true }, categories: ['Prototyping', 'Development', 'Testing', 'a', 'b', 'c', 'd', 'e', 'f', 'g'], reversed: true },... states: { hover: { enabled: true, brightness: -0.9 //todo not working WTF } },

(ссылка: https://jsfiddle.net/uaqp5tj7/16/#&toghtjs=uufALv7hEj/ а>)

если у вас есть идеи, дайте мне знать


javascript highcharts xrange
person Poncher    schedule 17.12.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Прежде всего, вы не должны использовать одновременно highcharts.js и highstock.js скрипты, используйте только highstock, и полоса прокрутки будет работать.

Чтобы настроить полосу прокрутки в соответствии с вашими потребностями, вы должны установить крайние значения оси, а не высоту диаграммы:

yAxis: {
    min: 0,
    max: 2,
    ...
},

Для достижения эффекта точки hover можно использовать события mouseOver и mouseOut:

series: [{
    point: {
        events: {
            mouseOver: function() {
                this.graphic.element.children[0].setAttribute(
                    'opacity', '0.5'
                );
            },
            mouseOut: function() {
                this.graphic.element.children[0].setAttribute(
                    'opacity', '1'
                );
            }
        }
    },
    ...
}]

Живая демонстрация: https://jsfiddle.net/BlackLabel/L9rx0vbg/

Справочник по API: https://api.highcharts.com/highstock/yAxis

person ppotaczek    schedule 18.12.2018
comment
Вот и все - поэтому мне нужно было импортировать /modules/stock.js, чтобы я мог запускать highcharts и highstock на одной странице (виджеты обоих типов), спасибо! - person Poncher; 18.12.2018
comment
Вам нужно использовать только highstock - он позволяет создавать stockChart и базовый chart, проверьте этот пример: jsfiddle.net / BlackLabel / amu4qd7L - person ppotaczek; 19.12.2018