如何在Morris.js图表​​中更改标签颜色？

Question

我正在使用morris.js图表​​，这些图表非常容易设置，但我无法在渲染圆环图时锻炼如何更改标签的颜色。默认情况下，它会以黑色打印，但我希望图表位于深色背景之上。

有谁知道如何更改标签颜色？

Answer 1

<div id="bar-chart" class="morris-chart" style="height: 180px"></div>

.morris-chart text {
  fill: white;
}

Answer 2

对于其他人的好处，我将分享我是如何解决它的。

看起来Morris.js目前不支持Donut图的此功能I forked the project and made some small changes to support this feature。我还向Morris.js项目提出Pull Request，希望他们能将这些项目带入他们的主分支。

Answer 3

要更改标签颜色，只需将labelColor属性添加到Morris.Donut配置对象中，如下所示

Morris.Donut({
  labelColor: '#FFF'
});