LNLY » Chart.jsを使ってiPhoneにかかる加速度を視覚化する[2/3]iTunes : Live for the Night - Get Wet HTMLのcanvas要素に様々なグラフを描画できるライブラリChart.js。これを使ってiPhoneにかかる加速度をグラフィカルに視覚化しようという記事全三回。の第二回。 やること 第一回：Chart.jsを使ってグラフを描画する。 第二回：iPhoneの加速度センサーからデータを取得してグラフにする。 第三回：ローパスフィルタを作って加速度データをなめらかにする。 第一回はChart.jsを初期化してグラフを作り、ランダムなデータを定期更新するところまでをやった。 今回はグラフに渡すデータを加速度センサーから取っていくよ。 加速度センサーデータを取得してグラフを描画する。 デモ 作った物が動くところはこちらを参照。 今回は加速度センサーが必要なので、iPhoneからのみデモが見られるよ。 DEMO h
![LNLY » Chart.jsを使ってiPhoneにかかる加速度を視覚化する[2/3]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce2ce44202f976a43beec1c18c5264196c1b3d51/height=288;version=1;width=512/http%3A%2F%2Flnly.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F02%2Faccl-chart2_1-1024x577.png)
LNLY » overflow:scrollを設定した要素がiOSデバイスで慣性スクロールしない症状への対処
