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

[InewBird]

问题描述

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

重现链接

No response

重现步骤

No response

预期行为

No response

平台

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

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[fengzhiyuanworks]

`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(); `

[fengzhiyuanworks]

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();

[interstellarmt]

上面这种方法或者

labelTransform: 'rotate(45)'

都可以实现