d3.js - D3.js 折れ線グラフにリミット ラインを追加する

Question

下の画像のように、D3.js 折れ線グラフに制限線を追加する方法はありますか? (破線である必要はありません) データベースに上限列と下限列があります。これを実現する方法の例をオンラインで検索してもうまくいきませんでしたか?

Answer 1

「限界線」が何であるか正確にはわかりませんが、これは視覚的には問題ではありません。出発点として、私はこれを提案します：

// (assuming some vars have been created per usual templates)

svg.append( "line" )
  .attr("x1", x( x.domain()[0] ) )
  .attr("x2", x( x.domain()[1] ) )
  .attr("y1", y( 80 ) )   // whatever the y-val should be
  .attr("y2", y( 80 ) )

次に、css または attrs を追加して、ラインの特定の外観を定義します。

それがあなたにとってうまくいかない方法についてコメントしてください。