Я создал файл api.php
<?php // Prevent caching. header('Cache-Control: no-cache, must-revalidate'); // The JSON standard MIME header. header('Content-type: application/json'); //mssql_select_db("**", mssql_connect(**)); $conn=mssql_connect(***); $query = "SELECT ROUND([AirTemp_C],1) as [T] ,[DT] FROM [ASUTP].[dbo].[Temperature_ER] WHERE [Place] = 'ER06' AND [DT] > '26.05.2015 11:00'"; $qwr_res = mssql_query($query); while ($row=mssql_fetch_array($qwr_res)) { $temps[] = array ( 'x' => $row['DT'], 'y' => $row['T'] ); } echo json_encode($temps); ?> Он возвращает JSON, как [{"x": "2015-05-26 11:02:04", "y": 26.3}] с моими измерениями.
Я хочу использовать эти данные для рисования графика с использованием canvasjs-1.6.2. Вот мой код: window.onload = function () {
$.getJSON("api.php",function(data1) { var chart = new CanvasJS.Chart("chartContainer", { title:{ text: "Title", fontSize: 30 }, animationEnabled: true, zoomEnabled:true, height: 500, axisX:{ gridColor: "Silver", tickColor: "silver", labelAngle: -80, valueFormatString: "DD.MM HH:mm" }, toolTip:{ shared:true }, theme: "theme2", axisY: { gridColor: "Silver", tickColor: "silver" }, legend:{ verticalAlign: "center", horizontalAlign: "right" }, data: [ { type: "line", showInLegend: true, lineThickness: 2, name: "T", //markerType: "square", color: "#F08080", dataPoints: data1 } ], legend:{ cursor:"pointer", itemclick:function(e){ if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) { e.dataSeries.visible = false; } else{ e.dataSeries.visible = true; } chart.render(); } } }); chart.render(); });
Но кажется, что эта диаграмма (или JS вообще) не может использовать мое значение Date как правильное DateTime, поэтому диаграмма не может отображать.
Я исправил эту проблему с помощью такого цикла:
for(var i=0;i<data1.length;i++) { data1[i].x = new Date(data1[i].x); }
Я должен заметить, что я использую PHP 5.2, и мне не разрешено его обновлять. Поэтому мои вопросы: