javascript — создание динамического максимального значения оси Y и интервала тиков старшей диаграммы с помощью переполнения стека

Я создал таблицу php Highchart. Прямо сейчас ось Y макс. и значения интервала являются фиксированными. Как я могу сделать их динамическими, используя последние четыре записи. Скажи макс. значение равно 20 из запроса, тогда интервалы будут 5. Для максимального значения я получил запрос, который возвращает макс. значение из 2 столбца и последних 4 записей.
Mysql запрос:

 SELECT GREATEST(MAX(step1), MAX(step2)) FROM workflow1 ORDER BY id DESC LIMIT 4

Сценарий Highchart:

<script>
Highcharts.chart('container', {

data: {
table: 'datatable'
},
credits: {
enabled: false
},
chart: {
type: 'column'
},
title: {
text: 'Results',
style: {
color: '#FF00FF',
fontWeight: 'bold'
}
},
legend: {
layout: 'horizontal',
align: 'right',
verticalAlign: 'top',
y: 50,
padding: 3,
itemMarginTop: 5,
itemMarginBottom: 5,
itemStyle: {
lineHeight: '14px'
}
},

yAxis: {

min: 0,
max: 100,
tickInterval: 20,
allowDecimals: false,
title: {
text: 'Time in Sec.'
}
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.point.y + ' ' + this.point.name.toLowerCase();
}
}

});

0

Решение

Если вы не определяете конкретные значения для min, max, или же tickInterval, Highcharts будет автоматически регулировать максимальное значение оси и интервалы тиков на основе текущих доступных данных.

Демонстрация динамического обновления Highcharts показывает, как это работает (хотя вам, возможно, придется немного подождать, пока она не превысит 1 в примере): https://www.highcharts.com/demo/dynamic-update

Рад, что это было полезно для вас!

1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector