Javascript 如何在c3.js线图中只突出显示一个数据点?
使用“点显示为假”将隐藏所有选项。Javascript 如何在c3.js线图中只突出显示一个数据点?,javascript,css,d3.js,c3.js,Javascript,Css,D3.js,C3.js,使用“点显示为假”将隐藏所有选项。 但如果我想隐藏除一个数据点以外的所有数据点,该怎么办。 比如说, var图表=c3.generate({ 数据:{ 栏目:[ [data1',30200100400150250], [data2',50,20,10,40,15,25] ] } });在C3中,这些圆圈有一个名为C3圆圈的类。因此,使用D3选择,可以基于绑定基准设置不透明度: var circles = d3.selectAll(".c3-circle") .style("opacit
但如果我想隐藏除一个数据点以外的所有数据点,该怎么办。
比如说,
var图表=c3.generate({
数据:{
栏目:[
[data1',30200100400150250],
[data2',50,20,10,40,15,25]
]
}
});代码>在C3中,这些圆圈有一个名为C3圆圈
的类。因此,使用D3选择,可以基于绑定基准设置不透明度:
var circles = d3.selectAll(".c3-circle")
.style("opacity", function(d){
return d.value === 100 ? 1 : 0;
})
因此,只有与100
对应的圆可见
以下是演示:
var图表=c3.generate({
数据:{
栏目:[
[data1',30200100400150250],
[data2',50,20,10,40,15,25]
]
}
});
var圆圈=d3。全选(“.c3圆圈”)。样式(“不透明度”,函数(d){
返回d.value==100?1:0;
})
您接受不含C3的“纯”D3解决方案吗?@GerardoFurtado OK