【chart.js】HTMLでグラフを表示する(折れ線/棒グラフ)

chart.jsは折れ線や棒、円など数種類のグラフを表示（描画）することができる、オープンソースJavaScriptライブラリです。
項目ごとに表示/非表示を切り替えるなど、高度なグラフを簡単に表示することができます。

今回はこちらを使用して折れ線グラフと、棒グラフを表示してみました。
データは各地の降水確率としています。（データ元：気象庁）

（表の上の項目をクリックで表示/非表示の切り替え、グラフにマウスをフォーカスするとデータが表示されます）