echart逐级放大

Question

1.想实现这样一个功能，echart第一次加载过滤的数据，可以快速进入趋势图
2.滑动放大后，再去数据库捞出这段时间的详细数据显示出来
问题：趋势图只显示了一截，有没有办法全屏显示放大的数据？

Answer 1

echarts有个滑动组件dataZoom设置可以实现截取放大，实现全屏代码如下：

 /** 实现局部div、dom元素全屏*/
        fullScreenForDOM(sel = '#relation-content') {  // relation-content替换成你要放大的盒子id名
            typeof sel == 'string' && (sel = document.querySelector(sel))
            if (sel.requestFullScreen) {
                sel.requestFullScreen()
            } else if (sel.msRequestFullscreen) {
                sel.msRequestFullscreen()
            } else if (sel.webkitRequestFullScreen) {
                sel.webkitRequestFullScreen()
            } else if (sel.mozRequestFullScreen) {
                sel.mozRequestFullScreen()
            }
                setTimeout(() => {
                    const { relationTtree } = this.$refs // 图表组件设置ref名
                    relationTtree && relationTtree.handleResize()
                }, 500)
        },