您可以使用ApexCharts中的xaxis.labels.hideOverlappingLabels
属性来隐藏每第n个标签。以下是一个示例代码:
var options = {
chart: {
type: 'bar',
height: 350
},
series: [{
name: 'sales',
data: [30, 40, 45, 50, 49, 60, 70, 91, 125]
}],
xaxis: {
categories: ['01/01/2022', '02/01/2022', '03/01/2022', '04/01/2022', '05/01/2022', '06/01/2022', '07/01/2022', '08/01/2022', '09/01/2022'],
labels: {
hideOverlappingLabels: true, // 隐藏重叠标签
showDuplicates: false // 隐藏重复标签
}
}
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
在上面的代码中,我们将hideOverlappingLabels
属性设置为true
,以隐藏重叠的标签。如果需要隐藏重复的标签,可以将showDuplicates
属性设置为false
。根据您的需求,您可以调整categories
数组中的日期和data
数组中的数据。
上一篇:ApexCharts:系列不对齐