如何修改c3.js图例文本颜色答案

【问题标题】：How to modify c3.js legend's text color如何修改c3.js图例文本颜色
【发布时间】：2016-09-23 10:50:21
【问题描述】：

我试图更改 c3.js 图表图例的字体颜色是徒劳的。

使用 chrome 的样式检查器，我可以更改例如文本的字体大小，但不能更改颜色。

附上具有上述属性（字体大小和颜色）的屏幕截图。

有什么提示吗？

【问题讨论】：

【解决方案1】：

您应该更改的不是color，而是更改stroke或fill。有关描边和填充之间的解释和区别，请参阅this tutorial。

【讨论】：

【解决方案2】：

为您的 css 文件中的图例项添加 CSS 样式。使用填充而不是颜色，因为 css 属性颜色在这里无效

    .c3-legend-item {
       fill: #9fabb1;
    }

【讨论】：

我建议您在答案中添加一些解释，因为并非每个阅读这篇文章的人都会理解您向他们展示的内容。
虽然此代码 sn-p 可能是解决方案，但 including an explanation 确实有助于提高您的帖子质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。