当启用过滤器时,在高图中放置重置过滤器按钮

Placing a Reset Filter button in highcharts when a filter is enabled

本文关键字:过滤器 按钮 高图中 启用      更新时间:2023-09-26

我有以下的代码在我的legendItemClick:函数(事件)。它将图例过滤转换为"单选按钮"样式格式,您一次只能查看一组数据。问题是,当你点击一个系列名称时,它不会让你返回到让你看到所有点的视图。

是否有一种方法来放置一个按钮,说"重置过滤器",在传说中的某个地方,每当一个过滤器是启用?

我注意到,当你使用鼠标放大时,会出现一个"重置缩放"按钮,这就是我想要的,除非通过图例启用过滤器。

                                var seriesIndex = this.index;
            var series = this.chart.series;
            for (var i = 0; i < series.length; i++)
            {
                if (series[i].index != seriesIndex)
                {
                    series[i].hide();
                } 
                else
                {
                    series[i].show();    
                }
            }
            return false;

我尝试了这个代码,阅读这个链接后,http://hililide.com/forum/viewtopic.php?f=9&t=15416

但不能让它工作,也许,我把它放错了?我把它放在最后,在"scatter"大括号内,它直接在plotOptions大括号内。

chart.renderer.button('Reset zoom', null, null, chart.resetZoom, {
   zIndex: 20
}).attr({
   align: 'right',
   title: 'Reset zoom level 1:1'
}).add(chart.zoomGroupButton).align({
   align: 'right',
   x: -10,
   y: 10
}, false, null);

您可以在name: "Reset filter"中添加没有任何数据的额外系列,然后在legendItemClick中检查该系列是否被单击(只需比较名称)。所以当点击-显示所有系列