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

Question

我正在使用jQPlot绘制饼图。

如何更改每个饼图上显示的文字颜色？似乎没有选择这样做。

Answer 1

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

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

例如，给定

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

您可以定义CSS规则

#myChart
{
    color: Teal;
}

Answer 2

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

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

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

使用此：

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

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

Answer 3

最后，我刚刚修改了影响所有文本的顶级jqplot css（因为我想要它所有相同的颜色）。