エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
TypeScriptとd3.jsでグラフを描こうぞ 2 - かずきのBlog@hatena
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
TypeScriptとd3.jsでグラフを描こうぞ 2 - かずきのBlog@hatena
下の続き。 TypeScriptとd3.jsでグラフ描こうぞ - かずきのBlog@hatena y方向の値の調整 パソコンとかの... 下の続き。 TypeScriptとd3.jsでグラフ描こうぞ - かずきのBlog@hatena y方向の値の調整 パソコンとかの描画関係のAPIの座標系は左上が0,0なのが一般的です。svgも例にもれず。でも、グラフの座標は左下が0,0だったりしますよね。ということで、y座標のスケールのrangeを逆転させると、いい感じになります。 // yの最小値とyの最大値を500~0の間にスケーリングするryを作成 var ry = d3.scale .linear() .domain([d3.min(datas, a => a.y), d3.max(datas, a => a.y)]) .range([500, 0]); // ここを0, 500だったのを500, 0にする これでデータの出力が逆になるので、いい感じに左下が小さい値になります。d3.jsのチュートリアルにもある通りですね。 軸の