如何更新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;
}