Highcharts：柱形图选择状态填充颜色

Question

对于以下小提琴，我使用了Highcharts CSS Styling。

http://jsfiddle.net/pemxdL6f/

.highcharts-point-select {
   stroke: #33ff33;
   stroke-width: 3
}

在选择任何列时，填充颜色默认为灰色（#cccccc），这是我不想要的。选择状态填充颜色应与原始颜色相同，即不应设置填充选择状态。如何使用CSS样式实现这一目标？

我不想在CSS中硬编码颜色。就像选择状态选项一样，颜色可以设置为null http://jsfiddle.net/pemxdL6f/6/，使用CSS样式可以实现这样的事情吗？

Answer 1

只需在CSS类中添加fill属性即可：

.highcharts-point-select {
    stroke: #33ff33;
    stroke-width: 3;
    fill: #33ff33;
}

以下是您对此更改的改进版本：http://jsfiddle.net/brightmatrix/pemxdL6f/5/

您可能还会发现states属性对非CSS解决方案很有帮助。请在此处查看答案和附带的小提琴：https://stackoverflow.com/a/11608259/2596103。

Answer 2

得到了答案

http://jsfiddle.net/sm57vde9/

@import 'https://code.highcharts.com/css/highcharts.css';
.highcharts-point-select {
    stroke: #33ff33 !important;
    stroke-width: 3;
    fill: inherit;
}