Highcharts多個系列

我有了這個JSON數組：Highcharts多個系列

[{"name":"test1","data":[[1361574000000,0],[1362006000000,40.6],[1363388400000,35.7], 
[1363820400000,41.24],[1364511600000,40.56],[1365112800000,38.96],[1365544800000,39.8],[1366063200000,40.58],[1366668000000,40.79],[1367272800000,38.06],[1368309600000,37.95], 
[1368655200000,41.31],[1369346400000,40.16]]},{"name":"test2","data":[[1361574000000,0], 
[1362006000000,1.46],[1363388400000,1.42],[1363820400000,1.42],[1364511600000,1.37], 
[1365112800000,1.41],[1365544800000,1.41],[1366063200000,1.35],[1366668000000,1.45], 
[1367272800000,1.36],[1368309600000,1.36],[1368655200000,1.36],[1369346400000,1.37]]}]

我相信這是一個有效的JSON格式，是否正確？

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Highcharts Example</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://code.highcharts.com/stock/highstock.js"></script> 
    <script src="http://code.highcharts.com/stock/modules/exporting.js"></script> 
    <script type="text/javascript"> 
$(function() { 

    $.getJSON('testdata.php', function(data) { 
     // Create the chart 
     $('#container').highcharts('StockChart', { 


      title : { 
       text : 'Test' 
      }, 

      series : [{ 
       name : 'Test', 
       data : data, 
       tooltip: { 
        valueDecimals: 2 
       } 
      }] 
     }); 
    }); 

}); 
     </script> 
    </head> 
    <body> 
    <div id="container" style="height: 500px; min-width: 500px"></div> 
    </body> 
</html>

我如何得到這個工作正常：

不幸的是只有一個空的圖表使用此代碼繪製的？我已經閱讀了一些Highcharts文檔，但是我沒有足夠的編程經驗來實現它。

謝謝！

來源

2013-05-30 Caesius

使用調試器控制檯或螢火蟲，並搜索可能的錯誤，如果任何。要測試JSON，請使用[JSONLint]（http://jsonlint.com/）。 – NINCOMPOOP

JSON似乎有效（謝謝），但是我需要添加到代碼來繪製數據？ – Caesius

轉到[HighCharts]（http://www.highcharts.com/）演示並查看它的jsFiddle。 – NINCOMPOOP

您正在用json構建一個系列對象。

然後指定整個系列對象作爲您的系列數據。

您需要可以構建JSON只包括數據陣列，或者你需要指定

series:data

，而不是

series : [{ 
       name : 'Test', 
       data : data, 
       tooltip: { 
        valueDecimals: 2 
       } 
      }]

來源

2013-05-30 19:48:02 jlbriggs

這個伎倆！謝謝 – Caesius

-2

我還會檢查你是否從testdata.php中首先返回JSON，方法是將它打印出來，並檢查是否包含所有必要的高級圖表文件。

來源

2013-05-30 12:41:26 theswiss

Highcharts多個系列

回答

相關問題