Javascript 停止高位图表,增加悬停时的线条宽度
我正在使用HighCharts的最新版本来构建一个具有多种趋势的图表。默认情况下,当用户将鼠标悬停在线条上时,HighCharts会增加线条的厚度/线宽。因为图表上可能有10个趋势,所以我想删除此功能,这意味着悬停时线的厚度不会改变 我想我需要在plotOptions{}部分设置这个。我尝试添加以下内容,但没有成功:Javascript 停止高位图表,增加悬停时的线条宽度,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我正在使用HighCharts的最新版本来构建一个具有多种趋势的图表。默认情况下,当用户将鼠标悬停在线条上时,HighCharts会增加线条的厚度/线宽。因为图表上可能有10个趋势,所以我想删除此功能,这意味着悬停时线的厚度不会改变 我想我需要在plotOptions{}部分设置这个。我尝试添加以下内容,但没有成功: plotOptions: { series: { mouseOver: { lineWidth: 2 }
plotOptions: {
series: {
mouseOver: {
lineWidth: 2
}
},
marker: {
enabled: false,
states: {
hover: {
lineWidth: 2
}
}
}
},
但是,我想保留表示鼠标位置的标记:
进行以下更改(将状态设置为禁用状态)
在这种情况下,将线宽设为1表示悬停
plotOptions: {
series: {
lineWidth: 2,
states: {
hover: {
lineWidth: 1
}
}
这里需要的是线宽plus
属性
plotOptions: {
series: {
states: {
hover: {
lineWidthPlus: 0
}
}
}
}
这样,无论您更改了什么,图表在悬停时都不会更改线宽
API参考:
您的小提琴已更新:
谢谢您的帮助!这非常接近我所寻找的,但有一点是,我想保持趋势上出现的圆圈悬停。我已经更新了JSFIDLE和问题。我为没有包括这一点道歉。见下面我的答案。对此类设置的需求已被较新的property lineWidthPlus所取代。使简化设置更加容易。您可以将线宽设置为1。
plotOptions: {
series: {
states: {
hover: {
lineWidthPlus: 0
}
}
}
}