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

Posted 2023-05-08

【中文标题】如何更正图表中的显示值？

【英文标题】：How to correct displaying value in chart?

【发布时间】：2022-01-17 12:17:02

【问题描述】：

我正在我的 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>

【问题讨论】：

添加类型为type = "largeNumber"

在“传奇”中添加`format=`

@groovy_guy 去哪里？

【参考方案1】：

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

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

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