canvasJS：圖表心不是裝

它實際上是我第一次使用canvajs但它doenst真正的工作:(可能有人請檢查我的代碼canvasJS：圖表心不是裝

data.php

<?php 

header('Content-Type: application/json'); 

include './traitement.php'; 

$data =array(); 

$data=getListTemp(); 

$point=array(); 

$data_points=array(); 

foreach($data as $value){ foreach($value as $l){ 

     $s= explode('T', $l->date) ; 

     $t=explode('-',$s[0]); 

     $f=explode(':',$s[1]); 

     $io=explode('+',$f[2]); 

     $o=mktime($f[0],$f[1],$io[1],$t[1],$t[2],$t[0]); 

     $i= date ("D M Y H:i:s U", $o); 

     $point = array("x" => $i, "y" => $l->valeur); 

     array_push($data_points, $point);   
}} 

echo json_encode($data_points, JSON_NUMERIC_CHECK); 

?>

與結果：

[{「x」：「2017年7月23日23:20:01」，「y」：30}，{「x」：「2017年7月23日23:10:01」，「y」：30 }，{「x」：「Sat Jul 2017 23:00:01」，「y」：30}，{「x」：「Sat Jul 2017 22:50:01」，「y」：25}，{「 x「：」Sat Jul 2017 22:40:01「，」y「：30}，{」x「：」2017年7月22日22:30:01「，」y「：25}，{」x「：」小號在2017年7月22:20:01「，」y「：30}，{」x「：」2017年7月22日22時10分1秒「，」y「：40}，{」x「：」：00：01" ，「Y」：23}]

curve.html

<!DOCTYPE html> 
<html> 


<head> 
    <title></title> 

    <script src="canvasjs.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.js" > </script> 

    <script type="text/javascript"> 

$(document).ready(function() { 
$.getJSON("data.php", function (result) { 

var dps=[]; 
dps = result; 

    var chart = new CanvasJS.Chart("chartContainer",{ 
     title :{ 
      text: "Data " 
     }, 
     axisX: {       
      title: "time", 

     }, 
     axisY: {       
      title: "temperature", 

     }, 
     data: [{ 
      type:"spline", 

      dataPoints : dps 
     }] 
     }); 

    chart.render();  


}); 

}); 

    </script> 
</head> 
<body> 

    <div id="chartContainer" style="width: 800px; height: 380px;"></div> 

</body> 
</html>

並且那我有什麼作爲的結果！ enter image description here

來源

2017-07-30 Mariem Maroi

'x'在迴應中使用'label'，我閱讀文檔並嘗試這個https://jsfiddle.net/p7w58naq/與您的迴應 – LogicBlower

謝謝你喲它的工作原理^ _ ^ –

用標籤替換x。根據文件和我試過的東西x應該是一個數字只有那麼它將工作，並在你的情況下，它的字符串'星期六..'，所以標記x作爲標籤 'x'使用'label'作爲迴應，我閱讀了文檔，並且在回覆中嘗試了這個jsfiddle.net/p7w58naq

來源

2017-07-30 18:27:04 LogicBlower

canvasJS：圖表心不是裝

回答

相關問題