Highcharts / Stacked Bar - Legends 禁用悬停答案

【问题标题】：High charts / Stacked Bar - Legends Disable hoverHighcharts / Stacked Bar - Legends 禁用悬停
【发布时间】：2021-07-25 07:41:29
【问题描述】：

我们已经实现了高位图表 - 堆积条如下 -

const options = {
        chart: {
                ….
        },
        title: {
            text: ''
        },
        xAxis: {
            visible: false,
            categories: ['']
        },
        credits: {
            enabled: false
        },
        yAxis: {
            visible: false,
            …….
        },      
        legend: {
            itemStyle: {
                cursor: 'default',
                fontWeight: 'normal'
            },
            reversed: true
        },
        plotOptions: {
            series: {
                cursor: 'default',
                stacking: 'normal',
                enableMouseTracking: false,
                events: {
                    legendItemClick: function () {
                        return false;
                    }   
                },

                states: {
                    hover: {
                        enabled: false                      
                    }
                }
            }
        },
        tooltip: {
            useHTML: true,
            enabled: false,
            outside: true,
            followPointer: true,
            crosshairs: false,
        },
        accessibility: {
             …….
        },
        exporting: {
            enabled: false
        },
        series: props.series
    };

它加载正常，悬停在任何块上也不会改变其他块的不透明度。

我们如何禁用悬停在堆叠条下方的图例上？

示例 - http://jsfiddle.net/clockworked247/FGmgC/

在上面的链接中，基本上需要禁用约翰、乔、简、珍妮特传奇的悬停效果。

【问题讨论】：

如果你能分享一个小提琴就好了
当然，在这个例子中 - 我想禁用传奇 John、Joe 等的悬停动画。链接在这里 - jsfiddle.net/clockworked247/FGmgC
这有帮助吗？ stackoverflow.com/questions/17535599/…
以上链接应该有所帮助。如果您正在寻找更多解决方案，您也可以使用 CSS 来实现。为 .highcharts-legend-item:{ pointer-events:none; } 之类的图例设置无指针事件

标签： reactjs highcharts

【解决方案1】：

谢谢大家。

以下答案有所帮助，并且有效。

以上链接应该会有所帮助。如果您正在寻找更多解决方案，您也可以使用 CSS 来实现。为 .highcharts-legend-item:{ pointer-events:none; 等图例设置无指针事件}

【讨论】：