0

我正在尝试使用 highcharts 向我的网站添加图表。但是，我是 json 的新手，我无法加载文件。

这是代码：http: //jsfiddle.net/czNn2/9/

'graph-data-array2.json' 包含：

[{
name: 'Asia',
data: [502, 635, 809, 947, 1402, 3634, 5268]
}, {
name: 'Africa',
data: [106, 107, 111, 133, 221, 767, 1766]
}, {
name: 'Europe',
data: [163, 203, 276, 408, 547, 729, 628]
}, {
name: 'America',
data: [18, 31, 54, 156, 339, 818, 1201]
}, {
name: 'Oceania',
data: [2, 2, 2, 6, 13, 30, 46]
}]

当我在我的网站上运行它时，控制台上没有错误，并且图表应该是空白的区域。我正在遵循这个先前问题的第二个答案的建议：为网站创建 100% 堆叠面积图

我还尝试了一个格式为的 json 文件：

[
["Price", "Us", "You"],
[0,0.5,0.5],
[1,0.5,0.5],
[2,0.5,0.5]
]

但它也没有奏效。在这种情况下，我在控制台“未捕获的 Highcharts 错误 #13”中收到错误

4

2 回答 2

1

只是为了确保（因为我没有在您的代码中看到它），将您的图表添加到您的<div id="container-chart" />.

您可以通过向图表选项添加属性来执行此操作：

chart: {
        renderTo: container-chart,
        height: 400
    },

来源：http ://api.highcharts.com/highcharts#chart.renderTo

或使用 jQuery：

$('#container').highcharts({

编辑：原来你不能在你渲染到的 div 的 id 中使用连字符。你的 json 看起来不错。这是一个更新的工作小提琴：http: //jsfiddle.net/czNn2/5

于 2013-06-28T00:12:36.913 回答
0

问题在于跨域问题，因为您尝试使用其他域加载 json。解决方案可以使用 JSONP。

于 2013-06-28T09:10:16.807 回答