jQPlot饼图 - 如何更改饼图切片标签的文本颜色

Question

我正在使用jQPlot绘制饼图。

如何更改每个饼图切片上显示的文本的颜色？似乎没有做到这一点的选择。

Answer 1

最后，我刚刚修改了影响所有文本的顶级jqplot css（因为无论如何我都希望它具有相同的颜色）。

Answer 2

修改分布式jqplot CSS文件并不是一个好主意，因为这会导致可维护性差（如果您或其他人升级，您必须重新应用更改）。

相反，我建议使用CSS特异性规则覆盖CSS（请参阅Star Wars Version）。

例如，给定

<div id='myChart'; style="width:400px;height:300px;background-color:#eedd33"> 
</div> 

您可以定义CSS规则

#myChart 
{ 
    color: Teal; 
} 

Answer 3

你不想修改所指定CSS文件，因为它会修改库的所有用途。

您不想为整个图表容器创建CSS规则，因为它也会将颜色应用于将继承它的任何图例或其他文本。

相反，只需修改类jqplot用于其数据标签：.jqplot数据标签

使用此：

$('.jqplot-data-label').css("color","white"); 

这样，只有数据标签会改变颜色。所有其他文字（如图例标签）都不会更改。