如何使用 ZingChart 格式化工具提示上的数字

Question

我想像这样格式化工具提示上显示的数字：

var num = 0.1234567890;
num.toFixed(4);
"0.1235"

我检查了 documentation 但它主要处理日期和大数字

有办法吗？

Answer 1

ZingChart 有一个 decimals 属性，可以在整个绘图的全局范围内格式化数字。这意味着如果您在图中应用 decimals 属性，valueBox 将继承此属性并且 tooltip 也会继承。

 plot: {
  decimals: 4,
  valueBox: {

  }
}...

如果您仅在工具提示对象内执行此操作，您将只会获得应用于工具提示的截断值。

注意：JSON 属性前的下划线类似于行内注释。

plot docs here

var myConfig = {
  type: 'bar', 
  plot: {
    _decimals: 4,
    valueBox: {}
  },
  tooltip: {
    decimals: 4
  },
 series: [
  {
   values: [35,42,67,89,25,34,67,85]
  }
 ]
};

zingchart.render({ 
 id: 'myChart', 
 data: myConfig, 
 height: '100%', 
 width: '100%' 
});

html, body {
 height:100%;
 width:100%;
 margin:0;
 padding:0;
}
#myChart {
 height:100%;
 width:100%;
 min-height:150px;
}
.zc-ref {
 display:none;
}

<!DOCTYPE html>
<html>
 <head>
 <!--Assets will be injected here on compile. Use the assets button above-->
  <script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
 <!--Inject End-->
 </head>
 <body>
  <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
 </body>
</html>

如何使用 ZingChart 格式化工具提示上的数字

How to format numbers on tooltips with ZingChart

javascript

charts

zingchart