Всплывающая подсказка Highcharts - Series не работает при построении линий, которые зигзагообразны по оси x

#javascript #jquery #plot #highcharts

#javascript #jquery #построение #highcharts

Вопрос:

У меня есть диаграмма highcharts, которую мне нужно построить, но в которой есть линии, которые могут возвращаться к самим себе по оси X. например, пример jsfiddle

Моя проблема не в том, что я не могу ее отобразить, а в том, что всплывающие подсказки серии отображаются некорректно. Если вы приближаете изображение к отдельным точкам, они кажутся нормальными, но не при обычном уровне масштабирования. Например, если вы проводите мышью по ряду справа налево, он не хочет показывать вам всплывающую подсказку по значению x 1, вместо этого он переходит ко второму набору значений по значению x2.

Я изменил всплывающие подсказки на недоступные:

         tooltip: {
        shared: false,
    },

но это мало что изменило, кроме того, что теперь, похоже, работает при увеличении, но я подозреваю, что это только потому, что виден только один набор значений оси x.

Кто-нибудь знает, как можно настроить Highcharts для учета рядов, в которых значения x не сортируются ни по возрастанию, ни по убыванию, поскольку я ничего не могу найти в документации.

Ответ №1:

Из документации API:

Обратите внимание, что линейные ряды и производные типы, такие как spline и area, требуют сортировки данных по X, поскольку они интерполируют координаты мыши для всплывающей подсказки. Ряды столбцов и рассеяния, где каждая точка имеет свое собственное событие мыши, не требуют сортировки.

Поэтому измените свой ряд на type: 'scatter' с lineWidth > 0 . Вот обновленная скрипка.