Highcharts动态折线图从json
highcharts dynamic line chart from json
我有一个图表,需要从servlet提供的json中提取数据。
jsfiddle: http://jsfiddle.net/jeremybolanos/dcSUq/
,你可以看到它没有正确加载数据。我需要直接构建name:和data:字段吗?
我用的是:
var chart1 = {...}; // see jsfiddle link above
var cData = [];
var d = chart1.data;
for (var i in d) {
var x = new Array(d[i].city, d[i].pph);
cData.push(x);
}
看起来您需要将数据构建成正确的格式才能正常工作。如
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: 'Berlin',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
ok -花了我30分钟回顾在javascript中构建数组,但这里是我的duh代码:
var cData = [];
var d = chart1.data;
for (var i in d) {
var x = new Array();
x['name'] = d[i].city;
x['data'] = d[i].pph;
cData.push(x);
}
更新了我的jsfiddle: http://jsfiddle.net/jeremybolanos/dcSUq/
相关文章:
- 用谷歌图表json数据绘制简单的折线图,日期在x轴上
- D3js:如何使用 JSON 数据绘制多系列折线图
- 来自 JSON 的 Dojo 折线图,具有多个系列和公共 x 轴
- 带有谷歌图表的JSP JSON - 折线图
- 如何修改谷歌折线图的 JSON 字符串
- 在 flot.js 中绘制折线图和条形图以获取 JSON 数据
- D3 中 JSON 数据的折线图
- gRaphael折线图:用JSON数据填充弹出标签而不是x&y坐标
- 为折线图提供一个本地json文件
- 本地折线图不同&使用NVD3创建远程json文件
- 将JSON文件加载到highcharts中以绘制折线图
- 在nvd3结构中使用d3和json的多折线图
- Highcharts动态折线图从json
- 多折线图D3.js Json数据结构
- 如何使用Json文件绘制折线图
- 1 个 html 页面上有 2 个不同的谷歌图表(1 个带有 JSON 的折线图和 3xgauge 硬编码)
- 我可以将此 JSON 提供给 D3 以绘制折线图吗?
- d3 JSON多折线图
- 如何在折线图中获得所有json值
- js在折线图上绘制两个json数据集