小栗さくら@講談社『余烈』発売中 @oguri_sakura 台風が来るときは、食べ物を事前に買っておいてほしいな…(`;ω;´) 宅配ピザのバイク横転して、乗ってる人も風で飛ばされかけてる映像あったけど、自分が外に出られないということは、宅配の人がどうなるかも分かるはず…😢 店側(企業)も、働いてる人のために休業する勇気も必要😔 #台風21号 2018-09-04 15:03:40
小栗さくら@講談社『余烈』発売中 @oguri_sakura 台風が来るときは、食べ物を事前に買っておいてほしいな…(`;ω;´) 宅配ピザのバイク横転して、乗ってる人も風で飛ばされかけてる映像あったけど、自分が外に出られないということは、宅配の人がどうなるかも分かるはず…😢 店側(企業)も、働いてる人のために休業する勇気も必要😔 #台風21号 2018-09-04 15:03:40
こんにちは、okutani(@okutani_t)です。先日、Google Analyticsのデータを整形して表示するツールを仕事で作ってました。 そのときに、「Chart.js」なるものを見つけて使ってみたのですが、なかなかオシャレでよさげだったのでご紹介します。 Chart.jsを使うとWebサイト上でグラフがかんたんに作成できます。特徴としては「フラットデザイン」「HTML5のCanvasを使っている」「IE8対応」「jQueryが不要」などなど。 非プログラマーでも比較的かんたんに設置できるかと思いますので、グラフを使う機会があれば参考にしてください。 では、さっそくChart.jsの導入&利用方法についてみていきましょう。 スポンサーリンク Chart.jsの導入方法 Chart.jsの導入方法をみていきましょう。下記公式サイトへアクセスします。 LINKChart.js |
グラフを描くとなると、最近ではjavascriptで!?、という記事が増えてきました(私は、python+matplotlibかRでやってました。) 実際にやろうとしたところ、パーツパーツのやり方は色々なページにあるのですが、全部を通してがないかなあ、と感じましたので載せてみました。というか、あれこれやって何とかできましたので、残しておこうと思いました。 データと実行結果のグラフ 元のCSVデータ January, -10.4, -5.5 Feburary, -30.3, 1 March, 3.8, 12.3 April, 5.9, 13.5 May, 9.6, 16.4 June, 12.0, 19.4 July, 16.1, 28.2 August, 20.6, 30.3 September, 17.2, 26.2 October, 15.0, 20.8 November, 5.9,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く