Я создал таблицу 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();
}
}
});
Если вы не определяете конкретные значения для min
, max
, или же tickInterval
, Highcharts будет автоматически регулировать максимальное значение оси и интервалы тиков на основе текущих доступных данных.
Демонстрация динамического обновления Highcharts показывает, как это работает (хотя вам, возможно, придется немного подождать, пока она не превысит 1 в примере): https://www.highcharts.com/demo/dynamic-update
Рад, что это было полезно для вас!
Других решений пока нет …