无法加载Highcharts的json文件 [英] Unable to load json File for highcharts
问题描述
我正在尝试使用highcharts将图形添加到我的网站.但是,我是json的新手,无法加载文件.
I am trying to use highcharts to add a graph to my site. However, I am a newby to json and I am having trouble loading the file.
以下是代码: http://jsfiddle.net/czNn2/9/
'graph-data-array2.json'包含:
'graph-data-array2.json' contains:
[{
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网站的堆叠面积百分比图
When I run this on my site there are no errors on the console and the area where the graph should be is blank. I am following the advice from the 2nd answer to this prior question: Creating 100% stacked area graph for a website
我还尝试了以下格式的json文件:
I also tried a json file formated as:
[
["Price", "Us", "You"],
[0,0.5,0.5],
[1,0.5,0.5],
[2,0.5,0.5]
]
但是它也不起作用.在这种情况下,我在控制台中收到未捕获的Highcharts错误#13"错误
But it did not work either. In this case I get an error in the console "Uncaught Highcharts error #13"
推荐答案
只是为了确保(因为我没有在您的代码中看到它),请将您的图表添加到您的<div id="container-chart" />
中.
Just to make sure (since I didn't see it in your code), add your chart to your <div id="container-chart" />
.
您可以通过向图表选项添加属性来实现:
You can do this via adding a property to the chart options:
chart: {
renderTo: container-chart,
height: 400
},
来源: http://api.highcharts.com/highcharts#chart.renderTo
或使用jQuery:
$('#container').highcharts({
原来,您不能在要渲染到的div的ID中使用连字符.您的json看起来不错.这是更新的工作提琴: http://jsfiddle.net/czNn2/5
Turns out you can't use a hypen in the id of the div you're rendering to. Your json seems fine. Here is an updated working fiddle: http://jsfiddle.net/czNn2/5
这篇关于无法加载Highcharts的json文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!