如何更新C3.js图形线宽和刻度颜色？

Question

如何更新C3.js图中的默认线宽？如何更新刻度（圆圈）颜色？

Answer 1

如果您使用DOM检查器，您可以看到不同对象具有哪些类，然后它只是assigning some CSS to them的情况，例如

.c3-line {
    stroke-width: 2px;
}

.c3-circle {
    fill: red !important;
}

Answer 2

对于增加散点图圆半径，圆线图上圆的半径的情况。请使用这样的：

c3.generate({
...
  point: {
    r: 10,
  },
...
})

Answer 3

根据文档，您可以通过以下方式单独控制线宽

[chart-id] .c3-line-[chart-data-name] {
  stroke-width: 5px;
}

如果它不起作用尝试使用!important

例如：

#chart .c3-line-data2 {
  stroke-width: 5px;
}