Question

我是高级图表的新手 - 我在使用highcharts line-ajax演示工作时遇到困难（来自examples / line-ajax / index.htm）

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

我从一些highcharts演示网站下载了一个analytics.csv文件，但仍然没有任何乐趣。

highcharts文档说'数据'包含在'系列'中。在演示中，它位于jquery选择器下面，在选择器中最后指定的'series'没有'data'条目。

$('#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将数据加载到图表中。

Answer 1

如果您查看ajax网址，则为'/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 policy而出错。

如果您在自己的服务器上进行此操作，只需下载CSV文件并将其放在文档根目录中。

Answer 2

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

Answer 3

我以这种方式使用了高级图表：

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”

的数据

highcharts line-ajax example / demo

3 个答案: