1

ハイチャートは初めてです - ハイチャートの line-ajax デモを動作させるのに苦労しています (examples/line-ajax/index.htm から)

デモ コードには「analytics.tsv」が含まれていますが、これは明らかにタブで区切られているためです。ただし、index.htm ファイルは「analytics.csv」を探しています。だから私はそれをすべて変えましたが、喜びはありませんでした。

(highcharts デモ サイトから) analytics.csv ファイルをダウンロードしましたが、まだ満足できません。

ハイチャートのドキュメントによると、「データ」は「シリーズ」に含まれています。デモでは、jquery セレクターのすぐ下にあり、「シリーズ」はセレクターの最後に指定され、「データ」エントリはありません。

$('#container').highcharts({
 data: {
   csv: csv
 },
...

http://www.highcharts.com/demo/line-ajaxでは、正常に動作します。ただし、 http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-ajax/を見ると、デモは失敗します。ブラウザで開発ツールが有効になっている場合は、analytics.csv ファイルが見つからないというエラーが表示されます。

私の質問は簡単です。ハイチャート独自のデモを機能させるにはどうすればよいですか?

明確にするために、私は「ページ内」データには興味がありません.ajaxを使用してチャートにデータをロードすることに特に興味があります。

4

3 に答える 3

0

ajax URL を見ると、'/samples/highcharts/demo/line-ajax/analytics.csv'. これは、highchart のサーバー上の相対パスであるため、jsfiddle はファイルを見つけることができません。現在、ファイルへのフル パスは ですがhttp://www.highcharts.com/samples/highcharts/demo/line-ajax/analytics.csv、それを jsFiddle に指定すると、Access-Control-Allow-Originポリシーが原因でエラーが発生します。

独自のサーバーでこれに取り組んでいる場合は、CSV ファイルをダウンロードして、ドキュメント ルートで利用可能な場所に配置してください。

于 2013-09-22T13:27:55.227 に答える
0

series[0].data の代わりに、その例ではデータ モジュールhttps://www.highcharts.com/docs/working-with-data/data-moduleを使用します。これは、CSV、html テーブル、Google スプレッドシートからインポートすることを意味します。

于 2018-03-02T10:59:00.320 に答える
-1

私はこのようにハイチャートを使用しました:

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].

まあ、「 json 」でデータを使用できます

于 2013-09-22T02:33:11.673 に答える