Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 停止高位图表,增加悬停时的线条宽度_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

Javascript 停止高位图表,增加悬停时的线条宽度

Javascript 停止高位图表,增加悬停时的线条宽度,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我正在使用HighCharts的最新版本来构建一个具有多种趋势的图表。默认情况下,当用户将鼠标悬停在线条上时,HighCharts会增加线条的厚度/线宽。因为图表上可能有10个趋势,所以我想删除此功能,这意味着悬停时线的厚度不会改变 我想我需要在plotOptions{}部分设置这个。我尝试添加以下内容,但没有成功: plotOptions: { series: { mouseOver: { lineWidth: 2 }

我正在使用HighCharts的最新版本来构建一个具有多种趋势的图表。默认情况下,当用户将鼠标悬停在线条上时,HighCharts会增加线条的厚度/线宽。因为图表上可能有10个趋势,所以我想删除此功能,这意味着悬停时线的厚度不会改变

我想我需要在plotOptions{}部分设置这个。我尝试添加以下内容,但没有成功:

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
     }
    }
  }
}