ant-design-charts icon indicating copy to clipboard operation
ant-design-charts copied to clipboard

🐛[BUG] sunburst中有0值会显示错误

Open atliuhui opened this issue 8 months ago • 0 comments

🐛 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]

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

atliuhui avatar May 27 '24 08:05 atliuhui