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

时间:2017-04-20 07:41:32

标签: javascript charts zingchart

我想格式化工具提示中显示的数字,如下所示:

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

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

有办法做到这一点吗?

1 个答案:

答案 0 :(得分: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>