ant-design / ant-design-charts

A React Chart Library
https://ant-design-charts.antgroup.com/
MIT License
1.95k stars 364 forks source link

环状图,id为日期格式时,图例丢失,最多只展示7个 🐛[BUG] #1612

Open yanzi123 opened 2 years ago

yanzi123 commented 2 years ago

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

const config = { appendPadding: 10, data, angleField: 'value', colorField: 'id', // 图例 } 当你使用的环状图表,配置中的图例字段id的值为日期格式, 如:2022-07-16,或者2022.07.16,或者2022/07/16时, 且同时你的图例个数比较多,大于7个,则最多只会展示7个,不管你怎么设置flipPage分页或者maxRow都不行

📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

  1. 使用环状图
  2. data中的colorField: 'id', // 图例
  3. data中的id值为日期类型如:2022-07-16,不同的日期个数超过7种

🏞 期望结果 [描述你原本期望看到的结果]

正常应该返回实际个数的图例

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

线上示例: https://codesandbox.io/s/modest-ben-e0k8gg?file=/index.js

© 版本信息

🚑 其他信息 [如截图等其他信息可以贴在这里]

image
qtj4js commented 10 months ago

这个问题补充两个点: 1.如果第一个图例id字段对应的值是'yyyy-mm-dd'的格式时,如果后面一个值不是这个格式,就会显示NaN 企业微信截图_1705282975748 2.第二个问题是.yyyy-mm-dd这个格式是固定的,我无法显示yyyy/mm/dd这种格式,如果是2022/12/1这种格式,会被自动调整为2022-12-1 企业微信截图_17052832228002