我正在使用 C3.js 来绘制多线图。
我一开始有大约 2 行，但在这两行中，我只想显示一行并隐藏另一行。
我使用过 chart.show('data1')
但没有任何运气。
请帮忙。
另一个问题是，我们可以在C3.js中制作钻孔图吗？
谢谢。
代码:
<html>
<head>
<link href="./c3.css" rel="stylesheet" type="text/css">
<!-- Load d3.js and c3.js -->
<script src="./d3.v3.min.js" charset="utf-8"></script>
<script src="./c3.min.js"></script>
</head>
<body>
<div id="chart"></div>
</body>
<script>
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],
['data1', 30, 200, 100, 400, 250],
['data245', 130, 340, 200, 500, 250, 350]
]
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
});
chart.show('data1');
</script>
</html>
最佳答案
默认情况下，所有行都可见。所以先隐藏所有行，然后显示您想要查看的行
chart.hide(['data1', 'data245']);
chart.show('data1');
如果您只有 2 行并且想要隐藏一行，则
chart.hide('data245');
我创建了一个fiddle实现上述内容。
关于javascript - C3.JS : show only one line on load by default for line chart，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40422502/