Ateam Lifestyle x cyma Advent Calendar 2018の12日目は、株式会社エイチームライフスタイルのエンジニア@kazenomachiが担当します。 本稿では、Reactのチャート描画ライブラリRechartsで様々なチャートを出力する方法を紹介していきます。 やりたいこと Reactで、簡単なグラフ(折れ線グラフや棒グラフ)を描画したい できるだけ簡単に分かりやすいコードで書きたい Rechartsとは? Reactで簡単にSVGチャートを描画できるライブラリです。 他にもチャートを描画することができるライブラリは多くありますが、今回は以下の点を理由にRechartsを選びました。 Reactコンポーネントを使ってReactらしくコードを書ける(読みやすい) ある程度カスタマイズも可能で、レスポンシブ対応も簡単そう 基本編 まずは早速、基本のグラフを書い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く