javascript - 如何从highstock图表中提取数据

Question

假设我有一个样本 highstock 图表，如 this在网站上。我想知道是否可以单独从图表中提取数据(即图表是由第三方创建的，其他人无法访问用于图表的数据)。

<img src="http://www.highcharts.com/stock/demo/basic-line">

Answer 1

是的。每个图表都存储在 HighChart 的 Highcharts.charts 中大批。在您链接的当前包含一个图表的页面上:

Highcharts.charts
-> [ z.Chart ]

这是一个包含该图表中所有数据的对象。我们可以通过从 Highcharts.charts 中选取来查看它。数组索引(在本例中为 0):

Highcharts.charts[0]
-> z.Chart { ... }

这包含您需要的所有信息。每个图表对象包含一个 series属性是一个数组，其中包含图表呈现的每个系列的数据。 A data属性存在于包含所有数据的每个系列中，并且 name属性包含系列的名称。

例如:

Highcharts.charts[0].series[0].name
-> "APPL"

Highcharts.charts[0].series[0].data
-> Array[1774]

HighCharts 的文档与它创建的 JavaScript 对象的格式相同。这可以在这里查看: http://api.highcharts.com/highcharts .