highcharts line-ajax 示例/演示答案

【问题标题】：highcharts line-ajax example/demohighcharts line-ajax 示例/演示
【发布时间】：2013-09-22 02:19:12
【问题描述】：

我是 highcharts 新手 - 我很难让 highcharts line-ajax 演示工作（来自示例/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 将数据加载到图表中特别感兴趣。

【问题讨论】：

您看过有关处理数据的文章吗？ highcharts.com/docs/working-with-data/…
Sebastian 链接的文档现在位于highcharts.com/docs/working-with-data/custom-preprocessing

标签： ajax csv highcharts demo

【解决方案1】：

如果您查看 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 policy而出错。

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我是这样使用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”的数据

【讨论】：