在 Apexcharts 中,如果 X 轴的类别标签没有明确定义,它会自动使用数字作为标签。但这可能会导致标签不符合预期,因此需要手动定义 X 轴标签。
以下是通过定义 X 轴类别标签来解决 Apexcharts 折线图 X 轴标签未定义问题的示例代码:
// 定义类别标签数组
var categories = ['一月', '二月', '三月', '四月', '五月', '六月'];
// 定义数据
var series = [{
name: '销售量',
data: [30, 40, 45, 50, 49, 60],
}];
// 定义选项
var options = {
chart: {
type: 'line',
},
xaxis: {
categories: categories,
},
series: series,
};
// 创建图表
var chart = new ApexCharts(document.querySelector('#chart'), options);
chart.render();
在上面的代码中,通过在选项中定义 xaxis.categories 来设置 X 轴类别标签。这将用于显示折线图的 X 轴标签。