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