[英]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, y: y }
,設置turboThreshold
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.