Bootstrap

echarts柱状统计图实现滚动条缩放和鼠标滚轮缩放统计图

dataZoom: [
    {
        type: 'slider',
        show: true,// 设置组件控制的y轴
        yAxisIndex: 0,
        width: 12,
        backgroundColor: '#fff',// 组件的背景颜色
        fillerColor: '#ededed',// 选中范围的填充颜色
        borderColor: '#D4D1D1',// 边框颜色
        showDetail: false,// 是否显示detail,即拖拽时候显示详细数值信息
        handleSize: 14,// 控制手柄的尺寸
        showDataShadow: false,// 是否在 dataZoom-silder 组件中显示数据阴影。数据阴影可以简单地反应数据走势。
    },
    {
        type: 'inside',
        yAxisIndex: [0],
        zoomOnMouseWheel: true,// 不按任何功能键,鼠标滚轮能触发缩放
        moveOnMouseWheel: true// 不按任何功能键,鼠标移动能触发数据窗口平移
    }
],

zoomOnMouseWheel: true,// 不按任何功能键,鼠标滚轮能触发缩放
moveOnMouseWheel: true// 不按任何功能键,鼠标移动能触发数据窗口平移

;