chart.js如何设置纵坐标数值单位

发布于 2021-11-29 16:38:12 字数 1245 浏览 742 评论 6

本人通过chart.js插件创建了一个柱状图报表Dom,已经调整完成,遗留一个小问题,不得其解,求高手帮助。

纵坐标数值上万,上亿,我希望显示效果能是1亿,2亿,而不是(100000000,200000000),该如何实现。代码如下:

<div class="container-fluid">
  <canvas id="xiangmuzhitou" class="col-lg-12 xiangmuzhitou_height"></canvas>
</div>
<script type="text/javascript">
var data = {
	labels : ["2014-02","2014-03","2014-04","2014-05","2014-06","2014-07","2014-08","2014-09","2014-10","2014-11","2014-12","2015-01","2015-02","2015-03","2015-04","2015-05","2015-06"],
	datasets : [
		{
			fillColor : "rgba(79,193,233,1)",//柱状填充颜色
			strokeColor : "rgba(79,193,233,1)",//柱状边框颜色
			data : [5589600.00,14102800.00,26581300.00,46781200.00,78425531.88,80201040.04,65180000.00,152670000.00,333104297.37,242344872.50,344487352.12,593190209.44,712057160.88,523722747.29,724324162.13,680328851.34,903933015.84]
		}
	]
}
$(document).ready(function(){
	var ctx = document.getElementById("xiangmuzhitou").getContext("2d");
	var xiangmuzhitou = new Chart(ctx).Bar(data);
});
</script>



如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

平生欢 2021-12-02 01:22:49

jsp 里
<%=value%>表示取值啊,会冲突吧

青萝楚歌 2021-12-02 01:22:43

正确解决方案

明媚如初 2021-12-02 01:18:30
var defaults = {
		// 刻度是否显示标签, 即Y轴上是否显示文字
		scaleShowLabels : true,
		// Y轴上的刻度,即文字
		scaleLabel : "<%=value%>",
		// 字体
		scaleFontFamily : "'Arial'",
		// 文字大小
		scaleFontSize : 12,
	}

scaleLabel : "<%=value%>",该如何使用

旧城烟雨 2021-12-02 01:14:42

我想显示百分比% 怎么弄啊?

苍暮颜 2021-12-02 01:08:44

请问如果在jsp页面,怎么做?<%=value%>是jsp的取值标志,会冲突的

柠檬 2021-12-01 01:03:29

问题已经解决,解决方法为

scaleLabel : "<%=value/100000000%>亿",

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文