如何使用highcharts中的状态更改系列的亮度

Question

当我使用像这样的状态悬停系列时，如何更改系列的亮度我正在改变颜色，但我想改变颜色的亮度。

    plotOptions: {
      series: {
        states: {
            hover: {
                color: 'green'
            },
            select: {
                color: 'blue'
            }
        }   
      }

任何帮助都非常感谢...

Answer 1

您可以像改变选择状态更改颜色，但必须使用以下方法自行添加选择状态：

this.setState(this.state === 'select' ? '' : 'select');

例如在点击事件中。

如本问题所述： Highchart - set a line style ( width, color...) on selection

Answer 2

您可以使用标准css颜色定义指定所需的任何颜色，例如'＃00FF00'或'rgb（0,200,0）'。

plotOptions: {
  series: {
    states: {
        hover: {
            color: '#00FF00'
        },
        select: {
            color: '#0000FF'
        }
    }   
  }