[javascript] Показать всплывающую подсказку для невидимых серий в Highcharts


Answers

Форматирование всплывающей подсказки - это функция, как любая другая функция, поэтому, если вы просто сделаете доступную информацию, она может вернуть строку со значениями для всех серий. В этом примере я переместил серию массивов и категорий в отдельные переменные, а форматирование всплывающей подсказки использует индекс в этих массивах, чтобы найти значения.

formatter: function() {
    var index = $.inArray(this.x, categories);
    var s = '<b>'+ this.x +'</b>';

    s += '<br/>'+ chart.series[0].name + ': ' + data1[index];
    s += '<br/>'+ chart.series[1].name + ': ' + data2[index];

    return s;
}
Question

Я пытаюсь отобразить пользовательскую подсказку, используя Highcharts. Здесь вы можете найти пример кода: http://jsfiddle.net/jalbertbowdenii/fDNh9/188/

Когда вы наводите курсор на диаграмму, вы можете видеть, что всплывающая подсказка содержит только значения из серии 2, но не из серии 1 (которая невидима). Когда вы нажимаете «Серия 1» в легенде, вы можете увидеть значения из серии 1 в всплывающей подсказке.

EDIT: нет code для фиксации, просто исправление linkrot / соблюдение правил редактирования ...
Есть ли способ показать значения из невидимой серии в всплывающей подсказке?




Слишком поздно для ответа, но это то, что я сделал. Постройте график и сделайте цвет прозрачным. Построить его на противоположную ось y и установить max на ноль. Установите для alignTicks значение false. Что-то вроде этого.

chart: {
        alignTicks: false,
        type: 'line'
    },

Тогда нужно только изменить значение цвета в форматировании tooltip, поскольку метка будет прозрачной.

Надеюсь, это поможет кому-то.

Счастливое обучение :)




Related