Css 海图饼错误的图例颜色

[！[在此处输入图像描述][1][1]

使用className设置颜色时，饼图的切片颜色和图例颜色不匹配。为（某些）其他图表这样做是可行的

正如您在下面的代码片段中所看到的，Chrome的饼图部分和图例颜色不匹配

//构建图表
Highcharts.chart（'container-donut'{
图表：{
键入：“馅饼”
},
打印选项：{
馅饼：{
光标：“指针”，
showInLegend：是的，
}
},
系列：[{
名称：'浏览器'，
数据：[
{ 
名称：“Chrome”，
y:60，
类名：“MyCustomColor”
},
{name:'internetexplorer'，y:5}，
{name:'Firefox'，y:5}，
{name:'Edge'，y:5}，
{name:'Safari'，y:5}，
{name:'Other'，y:5}
]
}]
});
.MyCustomColor{
填充：绿色；
}
您的css没有访问图例元素，该元素是
内部的

将css更改为此应该可以解决您的问题：

.MyCustomColor, .MyCustomColor rect {
  fill: green;
}

为什么不将
className:'MyCustomColor'
更改为
color:'green'
，如下所示：？是的，使用颜色确实有效，但我的目标是使用sass变量$MyThemeGreen作为颜色，以便在更改主题样式时图表颜色也会更改。所以我不想在Javascript中硬编码颜色