javascript - 如何为 donut c3.js 图表的标题添加样式

Question

任何人都可以建议我为 C3.js 圆环图的标题添加样式的方法吗？

对于任何 donut c3 图表，是否有任何选项可以设置 title风格 ？

我将这段代码用于我的圆环图。

var chart = c3.generate({
        data: {
            columns: [
                ['Monday', 70],
                ['TuesDay', 20],
                ['Wednesday', 30],
                ['Thursday', 50],
                ['Friday', 100]
            ],
            type: 'donut'
        },
        donut: {
            title: "Usage " // How to do? style("color", "#59C2E6")
        }
    });

Answer 1

Donut title 通过渲染使用类 c3-chart-arcs-title。

您可以只覆盖 c3-chart-arcs-title 样式。你的代码应该是这样的:

.c3-chart-arcs-title {
  fill: red;
  font-size: 16px;
}