在 ECharts 中,yAxis(y 轴)的基本属性包括一系列配置项,用于定义坐标轴的基本样式、标签、刻度线等。以下是一些常见的 yAxis 的基本属性配置:
option = {
    yAxis: {
        type: 'value', // 坐标轴类型,可以是 'value'、'category'、'time'、'log' 等
        name: 'Y轴名称', // 坐标轴名称
        nameLocation: 'end', // 坐标轴名称显示位置,可选值为 'start'、'middle'、'end'
        nameTextStyle: {
            color: '#333', // 坐标轴名称文字颜色
            fontSize: 14 // 坐标轴名称文字大小
        },
        axisLabel: {
            show: true, // 是否显示坐标轴刻度标签
            color: '#666', // 刻度标签文字颜色
            fontSize: 12, // 刻度标签文字大小
            formatter: '{value}', // 刻度标签的格式化字符串
            rotate: 0 // 刻度标签的旋转角度
        },
        axisLine: {
            show: true, // 是否显示坐标轴线
            lineStyle: {
                color: '#aaa', // 坐标轴线颜色
                width: 1, // 坐标轴线宽度
                type: 'solid' // 坐标轴线类型,可选值为 'solid'、'dashed'、'dotted'
            }
        },
        splitLine: {
            show: true, // 是否显示分隔线
            lineStyle: {
                color: '#ddd', // 分隔线颜色
                width: 1, // 分隔线宽度
                type: 'dashed' // 分隔线类型,可选值为 'solid'、'dashed'、'dotted'
            }
        },
        splitNumber: 5, // 分隔线的数量
        min: 0, // 坐标轴刻度的最小值
        max: 100, // 坐标轴刻度的最大值
        scale: false, // 是否是脱离 0 值比例,true 时 tick 不会强制包含 0
        inverse: false, // 是否是反向坐标轴,如果设置为 true,坐标轴将反向
        boundaryGap: ['20%', '20%'] // 坐标轴两边留白策略,数组内数值代表百分比
        // 其他配置项可以根据需要添加
    },
    series: [
        {
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
    ]
};

上述配置中包含了一些常见的 yAxis 配置项,你可以根据需要进行调整。具体的配置项和更多细节可以参考 ECharts 官方文档的 yAxis 部分:[ECharts - yAxis](https://echarts.apache.org/zh/option.html#yAxis)。


转载请注明出处:http://www.zyzy.cn/article/detail/5195/ECharts