Highstock 每秒更新一次图表
Highstock updating of the chart each second
我正在尝试获取 highstock (js-lib) 中的实时数据。我使用了这个模板:
http://www.highcharts.com/stock/demo/dynamic-update
结合本指南:http://www.highcharts.com/docs/working-with-data/live-data
这是我的结果:http://jsfiddle.net/93deqwm4/
我每秒都没有得到任何新数据。什么问题,说明书上看起来很简单
正如开膛手杰克所说,让我们分部分来。
- 您的 ajax 调用正在使用相对路径,这意味着它正在尝试到达
"http://fiddle.jshell.net/93deqwm4/show/live-server-data.php", that doesn't exist. You can change it to absolute path: "http://www.highcharts.com/studies/live-server-data.php",但随后出现第二个问题:
- 您正在尝试请求与您的网页所在的域不同的域,因此您的浏览器将阻止它。如果您使用 Chrome,我发现 here 是一个非常简单的解决方法(如果您不这样做,您仍然可以在那里找到其他解决方案)。
- 您忽略了 tutorial you were following 的第 2 步。您必须使变量 'chart' 成为全局变量。所以我用
window.chart
让它成为全球。
进行这些更改后,您将得到一个 functional example(<-- 如果您不对 'different domain request' 问题使用变通方法,它将无法工作)。
我正在尝试获取 highstock (js-lib) 中的实时数据。我使用了这个模板:
http://www.highcharts.com/stock/demo/dynamic-update
结合本指南:http://www.highcharts.com/docs/working-with-data/live-data
这是我的结果:http://jsfiddle.net/93deqwm4/
我每秒都没有得到任何新数据。什么问题,说明书上看起来很简单
正如开膛手杰克所说,让我们分部分来。
- 您的 ajax 调用正在使用相对路径,这意味着它正在尝试到达 "http://fiddle.jshell.net/93deqwm4/show/live-server-data.php", that doesn't exist. You can change it to absolute path: "http://www.highcharts.com/studies/live-server-data.php",但随后出现第二个问题:
- 您正在尝试请求与您的网页所在的域不同的域,因此您的浏览器将阻止它。如果您使用 Chrome,我发现 here 是一个非常简单的解决方法(如果您不这样做,您仍然可以在那里找到其他解决方案)。
- 您忽略了 tutorial you were following 的第 2 步。您必须使变量 'chart' 成为全局变量。所以我用
window.chart
让它成为全球。
进行这些更改后,您将得到一个 functional example(<-- 如果您不对 'different domain request' 问题使用变通方法,它将无法工作)。