簡體   English   中英

顯示高庫存的json文件

[英]Displaying a json file with highstock

我在顯示Highstock圖形時遇到一些困難。 似乎我無權訪問應在其中顯示圖形的x軸部分。 我是Highstocks的新手,所以我的代碼似乎一團糟,但我的想法如下:首先從服務器訪問json文件。 以正確的格式[[datestamp,value],....]進行轉換。 然后顯示圖形。

這是我的Json文件(file.json):

[{"date":"2013-10-04T22:31:12.000Z","value":30000},{"date":"2013-10-04T22:31:58.000Z","value":35000},{"date":"2013-10-04T22:32:05.000Z","value":60000},{"date":"2013-10-04T22:32:12.000Z","value":45000}]

我的代碼如下:

  $(function() { chartOjb = new Object(); var mydata = []; 

$ .getJSON('file.json',function(data){

  $.each(data, function (index, item) { chartOjb.name = getTimestamp(item.date); chartOjb.data = item.value; mydata.push({ x: chartOjb.name, y: parseFloat(chartOjb.data) }); }); $('#container').highcharts('StockChart', { chart: { type: 'candlestick', zoomType: 'x' }, navigator: { adaptToUpdatedData: false, series: { data: mydata } }, scrollbar: { liveRedraw: false }, xAxis: { type: 'datetime', title: 'Time', //minRange: 3600 * 1000/15 // one hour }, rangeSelector : { selected : 1 }, title : { text : value }, series : [{ name : 'Capacité', data : data, tooltip: { valueDecimals: 2 } }] }); }); }); 

非常感謝您的幫助

您可以添加函數getTimestamp()嗎? 也許有什么問題。 請記住:

  • x值應為時間戳,
  • 當使用大量對象{ x: x, y: y } ,設置turboThreshold

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM