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：如何隱藏特定數據集的點？

回答

相關問題