javascript - 多数据系列c3图表中默认只选择部分数据

Question

如图所示，我有一个非常复杂的多数据图表：

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

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

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']
}

我为您创建了一个带有两个示例的小提琴。第一个仅隐藏图表中的数据，但仍显示在图例中。第二个隐藏在图表和图例中：http: //jsfiddle.net/hbge96xd/3/