echarts在触屏一体机上 dataZoom不起效果

Question

echarts在触屏一体机上 dataZoom不起效果 不能滑动 在pc端和移动端正常

     dataZoom:[
                        {
                            type: 'inside',
                            start: 0,//百分比
                            end: 100
                        },{
                        show:true,
                        //type: 'slider',
                        start: 0,            //默认数据初始缩放范围为10%到90%
                        end:100,
                        filterMode:'empty',
                        height: 24,
                        bottom: 0,
                        realtime:true,
                        handleSize: '100%',
                        handleStyle: {
                            color: '#fff',
                            shadowBlur: 30,
                            shadowColor: 'rgba(0, 0, 0, 0.6)',
                            shadowOffsetX: 2,
                            shadowOffsetY: 2
                        },
                        textStyle: {
                              color: '#ffffff', //滚动条两边字体样式
                            },
                    }],

Answer 1

• 这篇文章讲的很详细，请看：echarts图表实现滚动效果（非dataZoom）