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

How to update C3.js graph line width and tick color?

本文关键字：颜色 图形 js 何更新 更新 C3      更新时间：2023-09-26

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

如果您使用 DOM 检查器，您可以看到不同对象具有哪些类，然后只需为它们分配一些 CSS 即可，例如

.c3-line {
    stroke-width: 2px;
}
.c3-circle {
    fill: red !important;
}

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

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

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

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

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

前任：

#chart .c3-line-data2 {
  stroke-width: 5px;
}
相关文章：