GoogleChartsがおもしろい!(ScatterChart編)※サンプルプログラムあり

GoogleChartsの第2弾、今回はScatterChartを触ってみました。

ScatterChart
https://developers.google.com/chart/interactive/docs/gallery/scatterchart

こちらは主に散布図を作成するものです。実は以前にJavaScriptで相関関数を算出したときに使っていました。(JavaScriptで相関関数の算出

既に使用経験がありますし、だんだん慣れてきましたし、ちょっとGISっぽく画像上にデータをプロットしてみました。以下の画像ではラグビーのフィールド上にデータをプロットしています。(サンプルはコチラ

ScatterChartには背景画像を設定する機能がどうもなかったようで、フィールド上へのデータプロットは次の手順で実現しました。

① divを配置してstyle-backgroundを任意の画像にする
② ScatterChartでデータプロットする
③ このときbackgroundColorをtransparent(透明)に設定

ただ座標の調節が難しいですね、そもそもラグビーの10mラインは中央から10mなのに対して、22mラインはエンドラインから22mだったりしますし。

 

今日はここまで

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください