Apex 图表 - 限制缩小

Question

我正在使用 apexcharts v3.19.3，我想知道如何将缩小选项限制为可用的 x 轴范围。目前，我可以无限期地缩小。

apexcharts 文档中的示例代码足以重现该问题。 继续缩小以重现我的问题

Answer 1

好吧，经过一番挖掘，我解决了这个问题。把解决方案留在这里。因此，Apex 使我们能够访问多个活动。BeforeZoom 在缩放之前触发，使我们能够访问新的最大和最小位置。我只是比较一下我原来的范围是否比新的范围小。如果是这样，我返回原始范围，这会禁用缩小。

    charts : { 
    events : {
                beforeZoom : (e, {xaxis}) => {
                    let maindifference = (new Date(props.data[0].date)).valueOf() - new Date(props.data[props.data.length-1].date).valueOf();
                    let zoomdifference =   xaxis.max - xaxis.min ;
                    if( zoomdifference > maindifference )
                    return  {
                        // dont zoom out any further
                        xaxis: {
                            min: props.data[0].date,
                            max: props.data[props.data.length-1].date
                        }
                    }; 
                    else {
                        return {
                            // keep on zooming
                            xaxis: {
                                min: xaxis.min,
                                max: xaxis.max
                            }
                        }
                    }
                }
            }
            }