要为ApexCharts的x轴和y轴设置宽度,你可以使用chartOptions
对象中的xaxis
和yaxis
属性来指定轴线的样式。以下是一个示例代码,演示如何设置轴线的宽度为2像素:
var options = {
chart: {
type: 'line',
height: 350,
},
series: [{
name: 'sales',
data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
}],
xaxis: {
axisBorder: {
width: 2, // 设置x轴线宽度为2像素
}
},
yaxis: {
axisBorder: {
width: 2, // 设置y轴线宽度为2像素
}
}
}
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
在上面的代码中,我们在xaxis
和yaxis
对象中使用axisBorder
属性来设置轴线的样式。width
属性用于设置轴线的宽度。
注意:上述代码示例中的chart
元素是一个具有唯一ID的HTML元素,用于显示图表。确保在你的HTML文件中存在一个具有相应ID的元素。
这样,x轴和y轴的线条宽度就被设置为2像素了。你可以根据需要调整宽度值。