如何從highstock圖表中提取數據

Question

假設我有這樣一個樣本highstock圖這個在網站上。 我想知道是否有可能僅從圖表中提取數據（即圖表是由第三人創建的，而圖表所使用的數據是其他人無法訪問的）。

<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屬性，該屬性是一個數組，包含圖表呈現的每個系列的數據。 每個系列中都包含一個data屬性，其中包含所有數據， name屬性包含系列的名稱。

例如：

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

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

HighCharts的文檔以與它創建的JavaScript對象相同的格式布局。 這可以在這里查看： http ： //api.highcharts.com/highcharts 。

Answer 2

實際上，如果您下載帶有圖表的頁面，則可以輕松提取數據。 它將存儲在主* .html文件中。

它不是實際數據，而是圖表中每個點的位置。 但你只需要擴展它就可以得到你想要的東西。