Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在c3.js线图中只突出显示一个数据点?_Javascript_Css_D3.js_C3.js - Fatal编程技术网

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