在ApexCharts中,要自定义y轴的最大值,可以使用yaxis
选项中的max
属性。以下是一个示例代码,展示如何使用max
属性来自定义y轴的最大值:
var options = {
chart: {
id: 'customChart',
type: 'bar',
height: 400
},
series: [{
name: 'sales',
data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
}],
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep']
},
yaxis: {
max: 150 // 自定义y轴最大值
}
}
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
在上面的示例中,我们通过在yaxis
选项中的max
属性设置为150来自定义y轴的最大值。这将确保y轴的范围从0到150。
注意:如果数据中的最大值大于我们设置的y轴最大值,那么图标将自动调整y轴的范围以适应最大值。
希望这个示例能够帮助你在ApexCharts中自定义y轴的最大值。