Skip to content

坐标轴

适用于笛卡尔坐标系图表(折线、柱图、面积、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 柱图变条形图
  }
}
最近更新