Серия «зоны» серии Highcharts, если я правильно понимаю the documentation, должен перекрасить точку данных, поскольку значение переходит в разные «зоны».Highcharts Column Zones
- Это работает при первоначальной загрузке таблицы с использованием типа 'line' или 'column' 'chart.
- Это работает, когда я обновить значение точки данных диаграммы с «линией» типа
- Это делает не работы, когда я обновить значение точки данных типа диаграммы «столбца»
Вот сценарий: http://jsfiddle.net/bfb6w1qq/1/
Вы можете попробовать установить тип из столбца в строку, чтобы увидеть его работу как ожидалось.
Мой вопрос: это ошибка или я не вижу какой-либо настройки конфигурации? Я даже пытался занять повторную ничью, но все равно не повезло.
Заранее благодарен!
Вот код:
$(function() {
$("#higher").on("click", function()
{
chart = $('#container').highcharts();
chart.series[0].data[0].update(
{
x: 0,
y: 15
})
chart.redraw();
});
$('#container').highcharts({
chart:
{
type: 'column'
},
series: [{
data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
zones: [{
value: 0,
color: '#f7a35c',
fillColor: '#f7a35c'
}, {
value: 10,
color: '#7cb5ec',
fillColor: '#7cb5ec'
}, {
color: '#90ed7d',
fillColor: '#90ed7d'
}]
}]
});
});
Я не знаю решения, но одно наблюдение: я не думаю, что он работает правильно при обновлении значения точки данных диаграммы с типом «линией». Если вы посмотрите снова, цвет линии обновится, но не цвет точки. Поэтому я думаю, что это общая проблема, а не конкретная колонка. – sheilak
@sheilak Wow. Я этого не заметил. Ты прав. Следующее, что я заметил, это то, что если вы нажмете на элемент и затем вытащите мышкой, элемент изменит правильный цвет. Возможно, есть способ, которым я могу имитировать то, что происходит в «выводе мыши», чтобы обойти проблему. – user1142433
Интересно! Похож на меня. Другим вариантом для работы над ним было бы использовать removePoint и addPoint, но это не даст того же эффекта анимации столбца, который движется вверх. – sheilak