Я создаю систему событий, в которой мы записываем идентификационный номер и метку времени для любого, кто посещает событие.Мне бы очень хотелось, чтобы я мог видеть в реальном времени график количества людей, которые вводят событие в единицу времени, например, в формате гистограммы.
Я пробовал с Google Chartsи получили правильные данные, но не могут понять, как правильно обозначить ось X.
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'annotationchart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
var dataArray = <?= json_encode($database->getAttendanceData($id)); ?>;
var data = new google.visualization.DataTable();
data.addColumn('string', 'Library Card');
data.addColumn('datetime', 'Time of Day');
dataArray.forEach(function(dataRow){
data.addRow([dataRow[0], new Date(dataRow[1]*1000)]);
});
var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
chart.draw(data);
}
Этот код генерирует этой гистограммы .Фактический тренд данных правильный, но временные метки отображаются на оси времени.
Я пытался использовать средства форматирования, используя следующий код:
var formatter = new google.visualization.DateFormat({pattern: "HH:mm:ss"});
formatter.format(data, 1);
Этопохоже, ничего не меняет.
У кого-нибудь есть идеи относительно того, как добиться гистограммы?В идеале, я бы просто располагал время в нижней части, но фактическое значение временной метки, используемое для данных гистограммы (чтобы события, охватывающие два дня, не использовали одинаковые временные интервалы)!
Заранее спасибоТоби