SOURCE

const myChart = echarts.init(document.getElementById('container'))
const xAxisData = ['小红', '小米', '小李', '雄安']
const yAxisData = [23, 43, 21, 38]
const option = {
    xAxis: {
        type: 'category', //从对象中的 data 获取数据
        data: xAxisData,
    },
    yAxis: {
        type: 'value', // 从 series 中的 data 获取数据
    },
    series: [{
        type: 'bar',
        data: yAxisData
    }],
    // dataZoom: {
    //     // type: 'slider' // 显示滑块缩放
    //     type: 'inside' // 滚轮缩放
    // }
    dataZoom: [
        // 指定轴缩放
        {
            type: 'slider',
            xAxisIndex: 0, // 第 0 轴
        },
        {
            type: 'slider',
            yAxisIndex: 0
        }
    ]
}

myChart.setOption(option)

<div id="container"></div>

#container {
    width: 600px;
    height: 400px;
    background: linear-gradient(135deg,#fce38a,#f38181);
}