2016-06-22 74 views
1

使用C3圖創建線圖Fiddle我需要爲某個限制添加閾值線如何在c3 js中添加閾值線?我可以能夠添加網格線,但門檻line.Any理念如何在C3線圖中設置x和y閾值線

Sample IMage

之類的黃色突出顯示如何在圖像中線上。

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

coldata是

"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

您可以添加使用他們xgrids.addygrids.add方法額外的網格線。

該方法添加新的x/y網格線,並且可以爲一行傳遞單個對象或爲多行傳遞對象數組。

我更新了你的提琴:https://jsfiddle.net/wa60afh9/2/

+0

是的,我可以能夠得到xgrids和ygrids。有沒有其他方法可以將x和y網格的值限制在一定的範圍內?就像我形象中的紅線。 –

+1

經過一番研究之後,我沒有找到任何明確的方法或方法來設置圖像中所要求的閾值。這是我能找到的最接近的解決方案。 – adriennetacke

相關問題