スポンサーリンク
スポンサーリンク

折れ線グラフを塗りつぶす

D3.jsでは両機内にを塗りつぶしたグラフを表示することができます。このとき、d3.svg.line()メソッドではなくて、d3.svg.area()メソッドを使います。
座標値を指定するx()、y0()、y1()()メソッドに関数を指定して、データに応じた値を返すようにすれば領域内を塗りつぶしたグラフを表示させることができます。

サンプルコードの実行結果はこちら

コメント

タイトルとURLをコピーしました