显示带有高库存的 json 文件
Displaying a json file with highstock
我在显示Highstock的图表时遇到了一些困难。似乎我无法访问应显示图形的 x 轴部分。我是Highstocks的新手,所以我的代码看起来一团糟,但我的想法如下:首先从服务器访问 json 文件。将其转换为正确的格式 [[日期戳, 值], ....]。然后显示图形。
这是我的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 }
时,设置涡轮阈值
相关文章:
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 不显示带有本地json文件数据的谷歌地图脚本
- 可以't使用Appcelerator将JSON文件解析为JavaScript中的TableView
- 加载两个具有相同父密钥名称的json文件
- 使用JSON文件中的变量(字符串)填充文本区域
- 动态显示JSON文件内容
- 正在尝试将JSON文件放入JS数组
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- 单击按钮更改加载到表中的JSON文件
- 处理一个JSON文件;完全相同的副本不是
- 在Javascript中加载JSON文件
- 使用Bootstrap将JSON文件加载到表中
- Angular 2:在本地.json文件上找不到文件
- JSON-从浏览器向外部服务器发送哪些http头JSON文件
- 如何获取d3.js中json文件中具有特定值的总行数
- 如何在dojo应用程序构建概要文件中加载json文件
- jQuery UI使用json文件自动完成
- 通过Azure存储以HTML形式获取JSON文件
- ngResource没有'从JSON文件解析HTML时不起作用