【发布时间】:2014-09-05 20:06:27
【问题描述】:
我只是使用了 highcharts 中的开箱即用示例:
$(function () {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function (data) {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
inputEnabled: $('#container').width() > 480,
selected : 1
},
title : {
text : 'Sample Stock Price'
},
series : [{
name : 'Sample Stock Price',
data : data,
type : 'areaspline',
threshold : null,
tooltip : {
valueDecimals : 0
},
fillColor : {
linearGradient : {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops : [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
}
}]
});
});
});
我用编程填充的值替换了“数据”变量: [140935680070150,150150150150151317 [140806578998007] [1408808007] [14080608000,[1408752000000 ,> [140875200,508065000001,511980001,40801019300701,508010303099998000 [1407888007] [1407801200] [1407801200] [14078012000000] [140770130000] [140770] [140770] [140770] [140770] [1407701200] [140770130000] [140770130000] [140770] [140770] [140770] [14077012000000] [140770] [140770] [140770,15688] [140770] [140770] [140770] [140770] [140770] [140770] [140770] [140770] [140770] [140770,15780,14801014870 [14071968000 1491980114970 [1406505000年[14065050000] [14065050000] [140630500000,[1406598000年[1406764800 000,[1406678800000年[140659200万] [1406592000000,1599200,506050001,406505000001,406050001,406050001,406019200000 16367],[1406160000000,16393],[1406073600000,16131],[1405987200000,15862],[14059008 00000,16002],[1405814400000,16206],[1405728000000,16478],[1405641600000,16683],[1405555200000,16803],[1405468800000,16666],[1405382400000,16625],[1405296000000,16992],[1405209600000, [140477760070,1601601691187016016016016016016016016060 [1404009] [14039] [14039] [14039] [140380,17299] [ [14033201732017320173201730 17670],[1402963200000,17187],[1402876800000,17157],[1402790400000,17226],[1402704000000,17425],[1402617600000,17625],[1402531200000,17746],[1402444800000,17465],[1402358400000,16844] ,[1402272000000,16937],[1402185600000,17043],[1402099200000,17684],[1402012800000,1814 0],[1401926400000,18304],[1401840000000,18104],[1401753600000,17486],[1401667200000,16666],[1401580800000,15873],[1401494400000,15528],[1401408000000,15495],[1401321600000,15474] [140080320070,15250,15201520152015125000年[ [13908501515201515015015000 15373],[1399766400000,15373],[1399680000000,15621],[1399593600000,15645],[1399507200000,15692],[1399420800000,15666],[1399334400000,15583],[1399248000000,15533],[1399161600000,15667] [13986432007010101501015010150101501015015000年[ 1398384000000,15608],[1398297600000,15514],[1398211200000,15339],[1398124800000,15177],[139803 8400000,15352] [13979520000,15743] [13978650150,15983] [1397779200000,16090] [139769200000,16069] [1397606010,15859] [13975060,15855] 15737],[1397260800000,15889],[1397174400000,15961],[1397088000000,15950],[1397001600000,15853],[1396915200000,15699],[1396828800000,15906],[1396742400000,16205],[1396656000000,16394] [1396569600000,16303],[1396483200000,16228],[1396396800000,16256],[1396310400000,16065],[1396224000000,15905],[1396137600000,15863],[1396051200000,15766],[1395964800000,15646],[ [13395446015015015015000 >
工具提示不再正常工作,除“全部”之外的任何按钮范围都没有显示图表
这是我所拥有的 JSFiddle: http://jsfiddle.net/9Lwp0dw6/1/
非常感谢任何帮助 - 谢谢!
【问题讨论】:
-
您在问题中至少需要一些代码 - 您不能只放置 JSFiddle 的链接。此外,将 JSFiddle 链接以这样的代码格式放置并不聪明。
-
抱歉,第一次使用栈。会更新
-
在调试器中,highcharts 抛出此错误 - highcharts.com/errors/15。它基本上是说它想要排序的数据。您将不得不对数组进行排序。在这里寻找答案:stackoverflow.com/questions/14306296/…
-
感谢 Donal,错误已修复。我正在对数组进行反向排序,这导致日期以降序形式传递。我注释掉了反向排序线 (Php),图表现在按预期工作。请让我知道是否有办法奖励您积分/荣誉,或者它在这里有效。谢谢!
-
很高兴听到它正在工作。我已经添加了一个答案,如果您愿意,可以将其标记为已接受。
标签: javascript jquery json highcharts highstock