The issue has been closed

X 轴Label显示异常 #4362

tangsj posted onGitHub

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日期显示正常。

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

posted by ai-qing-hai over 2 years ago

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

posted by ai-qing-hai over 2 years ago

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

posted by ai-qing-hai over 2 years ago

@tangsj 看一下上面吧

posted by ai-qing-hai over 2 years ago

使用

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

或

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

均可以显示正常

posted by tangsj over 2 years ago

Fund this Issue

$0.00

Funded

Pull requests

X 轴Label显示异常 #4362

Company

Community

Support

Connect