0

ハイチャートを使用してサイトにグラフを追加しようとしています。ただし、私は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]
}]

これを自分のサイトで実行すると、コンソールにエラーは表示されず、グラフが表示されるはずの領域が空白になります。この前の質問に対する 2 番目の回答のアドバイスに従っています: Web サイトの 100% 積み上げ面グラフの作成

次の形式のjsonファイルも試しました。

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

しかし、それもうまくいきませんでした。この場合、コンソールに「Uncaught Highcharts error #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 に答える