Highcharts Highchart-在选择时设置线条样式（宽度、颜色…）

使用Highchart，我想通过单击它来选择系列，并在选择时更改其宽度（这样我们可以看到它已被选中）

问题是，选择似乎起作用（它切换控制台中显示的选定值），但我不知道如何通过单击事件设置线宽：

该示例用于选择系列：

line: {
    events: {
        click: function(event) {

            this.select();
                        console.log( this.name+", selected : "+ this.selected);
            return false;
        }
    }
}

我也可以显示/隐藏系列，但如何更改线宽？ 我设法只显示选定系列的工具提示，但我需要这些系列比其他系列更可见

我尝试在序列上添加一个选择状态，因为它在标记上起作用，但在线条上似乎不起作用：

                series: {
                    states: {
                            select: {

                                lineWidth: 10
                            }
                    },
                             ...
                }

---

改用

setState

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

---

使用

设置状态

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

---

它应该适合我的需要，谢谢。但它不会将该系列设置为选中，我还将其与图例中的复选框一起使用。我想我必须从这个复选框中更改选择事件中的选择状态？仍然有一个问题，我们可以在您所附的演示中看到：当其他系列获得悬停状态时，选择状态不应该在鼠标移动时更改。。。看到我在说什么了吗？我想这是因为当我把鼠标移离直线时，状态会改变，从而取消悬停状态。。。但它不应同时删除选定的状态。。。有没有办法禁用悬停机制？我真的不需要它。我接受这个答案，因为它符合第一个需要，但我将创建一个关于此悬停事件覆盖选择状态的新问题。它应该符合我的需要，谢谢。但它不会将该系列设置为选中，我还将其与图例中的复选框一起使用。我想我必须从这个复选框中更改选择事件中的选择状态？仍然有一个问题，我们可以在您所附的演示中看到：当其他系列获得悬停状态时，选择状态不应该在鼠标移动时更改。。。看到我在说什么了吗？我想这是因为当我把鼠标移离直线时，状态会改变，从而取消悬停状态。。。但它不应同时删除选定的状态。。。有没有办法禁用悬停机制？我真的不需要它。我接受这个答案，因为它符合第一个需要，但我将创建一个关于这个悬停事件覆盖选择状态的新问题。