echarts实现刻度尺

Echarts可以通过设置x轴的axisLabel属性来实现刻度尺的效果。具体实现步骤如下：
1.设置x轴的type为category，boundaryGap为true，show为false。
2.设置y轴的min、max、splitNumber属性，以及axisTick、axisLine、splitLine、axisLabel属性，来控制刻度线的样式和显示。
3.在series中设置data属性，来控制刻度尺的长度和位置。
下面是一个简单的实现刻度尺的示例代码：

let myEcharts = echarts.init(document.getElementById('myChart'));
let option = {
    xAxis: {
        type: 'category',
        boundaryGap: true,
        show: false
    },
    yAxis: {
        min: 0,
        max: 100,
        splitNumber: 10,
        axisTick: {
            show: true,
            length: 4,
            lineStyle: {
                color: '#000'
            }
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#000'
            }
        },
        splitLine: {
            show: false
        },
        axisLabel: {
            show: true,
            color: '#000'
        }
    },
    series: [{
        data: [50],
        type: 'bar',
        barWidth: 10,
        itemStyle: {
            color: '#000'
        }
    }]
};
myEcharts.setOption(option);