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"); 

這樣，只有數據標籤會改變顏色。所有其他文字（如圖例標籤）都不會更改。