highcharts line-ajax example / demo

Posted 2021-05-05

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

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

我从（下载一些高图演示网站）下载了一个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将数据加载到图表中。

答案

如果你看一下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文件并将其放在文档根目录中。

另一答案

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

另一答案

我用这种方式使用了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”的数据