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

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