antvis/G2

Do you want to work on this issue?

You can request for a bounty in order to promote it!

坐标轴中的label名称展示个数可以控制数量吗 #6003

yk9710 posted onGitHub

问题描述

目前折线图展示了一年的数据,导致x轴横轴label展示看着很拥挤

重现链接

No response

重现步骤

image

预期行为

希望下面展示的时间横向摆放,并且数量不需要这么多,类似之前4.x这样 image

平台

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

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


可以通过 labelFilter 过滤一些:

chart.interval().axis('x', { labelFilter: d => ... })
posted by pearmini over 1 year ago

可以通过labelFilter过滤一些:

chart.interval().axis('x', { labelFilter: d => ... })

不支持4.x中的tickcount这种设置吗。而且还有个bug是,在最开始刻度的label是竖向的后,后面数据就算再少刻度的label方向也不会改变,5.x的官方demo可以复现,拖动外层容易宽度即可,测试了下4.x是没有这种问题的

image

posted by yk9710 over 1 year ago

tickCount 有效,但是你第一张图的 X 是离散数据,如果你希望转换成连续数据,可以如下:

chart.line().data().encode('x', d => new Date(d.date))

rotate 不恢复确实是一个问题,可以排查一下。

posted by pearmini over 1 year ago

tickCount 有效,但是你第一张图的 X 是离散数据,如果你希望转换成连续数据,可以如下:

chart.line().data().encode('x', d => new Date(d.date))

rotate 不恢复确实是一个问题,可以排查一下。

服务器返回到数据就是字符串形式的时间,而且我们业务环境还要按照月 ,天,周进行聚合展示,在不同的筛选情况下X轴下面展示的label也应该不一样,能不能像4.x一样由G2内部自行判断,当刻度过多的时候根据外层容器宽度取一个最大值

posted by yk9710 over 1 year ago

有人解决了吗, 看官网例子x轴标签都是可以自动省略的, 看了一天的文档问了AI都没办法解决, 官网上面的数据都是请求的,把实际请求地址改为真实数据后,数据一多x轴时间就旋转了90度,太反人类了吧, 还不支持自定义显示个数 全是bug

posted by jiuxiangyangguang about 1 year ago

Fund this Issue

$0.00
Funded
Only logged in users can fund an issue

Pull requests