Select多数据系列c3图表默认只有部分数据

Question

我有一个非常复杂的多数据图表，您可以在这张图片中看到：

如您所见，C3图表默认启用所有数据系列，并将它们一起显示在图表中。

现在我想知道是否有办法 select 默认显示一个或两个数据系列（我的意思是当页面加载时，启用一个或两个数据系列而不是图表中的所有数据）。

Answer 1

是的，你可以做到。让这成为我们的示例数据：

data: {
   columns: [
     ['data1', 100, 200, 150, 300, 200],
     ['data2', 400, 500, 250, 700, 300],
     ['data3', 200, 150, 25, 250, 100],
   ],
 },

如果你想隐藏例如'data2'，使用以下内容：

data: {
    hide: ['data2']
}

这将隐藏图表中的 'data2' 系列，但仍会在图例中显示所有数据系列。如果您还想在图例中隐藏它，请使用：

legend: {
    hide: ['data2']
}

我已经为您创建了一个包含两个示例的 fiddle。第一个只隐藏图表中的数据，但仍显示在图例中。第二个将其隐藏在图表和图例中：http://jsfiddle.net/hbge96xd/3/

Select多数据系列c3图表默认只有部分数据

Select only some data by default in multi data series c3 charts

javascript

html

c3.js