X 轴Label显示异常

[tangsj]

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

const data = [{"title":"2022-11-16","type":"实时库存金额","value":61.94},{"title":"2022-11-16","type":"报损金额","value":0},{"title":"2022-11-16","type":"退货金额","value":0},{"title":"2022-11-17","type":"实时库存金额","value":61.94},{"title":"2022-11-17","type":"报损金额","value":0},{"title":"2022-11-17","type":"退货金额","value":0},{"title":"2022-11-18","type":"实时库存金额","value":61.94},{"title":"2022-11-18","type":"报损金额","value":0},{"title":"2022-11-18","type":"退货金额","value":0},{"title":"2022-11-19","type":"实时库存金额","value":61.94},{"title":"2022-11-19","type":"报损金额","value":0},{"title":"2022-11-19","type":"退货金额","value":0},{"title":"2022-11-20","type":"实时库存金额","value":61.94},{"title":"2022-11-20","type":"报损金额","value":0},{"title":"2022-11-20","type":"退货金额","value":0},{"title":"2022-11-21","type":"实时库存金额","value":61.94},{"title":"2022-11-21","type":"报损金额","value":0},{"title":"2022-11-21","type":"退货金额","value":0},{"title":"2022-11-22","type":"实时库存金额","value":61.94},{"title":"2022-11-22","type":"报损金额","value":0},{"title":"2022-11-22","type":"退货金额","value":0},{"title":"2022-11-23","type":"实时库存金额","value":61.94},{"title":"2022-11-23","type":"报损金额","value":0},{"title":"2022-11-23","type":"退货金额","value":0},{"title":"2022-11-24","type":"实时库存金额","value":61.94},{"title":"2022-11-24","type":"报损金额","value":0},{"title":"2022-11-24","type":"退货金额","value":0}];

const chart = new Chart({
  container: 'container',
  autoFit: true,
  height: 500,
  padding: [50, 20, 50, 20],
});
chart.data(data);
chart.scale('value', {
  nice: true
});

chart.tooltip({
  shared: true,
  showMarkers: false,
  showCrosshairs: true,
});

chart.line().position('title*value').color('type').label('value');
chart.point().position('title*value').color('type');
chart.render();

显示效果如下：

期望Lable日期显示正常。

[ai-qing-hai]

chart.scale('title',{
tickCount: null,
});
这个加上看一下吧

[ai-qing-hai]

或者 chart.scale('title',{ type: 'time' })

[ai-qing-hai]

@visiky v3 版本 scale 中， timeCat 默认 this.tickCount = 7 , 当前代码逻辑中，也确实 被 this.tickCount 约束展示个数

[ai-qing-hai]

@tangsj 看一下上面吧

[tangsj]

使用

chart.scale('title',{
tickCount: null,
});

或

chart.scale('title',{
type: 'cat',
});

均可以显示正常