D3.js C3.js-独立显示/隐藏数据系列的点
我正在使用C3.js为数据系列创建折线图 我努力只为其中一个系列展示“要点” 基本上，首先我创建一个包含一些参考数据的多系列折线图，然后我加载（使用char.load）一个新的特定数据行，在该数据行中我想显示点，仅显示该特定线，而其他参考线保留隐藏点 可以通过C3.js实现吗？如果是这样的话，你能指示我这样做吗，谢谢！ 此外，欢迎在使用C3.js的同时使用D3.js进行此操作的任何方法 这是一个官方示例，其中隐藏了数据系列的所有点，仅供参考：D3.js C3.js-独立显示/隐藏数据系列的点,d3.js,charts,c3.js,D3.js,Charts,C3.js,我正在使用C3.js为数据系列创建折线图 我努力只为其中一个系列展示“要点” 基本上，首先我创建一个包含一些参考数据的多系列折线图，然后我加载（使用char.load）一个新的特定数据行，在该数据行中我想显示点，仅显示该特定线，而其他参考线保留隐藏点 可以通过C3.js实现吗？如果是这样的话，你能指示我这样做吗，谢谢！ 此外，欢迎在使用C3.js的同时使用D3.js进行此操作的任何方法 这是一个官方示例，其中隐藏了数据系列的所有点，仅供参考： c3.js为其所有元素提供了全面的类属性，因此您可以
c3.js#chart .c3-circles-data2 {
display: none;
}
示例。以下是使用图表对象的显示和隐藏方法有选择地显示线条的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<title>show hide</title>
<meta charset="utf-8" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
</head>
<body>
<div id="chart"></div>
<script>
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
['x', 1, 2, 3, 4, 5],
['y1', 3, 5, 6, 4, 5],
['y2', 2, 4, 7, 6, 5]
]
}
});
function cbclick(a){
var lineData = "y" + a;
var cbID = "cb" + a
var cb = document.getElementById(cbID);
if (cb.checked) {
chart.show([lineData]);
} else {
chart.hide([lineData]);
}
}
</script>
<div align="center">
<input type="checkbox" id="cb1" onclick="cbclick(1)" checked="true">y1</input>
<input type="checkbox" id="cb2" onclick="cbclick(2)" checked="true">y2</input>
</div>
</body>
显示隐藏
var图表=c3.0({
bindto:'图表'，
数据：{
x：‘x’，
栏目：[
[x'，1，2，3，4，5]，
[y1'，3,5,6,4,5]，
[y2'，2，4，7，6，5]
]
}
});
功能cbclick（a）{
var lineData=“y”+a；
var cbID=“cb”+a
var cb=document.getElementById（cbID）；
如果（cb.选中）{
图表显示（[lineData]）；
}否则{
图表。隐藏（[lineData]）；
}
}
y1
y2
point: {
show: false,
}