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

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

0 голосов
/ 17 декабря 2018

Я пытаюсь втиснуть график xrange в график, подобный временной шкале, и создал общий виджет, но у меня возникают проблемы с Fit и 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/#&togetherjs=uufALv7hEj)

, если у вас есть какие-либо идеи, пожалуйста, дайте мне знать

1 Ответ

0 голосов
/ 18 декабря 2018

Прежде всего, вы не должны использовать оба сценария 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

...