1

時間に応じた温度チャートを表示しようとしています。

これは、リソース ディレクトリからの csv ファイル 'temperature1.csv' の抜粋です。

Date heure,Chambre d'amis,salon,Salle de Bain,Chambre,Dehors 07/10/15 151006,24,23.299999237061,22.799999237061,22.39999961853,28.89999961853 07/10/15 151506,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 152006,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 152506,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 153006,24,23.299999237061,22.89999961853,22.60000038147,29.5 07/10/15 153506,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.60000038147 07/10/15 154006,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.700000762939 07/10/15 154506,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.89999961853 07/10/15 155006,24.10000038147,23.39999961853,23,22.700000762939,29.799999237061 07/10/15 155506,24.10000038147,23.5,23,22.700000762939,30.10000038147 07/10/15 160010,24.10000038147,23.5,23,22.700000762939,30.299999237061 07/10/15 160506,24.10000038147,23.5,23,22.799999237061,30.39999961853

最初の行はヘッダーを表し、次の行はデータを表します。

それはhtmlコードです：

<!DOCTYPE html>
<html>
<head>
<!--Script Reference[1]-->
<script src="./zingchart/zingchart.min.js"></script>
<script>
    var chartData={
        "csv":{
        "url":"./ressources/temperature1.csv",
        "horizontal-labels":true
    };
    window.onload=function(){  // Render Method[2]
        zingchart.render({ 
            id:'chartDiv',
            data:chartData,
            height:400,
            width:600
        });
    };
</script>
</head>
<body>
<!--Chart Placement[3]-->
<div id ='chartDiv'></div>
</body>
</html>

chartDiv が表示されますが、チャートには何も表示されません:(

手伝って頂けますか ？

4

1 に答える 1

1

グラフの JSON にグラフの種類が設定されていないため、グラフは表示されません。私の例に使用"type":"line"します。

var chartData = {
  "type": "line", 
  "csv":{
      "url":"./ressources/temperature1.csv",
      "smart-scales":true
    }
};
于 2015-10-02T17:17:23.717 に答える