坐标轴
适用于笛卡尔坐标系图表(折线、柱图、面积、K线)。
X 轴 xAxis
typescript
{
xAxis: {
show: true, // 是否显示,默认 true
grid: false, // 是否显示竖向网格线,默认 false
gridWidth: 1, // 网格线宽度
gridColor: '#edf2f7', // 网格线颜色(已适配暗色)
lineWidth: 1, // 轴线宽度
lineColor: '#cfd8dc', // 轴线颜色(已适配暗色)
labelColor: '#6b7280',// 标签文字颜色(已适配暗色)
labelSize: 11, // 标签字号
labelRotate: 0, // 标签旋转角度(如 -45)
labelFormatter: '', // 标签格式化,{value} 会被替换
axisName: '', // 轴名称
autoInterval: true, // 自动间隔(标签过密时自动跳显)
maxLabelLength: 0 // 标签最大长度,超出截断(0=不限)
}
}Y 轴 yAxis
typescript
{
yAxis: {
show: true, // 是否显示,默认 true
grid: true, // 是否显示横向网格线,默认 true
gridWidth: 1, // 网格线宽度
gridColor: '#edf2f7', // 网格线颜色
lineWidth: 1, // 轴线宽度
lineColor: '#cfd8dc', // 轴线颜色
labelColor: '#6b7280',// 标签文字颜色
labelSize: 11, // 标签字号
tickCount: 5, // 刻度数量
labelFormatter: '', // 标签格式化,{value} 会被替换
axisName: '' // 轴名称(显示在轴顶部)
}
}内边距 padding
控制图表绘图区域与 canvas 边缘的距离。
typescript
{
padding: {
top: 24, // 默认 24
right: 16, // 默认 16
bottom: 28, // 默认 28
left: 36 // 默认 36
}
}坐标系 coord
typescript
{
coord: {
type: 'rect', // 'rect'(默认)或 'polar'
transposed: false // 是否转置坐标系,设为 true 柱图变条形图
}
}