在 Echarts 的 barChart 中,xAxis 的 axisLabel 中的 interval 参数表示坐标轴刻度标签的显示间隔,默认值为 0,表示所有标签都会显示。
当柱状图中的标签比较多或者长度较长时,为了避免标签重叠,可以通过设置 interval 参数来控制标签的显示间隔。当 interval 设置为数值 n 时,每隔 n 个标签显示一个标签。例如,当 interval 设置为 2 时,假设 x 轴上有 6 个标签,那么只有第 1、3、5 个标签会显示,第 2、4、6 个标签会被隐藏。
下面是一个示例代码:
option = {
xAxis: {
type: 'category',
data: ['标签1', '标签2', '标签3', '标签4', '标签5', '标签6'],
axisLabel: {
interval: 2 // 设置每隔 2 个标签显示一个标签
}
},
series: [{
name: '数据',
type: 'bar',
data: [10, 20, 30, 40, 50, 60]
}]
}
以上代码中,x 轴上共有 6 个标签,通过设置 interval 参数为 2,表示每隔 2 个标签显示一个标签,结果只显示了标签1、标签3、标签5。