antvis/G2

5.X版本x轴旋转不使用默认自动旋转90度,如何设置自定义旋转角度 #6403

InewBird posted onGitHub

问题描述

5.X版本x轴旋转不使用默认自动旋转90度,如何设置自定义旋转角度,

重现链接

No response

重现步骤

No response

预期行为

No response

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


import { Chart } from '@antv/g2';

const data = [
  { letter: 'A', frequency: 0.08167 },
  { letter: 'B-a12121212s', frequency: 0.01492 },
  { letter: 'C-', frequency: 0.02782 },
];
const chart = new Chart({
  container: 'container',
  autoFit: true,
});

chart.interval().data(data).encode('x', 'letter').encode('y', 'frequency').axis('x',{
  transform:[],
  labelAutoRotate:{
    optionalAngles:[45],
    recoverWhenFailed:false
  }
});

chart.render();
posted by fengzhiyuanworks 8 months ago

上面这种方法或者

labelTransform: 'rotate(45)'

都可以实现

posted by interstellarmt 4 months ago

Fund this Issue

$0.00
Funded

Pull requests