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

标签 javascript html c3.js

我有一个非常复杂的多数据图表,如下图所示: enter image description here

正如您所看到的,C3图表默认启用所有数据系列并将它们一起显示在图表中。

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

最佳答案

是的,你可以做到这一点。让这是我们的示例数据:

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/

关于javascript - 多数据系列c3图表中默认仅选择部分数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56631022/

相关文章:

width - c3js 条形宽度不适应缩放

c3.js - 如何添加更新 c3 图表来监听鼠标右键事件?

php - Highcharts 和 JSON 问题

javascript - JavaScript 方法是在类原型(prototype)还是属性中定义的?

Javascript:子对象上的 ForEach

css - float Div + 动态高度

javascript - c3.js如何将y标签放置在水平条形图中的条形内?

javascript - 如何从一个组件访问另一个组件的状态

html - 自定义字体无法在 Windows (Chrome) 上正确显示

javascript - JavaScript单击函数播放mp3,而不循环