c3在黑暗的背景图;如何更改轴和刻度值颜色

Question

我在深色背景上绘制了一幅图，但由于轴颜色和刻度值颜色，因此很难阅读。如何将轴，刻度和轴刻度值的颜色更改为白色？

Answer 1

您可以使用CSS设置图表样式，例如

path.domain { stroke: white; }
.tick text { stroke: yellow; }
.c3-legend-item text { stroke: grey; }

要使轴为白色，刻度线标记为黄色，图例文本为灰色。

Answer 2

.c3 path, .c3 line, .tick text { 
  stroke: white;
}

Answer 3

如果您不想使用笔画，请尝试更改填充的颜色：

path.domain { fill: white; }
.tick text { fill: yellow; }
.c3-legend-item text { fill: grey; }

Answer 4

您可以尝试调整路径和线的CSS属性。请参阅下面的示例CSS作为辅助工具。

.c3 .c3-axis-x path,
.c3 .c3-axis-x line {
  stroke: red;
}

.c3 .c3-axis-y path,
.c3 .c3-axis-y line {
  stroke: blue;
}