複合チャートが描きたい 棒グラフと折れ線グラフを1つのチャート内に表示したりするアレが描きたかった。英語ではMixed Chartって言うんですかね。Google Chartではわりと以前からできていたようですが、Chart.jsでは、Ver.2.0(2016/04リリース)からの新機能だそうです。 このコンテンツでは、このグラフを作ります。 chart.js の基礎 この章は chart.js を使ったことがある人は読み飛ばしてください。 chart.jsとは WEB上にグラフを描くための、Javascriptライブラリです。 詳しくはググってください。実はあまり知りません。げふげふ……。 Ver.2 ってどうやって使うの? いきなりコケたんですが、上記公式サイトのGet Started!で始めると、Node.jsで使うことが前提になっていて、ふつうにWebブラウザ上への組み込み方が出て
![chart.js で複数軸の複合グラフを描く - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1851538be727fdab907991c5d84d9e8d9ce5471b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Y2hhcnQuanMlMjAlRTMlODElQTclRTglQTQlODclRTYlOTUlQjAlRTglQkIlQjglRTMlODElQUUlRTglQTQlODclRTUlOTAlODglRTMlODIlQjAlRTMlODMlQTklRTMlODMlOTUlRTMlODIlOTIlRTYlOEYlOEYlRTMlODElOEYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTYwZTgyMmQ3YWY5YjM0ZDJhNWVmZDkwZGU3NDhhOTUw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrZDk5NTEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPThkODgwMTQ5YjQ0YmRhNDlmMzgxMjFkNGIzNzExOWY3%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D11b32523ae2156408c590848b97f99e0)