JavaScriptチャートのデータを取得する

Question

このlinkにはApple iPhoneの価格履歴のチャートがありますが、私の目標は何とかこのデータにアクセスできるようにすることです。ソースコードを見てきました。 Web上には、データポイント上にマウスを置いて、指定された日付の価格を得ることができます。つまり、このデータは利用可能でなければなりません。

どのような考えですか？

Answer 1

データは、グラフインスタンスのdataProvider配列に格納されます。コードが縮小されているので、グローバルなAmCharts.charts配列を使用して、代わりにdataProvider配列を取得する必要があります。このページには3つのグラフがあります（[統計]タブの小さなスパークラインチャートはAmChartsインスタンスでもあります）。配列は、ページの作成順に配置されます。最初の列はスパークラインで、他の2つはそれぞれ人気と価格履歴です。ここで

は私のコンソール出力が人気履歴チャートのdataProviderからの最初の項目へのアクセスからです。また

 
> AmCharts.charts[1].dataProvider[0] 
Object {time: Mon Sep 16 2013 18:00:00 GMT-0400 (Eastern Daylight Time), value: 561756} 

を、あなたも自分のブラウザのWebデベロッパーコンソールを使用してAJAX/XHRを見つけるために、呼び出しをフィルタリングすることができます生データも同様です。

Answer 2

あなたは、コードを検査し、グラフを少しプレイする場合は、表示されます。

<path cs="100,100" d="M-23.5,203.5 L-9.5,203.5 L-16.5,203.5 L-7.5,203.5 L-7.5,190.5 L6.5,190.5 L-0.5,190.5 L8.5,190.5 L8.5,148.5 L22.5,148.5 L15.5,148.5 L23.5,148.5 L23.5,162.5 L37.5,162.5 L30.5,162.5 L39.5,162.5 L39.5,176.5 L53.5,176.5 L46.5,176.5 L55.5,176.5 L55.5,162.5 L69.5,162.5 L62.5,162.5 L70.5,162.5 L70.5,176.5 L84.5,176.5 L77.5,176.5 L86.5,176.5 L86.5,148.5 L100.5,148.5 L93.5,148.5 L101.5,148.5 L101.5,162.5 L115.5,162.5 L108.5,162.5 L117.5,162.5 L117.5,176.5 L131.5,176.5 L124.5,176.5 L133.5,176.5 L133.5,176.5 L147.5,176.5 L140.5,176.5 L148.5,176.5 L148.5,148.5 L162.5,148.5 L155.5,148.5 L164.5,148.5 L164.5,162.5 L178.5,162.5 L171.5,162.5 L180.5,162.5 L180.5,162.5 L194.5,162.5 L187.5,162.5 L195.5,162.5 L195.5,176.5 L209.5,176.5 L202.5,176.5 L211.5,176.5 L211.5,176.5 L225.5,176.5 L218.5,176.5 L226.5,176.5 L226.5,176.5 L240.5,176.5 L233.5,176.5 L242.5,176.5 L242.5,148.5 L256.5,148.5 L249.5,148.5 L258.5,148.5 L258.5,103.5 L272.5,103.5 L265.5,103.5 L273.5,103.5 L273.5,54.5 L287.5,54.5 L280.5,54.5 L289.5,54.5 L289.5,71.5 L303.5,71.5 L296.5,71.5 L305.5,71.5 L305.5,71.5 L319.5,71.5 L312.5,71.5 L320.5,71.5 L320.5,87.5 L334.5,87.5 L327.5,87.5 L336.5,87.5 L336.5,87.5 L350.5,87.5 L343.5,87.5 L352.5,87.5 L352.5,19.5 L366.5,19.5 L359.5,19.5 L367.5,19.5 L367.5,19.5 L381.5,19.5 L374.5,19.5 L367.5,19.5 L367.5,19.5 L381.5,19.5 M0,0 L0,0" fill="none" stroke-width="2" stroke-opacity="1" stroke="#FFD400"></path>

＃1 FFD400は、チャートの色である

。おそらくdatasは "d"属性ですが、私はその形式を理解するのに十分なものではありません。

私はそれが役に立ちそうです。