移动端使用echarts通过缩放显示其余数据

个人笔记

dataZoom: [{
                // show: true,
                type: 'inside',
                startValue: 0,
                endValue: 9,
                yAxisIndex: 0,
                filterMode: "empty",
                zoomOnMouseWheel: false, // 滚轮是否触发缩放
                moveOnMouseMove: true,
                moveOnMouseWheel: true,
                preventDefaultMouseMove: false,

            } ],

通过配置dataZoom，  moveOnMouseWheel: true,, // 手势缩放，在手机浏览折线图可以加载多余数据，echarts采用3.8.0版本，采用3.8.0以上版本目前不生效（还需要研究，3.8.0以上版本的，pc端设置鼠标滚轮加载数据有效，但是手机测试缩放加载数据无效）

3.8.0版本的配置数据处显示标签配置

series: [{
                name: "用户量",
                type: "line",
                data: [12,23,45,56,46],
                itemStyle: {
                    normal: {
                        label: { // 在这里配置标签
                            show: true, // 是否显示标签
                            position: 'bottom', // 标签的位置，可选值有'top'、'left'、'right'、'bottom'等，默认为'top'
                            formatter: '{c}', // 格式化标签内容，{c}代表数值
                            rotate: 270     //横屏显示标签进行旋转
                        }
                    }
                }
            }]

新版本直接参考官网