需要设置数据的x轴标签格式。
例如,在x轴上显示连续的7天并标明星期几,可以将数据格式设置为:
data: [
{
x: '2021-10-01',
y: 10
},
{
x: '2021-10-02',
y: 20
},
{
x: '2021-10-03',
y: 15
},
//......
]
然后,在图表选项中设置x轴标签格式为'dddd',即星期几的全称:
options: {
xaxis: {
type: 'datetime',
labels: {
datetimeFormatter: {
year: 'yyyy',
month: 'MMM',
day: 'dd',
hour: 'HH:mm'
},
style: {
fontSize: '14px'
},
formatter: function(value, timestamp, index) {
return apexcharts.formatDate(value, 'dddd');
}
}
},
//......
}
这样设置后,图表的x轴标签就会以星期几的形式显示。