c3.js：如何隐藏特定数据集的点？

假设我有两个数据集，data1和data2，但我想隐藏data2上的点/圆。我该怎么做？c3.js：如何隐藏特定数据集的点？

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250], 
      ['data2', 50, 20, 10, 40, 15, 25] 
     ] 
    } 

})

来源

2017-04-19 Swati Jadhav

一个类似的问题已经问到[这里]（https://stackoverflow.com/questions/27116623/c3-js-show-hide-points-independently-for-a-data-series），它应该解决你的问题。 –

不是一个js解决方案，但对于所有的点C3增加包装组件上的类作为c3-circles-data1c3-circles-data2针对各个标记物，其可用于将数据与标签DATA2它可以在CSS显示无延伸如：

#chart .c3-circles-data2{ 
    display:none 
}

样品FIDDLE

来源

2017-04-19 05:33:43

谢谢。解决了我的问题。 –

试试这个使用CSS：源Here。 c3-circles-data2和c3-circles-data1是c3针对给定标签密钥（如data1，data2）生成的类。

var chart = c3.generate({ 
 
    data: { 
 
     columns: [ 
 
      ['data1', 30, 200, 100, 400, 150, 250], 
 
      ['data2', 50, 20, 10, 40, 15, 25] 
 
     ] 
 
    } 
 
})

#chart .c3-circles-data2 { 
 
    display: none; 
 
}

<link href="https://unpkg.com/[email protected]/c3.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<script src="https://unpkg.com/[email protected]/c3.js"></script> 
 
<div class='chart'> 
 
<div id='chart'></div> 
 
</div>

注：在你想从两个系列中删除点的情况下，你可以将数据添加后

point: { show: false }

。

来源

2017-04-19 05:35:28

谢谢..它有帮助。 –

c3.js：如何隐藏特定数据集的点？

回答

相关问题