2016-06-22 45 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

相关问题