1

我是 highcharts 的新手 - 我很难让 highcharts line-ajax 演示工作(来自examples/line-ajax/index.htm)

演示代码包括 analytics.tsv',显然是因为它是制表符分隔的。但是 index.htm 文件正在寻找“analytics.csv”。所以我改变了这一切,但没有快乐。

我(从一些 highcharts 演示站点)下载了一个 analytics.csv 文件,但仍然没有乐趣。

highcharts 文档说“数据”包含在“系列”中。在演示中,它位于 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 文件

所以,我的问题很简单,我需要做什么才能让 highcharts 自己的演示工作?

澄清一下,我对“页面内”数据不感兴趣,我对使用 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-Originpolicy而出错。

如果您在自己的服务器上处理此问题,只需下载 CSV 文件并将其放在文档根目录中的某个可用位置。

于 2013-09-22T13:27:55.227 回答
0

在该示例中,他们使用数据模块https://www.highcharts.com/docs/working-with-data/data-module而不是 series[0].data,这意味着从 CSV、html 表、谷歌电子表格导入。

于 2018-03-02T10:59:00.320 回答
-1

我以这种方式使用了highcharts:

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 回答