Echart图表 之 X轴（xAxis）与 Y轴（yAxis）配置项大全

option = {
    xAxis: {
        type: 'category', // 坐标轴类型，'category'表示类目轴
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], // 类目数据（X轴的数据）
        axisLabel: {
            rotate: 45, // 标签旋转角度
            margin: 8 // 标签与轴线之间的距离
        },
        axisTick: {
            alignWithLabel: true // 刻度线与标签对齐
        }
    },
    yAxis: {
        type: 'value', // 坐标轴类型，'value'表示数值轴
        axisLabel: {
            formatter: '{value} °C' // 标签格式化为温度值
        },
        min: 0, // Y轴最小值
        max: 25, // Y轴最大值
        interval: 5 // Y轴刻度间隔
    },
    series: [{
        data: [8, 9, 10, 11, 12, 13, 14], // 系列中的数据（Y轴的数据）
        type: 'line' // 系列类型，'line'表示折线图
    }]
};

这个ECharts图表配置项示例展示了如何配置X轴和Y轴。X轴被设置为类目轴，并提供了旋转的标签和与标签对齐的刻度线。Y轴被设置为数值轴，并提供了格式化的标签和最大、最小值以及刻度间隔。最后，一个简单的折线图系列使用了这些配置项。