如何修正图表中的显示值？

Question

我正在我的 ReactJS 项目中使用 devextreme 创建一个圆形仪表。显示某些值时出现问题。例如，值为 5011480286.78，但在仪表中显示为 5.01E+9。我不想要那个。我该如何解决？

<BarGauge
    id="gauge"
     startValue={0}
     endValue={max_value}
     baseValue={min_value}
     values={arr}
     palette="Soft Pastel">
     <Size height={300} width={300} />
     <Legend
         visible={true}
         customizeText={customizeText(labelval)}
         verticalAlignment="bottom"
         horizontalAlignment="center"
         />
 </BarGauge>

Answer 1

您应该使用 Label 组件和 format 属性来处理不同量表值的表示法。此外，您在 Legend 组件中错误地使用了 customizeText 道具。

const format = {
  type: 'fixedPoint',
  precision: 1,
};

完整代码如下：https://codesandbox.io/s/lqypl

如何修正图表中的显示值？

How to correct displaying value in chart?

javascript

reactjs

devextreme