Javascript 如何在图表中给点上色

嘿，我知道如果我想给特定点上色，我可以使用当前标记的

fillColor

属性

但是当我将鼠标悬停在点上时，颜色将返回为图形的默认颜色，如何防止这种效果

我希望点在两种情况下都是红色的（onhover事件和非onhover事件）

每个点需要更改什么属性才能产生此效果

我在下面添加了一个演示，演示的动作如下：当您单击图形的画布时，将生成一个新图形，第一个点为红色，但当我将其悬停时，它将返回其默认颜色

$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“样条线”，
保证金：[70,50,60,80]，
活动：{
点击：功能（e）{
//查找单击的值和序列
var x=e.xAxis[0]。值，
y=e.yAxis[0]。值，
系列=此。系列[0]；
var图表=此；
这是addSeries({
数据：[{x:x，y:y，标记：{radius:5，fillColor:“red”}，{x:（x*2），y:（y*2）}]
})
}
}
},
标题：{
文本：“用户提供的数据”
},
副标题:{
text:“单击绘图区域可添加点。单击点可删除点。”
},
xAxis：{
网格线宽度：1，
最小填充：0.2，
最大填充：0.2，
最大缩放：60
},
亚克斯：{
标题：{
文本：“值”
},
最小填充：0.2，
最大填充：0.2，
maxZoom:60，
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'
}]
},
图例：{
已启用：false
},
出口：{
已启用：false
},
打印选项：{
系列：{
线宽：1，
要点：{
活动：{
“单击”：函数（）{
如果（this.series.data.length>1）{
这个。删除（）；
}
}
}
}
}
},
系列：[{
数据：[[20,20]，[80,80]]
}]
});
});
要设置标记填充颜色的加载项状态选项：

marker: {
    radius: 5, 
    fillColor: 'red', 
    states: {
        hover: {
            fillColor: 'red',
            }
        } 
    }

正在设置标记填充颜色的加载项状态选项：

marker: {
    radius: 5, 
    fillColor: 'red', 
    states: {
        hover: {
            fillColor: 'red',
            }
        } 
    }