ant-design-charts
ant-design-charts copied to clipboard
🐛[BUG] sunburst中有0值会显示错误
🐛 bug 描述 [详细地描述 bug,让大家都能理解]
旭日图(sunburst)当存在value是0的情况下会显示错误
📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]
https://ant-design-charts.antgroup.com/zh/examples/statistics/sunburst#sunburst-default
在线上的环境中,当配置如下时,正确
import { Sunburst } from '@ant-design/plots';
import React from 'react';
import ReactDOM from 'react-dom';
const DemoSunburst = () => {
const config = {
data: {
value:{
name: 'zzz',
children: [
{
name: 'a10',
children: [
{name: 'a11',value: 10},
{name: 'a12',value: 20}
]
},
{
name: 'b10',
children: [
{name: 'b11',value: 10},
{name: 'b12',value: 1}
]
}
]
}
},
animate: {
enter: { type: 'waveIn' }
},
innerRadius: 0,
};
return <Sunburst {...config} />;
};
ReactDOM.render(<DemoSunburst />, document.getElementById('container'));
但当设置0值时会出现错误,配置如下,只是将b12的value改为0
import { Sunburst } from '@ant-design/plots';
import React from 'react';
import ReactDOM from 'react-dom';
const DemoSunburst = () => {
const config = {
data: {
value:{
name: 'zzz',
children: [
{
name: 'a10',
children: [
{name: 'a11',value: 10},
{name: 'a12',value: 20}
]
},
{
name: 'b10',
children: [
{name: 'b11',value: 10},
{name: 'b12',value: 0}
]
}
]
}
},
animate: {
enter: { type: 'waveIn' }
},
innerRadius: 0,
};
return <Sunburst {...config} />;
};
ReactDOM.render(<DemoSunburst />, document.getElementById('container'));
🏞 期望结果 [描述你原本期望看到的结果]
在有0值的情况下也可以正确显示
💻 复现代码 [提供可复现的代码,仓库,或线上示例]
© 版本信息
- ant-design-charts 版本: [e.g. 0.9.0]
- 浏览器环境
- 开发环境 [e.g. mac OS]