京都市の季節ごとの平均気温推移をグラフ化しました。

いろいろな折れ線グラフのイラスト

かつて京都市の気温について定期的にチェックしていた時期があり、今までもデータとしては存在していたんですが、非常に扱いづらい独自の形式になっていました。それを今回、フレームワーク変更に伴って他のグラフと同じ形式のデータに変換し、Chart.jsとして書き出せるようにしてみました。

続きを読む

【Chart.js】グラフの変更が完了しました【#np2020】

Chart.js

これまでのFlashを使ったグラフからChart.jsを使ったグラフへの切り替えが完了しました。既存のデータを現在のシステムに移行する必要がありましたが、Laravelで適当なコマンドツールを作って、amChartのXMLファイルを読み込んで解析、必要に応じてデータベース上にテーブルを作ってデータを入力という流れで簡単にコンバートできました。特にLaravelのEloquent ORMには助けられてばかりです。素敵すぎ。

続きを読む

【vue-chartjs】グラフのオプションを一括設定したい【#np2020】

Vue.js と Chart.js を連携させてグラフを描画する場合、ラッパーとして「vue-chartjs」を使うと面倒なことがかなり省略できて楽です。ファイルさえ準備しておけばデータを入れて簡単にグラフが描画できるというイメージでしょうか。導入に関しては公式サイトなどを参照してください。

続きを読む

【メモ】vue-chartjs を入れて「[Vue warn]: Invalid prop: type check failed for prop “chartData”」が出る場合の対処方法【#np2020】

グラフを描くJavaScriptライブラリとして最近人気なのが「Chart.js」というやつらしいです。このサイトでもいくつかグラフを作っていますが、いまだにFlashを利用していていい加減切り替えたいと思ってテスト中です。

続きを読む

「内閣支持率」のグラフを更新しました。(2019年3月のデータを掲載)

国会議事堂 内閣支持率のグラフを更新しました。 年が変わるとNHKのサイトURLが変わってしまうので、確認が漏れてしまうんですよね。 というわけで2019年初の内閣支持率・政党支持率グラフレポートです。

使用データ

政治意識月例調査 | NHK放送文化研究所

続きを読む