Javascript 单击highcharts中的图例时,列范围图表未重置

Javascript 单击highcharts中的图例时,列范围图表未重置,javascript,highcharts,multiple-columns,Javascript,Highcharts,Multiple Columns,我正在努力实现 在列范围图表上悬停时移除阴影 单击highchart中的图例时,图表未重置。请找到链接 这是原始图形,当我们单击图例(即Dept001)图表时,图表未重置。 除了禁用悬停状态外,还禁用非活动状态 plotOptions: { series: { states: { inactive: { enabled: false }, hover: {

我正在努力实现

  • 在列范围图表上悬停时移除阴影
  • 单击highchart中的图例时,图表未重置。请找到链接
  • 这是原始图形,当我们单击图例(即Dept001)图表时,图表未重置。

  • 除了禁用悬停状态外,还禁用非活动状态

    plotOptions: {
        series: {
            states: {
                inactive: {
                    enabled: false
                },
                hover: {
                    enabled: false
                }
            },
            ...
        }
    }
    
  • 禁用
    ignoreHiddenSeries
    选项:

    chart: {
        ...,
        ignoreHiddenSeries: false,
    }
    

  • 现场演示:

    API参考:


    谢谢,但第二点似乎不起作用,当我们单击图例时,我仍然可以在列范围图中看到间隙。你能帮个忙吗?嗨@Krishnamraju K,对不起,我听不懂你说的。单击图例项后,需要重新计算所有可见序列的
    x
    数据。
    chart: {
        ...,
        ignoreHiddenSeries: false,
    }