X轴标签自动倾斜角度不合理

Question

X轴标签自动倾斜角度不合理

Opened this issue 7 years ago · 0 comments

我的需求/我的问题

当X轴标签的长度不均匀，个别标签长度非常长时，自动倾斜角度不合理，导致X轴标签全部重叠在一起。
应该是因为倾斜角度目前的算法是：360/标签长度的最大值来计算的
如果最大值特别大时，就会导致倾斜角度很小，数据都叠在一起
所有的图都有这个问题

数据以及出现问题的源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height">
    <title>基础柱状图</title>
    <style>::-webkit-scrollbar{display:none;}html,body{overflow:hidden;height:100%;}</style>
</head>
<body>
<div id="mountNode"></div>
<script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script>
<script src="https://gw.alipayobjects.com/os/antv/assets/g2/3.0.4/g2.min.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/data-set/0.8.5/data-set.min.js"></script>
<script>
  const data = [
    { year: '1951111111111111111111111111 年', sales: 38 },
    { year: '19521111111aaaaa 年', sales: 52 },
    { year: '1956 年', sales: 61 },
    { year: '1957 年', sales: 145 },
    { year: '1958 年', sales: 48 },
    { year: '1959 年', sales: 38 },
    { year: '1960 年', sales: 38 },
    { year: '1962 年', sales: 38 },
  ];
  const chart = new G2.Chart({
    container: 'mountNode',
    forceFit: true,
    height: window.innerHeight
  });
  chart.source(data);
  chart.scale('sales', {
    tickInterval: 20
  });
  chart.interval().position('year*sales');
  chart.render();
</script>
</body>
</html>

G2 or G2-mobile or G6 的版本以及使用环境

G2 3.0.4
使用环境： windows 7, Chrome 4 （目测与使用环境无关）