通过Redux更新ActiveRingChart的data，数据展示不全

[kala888]

"@jiaminghi/data-view-react": "^1.2.3",

redux 异步更新数据，部分图不展示

如下代码，故障那个圈圈就没有动

function MaintenanceInfo(props) {
  const { maintenanceInfo } = props;
  const activeStatusData = {
    digitalFlopStyle: {
      fontSize: 14,
      fill: '#fff',
    },
    lineWidth: 13,
    showOriginValue: true,
    activeRadius: '80%',
    color: ['#0abab5', '#fc1217', '#fcea0f'],
    data: [
      { name: '正常', value: maintenanceInfo.normalCount },
      { name: '异常', value: 2},
      { name: '故障', value: 3 },
    ],
  };

  return (
    <div className={styles.container}>
      <ActiveRingChart config={activeStatusData} style={{ width: '100%', height: '160px' }} />
    </div>
  );
}

export default connect(({ global }) => ({ maintenanceInfo: global.maintenanceInfo }))(MaintenanceInfo);

[yizhiyuyou]

@kala888 1. 可能数据请求的频率太高了（降低一下请求频率）2. 内部的 activeStatusData 使用 useMemo 控制一下。