【JavaScript】amCharts4 使い方詳細! 俺用メモ!

どうもきよです!

最近なんかモチベーションが高いので、

今回はamChart4の詳しい使い方についてメモしていこうと思います。

下記は公式のデモサイトです!色んなグラフを作成できるので試してみてください!
amChartsデモサイト

スポンサーリンク




■XYChart

・公式リファレンス
XYChart公式リファレンス

ツールチップ

・グラフをホバーした際に、位置の詳細を表示する

・adapterを使うことで、カスタマイズも可能

See the Pen amChart2 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

グラフズーム

・グラフ上でマウスホイールを使用した際の動作

・オプション

– zoomX

– zoomY

– zoomXY

– panX

– panY

– panXY

– none

See the Pen amChart3 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

スクロールバー

・グラフをスクロールできるようにする

See the Pen amChart4 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

凡例

・グラフのシリーズごとにマーカーをつける

See the Pen amChart5 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

アニメーション

・グラフにアニメーションをつける(テーマを使うと簡単)

See the Pen amChart6 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

・グラフの色を変える(カラーテーマがいくつかあるので紹介)

See the Pen amChart7 by suzuyosy (@suzuyosy) on CodePen.dark

※ポイント

※テーマは他にもたくさんあります。
カラーテーマ

今回はXYChartの使い方をいくつかピックアップしてメモしました。

まだまだ使えるグラフや設定などたくさんあるので、

ぜひ調べてみてください!

以上、よろしくお願いいたします。

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク




%d人のブロガーが「いいね」をつけました。