Я создаю тепловую карту с Highcharts. Я тестировал карту 5x5 и получаю ожидаемую тепловую карту.
Затем я тестировал более крупный, и получившаяся тепловая карта неверна. Я также пробовал это в CodePen, с тем же (неправильным) результатом.
Что-то странное также происходит где-то в большом массиве при использовании Codepen: (см. этот ответ для этой точки, что объясняет, почему подсветка останавливается)
У меня есть несколько возможностей:
This is a fake snippet as the question requires one but it is not useful in this case
Это не ошибка. Просто количество точек превышает значение по умолчанию для свойства turboThreshold
(см. Раздел "Ссылка на API"). Увеличьте количество turboThreshold
и turboThreshold
будет отображаться правильно.
Справочник по API:
http://api.highcharts.com/highcharts/plotOptions.series.turboThreshold
Пример:
http://jsfiddle.net/p4z094g9/
CodeMirror (который является редактором codepen) поддерживает maxHighlightLength
, который сообщает редактору максимальную длину символов, которые должен выделить редактор.
Значение по default
для этой переменной равно 10000
, и в вашем конкретном случае длина линии больше этого значения.
Проблема здесь в том, что вам нужно рассказать старшие диаграммы о масштабах yAxis. Для этого установите его в min = 0 и max = количество категорий - 1:
...
yAxis: {
categories: ['10.233.86.12', '10.233.84.72', '10.2.0.71', '10.90.13.175', '10.233.84.57', '10.91.66.24', '255.255.255.255', '224.0.0.252', '10.233.86.34', '10.233.80.60', '10.112.0.142', '10.35.24.33', '10.130.37.22', '10.20.3.16', '10.233.84.83', '10.70.1.79', '10.6.41.78', '10.89.3.109', '10.118.68.133', '192.168.0.11', '10.70.0.253', '10.10.68.56'],
title: null,
min: 0,
max: 21
},
...
Обратите внимание, что вы также должны сообщить ему, чтобы показать каждую категорию, которая должна быть сделана путем увеличения высоты диаграммы, чтобы метки не перекрывались.