2016-06-22 39 views
1

C3グラフを使用して線グラフを作成Fiddle一定の限界線を追加する必要がありますどのようにしてc3 jsにしきい値線を追加しますか?黄色は、画像中の線を強調したように私は、グリッド線を追加することができますが、どのようにしきい値line.Anyアイデアxとyを設定する方法C3線グラフのしきい値線

Sample IMage

c3.generate({ 
       size: { 
         height: 200, 
         width: 400 }, 
       data: { 
         json: colData, 
         type: 'spline'}, 
       grid : { 
         x:{ 
          show:true}, 
         y:{ 
          show:true} 
         } 
      }); 

coldataは、あなたが彼らのxgrids.addまたはygrids.addメソッドを使用して、追加のグリッド線を追加することができます

"coverage": { 
     "Oc":[ 
     90,100, 115, 130, 145, 160, 160 
     ], 
     "Ce": [ 
     90,100, 120, 140, 160, 180, 180 
     ], 
     "Nl": [ 
     90,100, 130, 160, 190, 200, 200 
     ] 
    } 

答えて

2

です。

このメソッドは、新しいx/yグリッド線を追加し、1行の単一オブジェクトまたは複数行のオブジェクトの配列を渡すことができます。

私はあなたのフィドルを更新

https://jsfiddle.net/wa60afh9/2/

+0

はい、私はできxgridsとygridsを取得することができます。 xとyのグリッド値を一定の限度に制限する他の方法はありますか?私のイメージの赤い線のように。 –

+1

いくつかの調査の後で、イメージで要求したようにしきい値を設定する明示的な方法や方法が見つかりませんでした。これは私が見つけることができる最も近い解決策です。 – adriennetacke

関連する問題