質問: お世話になります。 chart.jsを使って折れ線グラフを描画していますが、これを時計回りに90度回転させて描画したいと考えています。 サンプルにあるような以下のコードを回転させるにはどのパラメータを変更したらよいでしょうか。 実装したい形としては 折れ線グラフ 左上をX,Yの原点に 左上から右に向かってY軸 左上から下に向かってX軸(時間) という形です。 2017/02/21 11:15追記・編集 書き方に沿っておらず申し訳ありません。 サンプルは以下のURLで紹介されている 折れ線グラフ2 の図です。 https://www.webtoolnavi.com/chart-js/ ``` ``` また、Chart.jsでの実装が不可能 という場合はこれが可能な物をご教示いただけると幸いです。
回答: Chart.js の Documentation を読んだ限りでは原点を動かす設定は無いようです。CSSの transform:rotate() で無理やり回転とかはできそうとか考えたのですが、その場合数値なども回転してしまうのであんまりですね。 > > これが可能な物 > > > Chart.js と同じような高機能グラフライブラリは Highcharts や D3.js が有名ですが、デモを見る限りでは D3.js のほうが可能性がありそうです。(実装もそれなりに大変そうですが・・・) 【Highcharts demos | Highcharts】 【Gallery · d3/d3 Wiki · GitHub】 【Table With Embedded Line Chart - bl.ocks.org】