更改图表的字体大小 (n3-charts/line-chart)

Question

我正在使用 https://github.com/n3-charts/line-chart 库生成图表。是否可以更改轴标签的字体大小？我在官方文档中找不到这样的选项。

Answer 1

CSS 上类似这样的东西会起作用

.tick text {
    font-size: 120%;
}

编辑：许多 SVG 元素的外观可以使用 CSS 配置，只需在浏览器中检查它们并尝试修改它们。

Answer 2

生成图表时，它有自己的 类，您可以利用覆盖...例如，这里是所有轴：

// X-Axis Font
.x-axis {
    font-size: 120%;
}
// Left Y-Axis
.y-axis {
    font-size: 130%;
}
// Right Y-Axis
.y2-axis {
    font-size: 140%;
}

希望对您有所帮助。