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

DifferentSeasons_Y 发布于 2015/07/14 09:29
阅读 21K+
收藏 1

本人通过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>



加载中
1
DifferentSeasons_Y
DifferentSeasons_Y

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

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



惜照
请问如果在jsp页面,怎么做?<%=value%>是jsp的取值标志,会冲突的
厕纸哥
我想显示百分比% 怎么弄啊?
0
DifferentSeasons_Y
DifferentSeasons_Y
var defaults = {
		// 刻度是否显示标签, 即Y轴上是否显示文字
		scaleShowLabels : true,
		// Y轴上的刻度,即文字
		scaleLabel : "<%=value%>",
		// 字体
		scaleFontFamily : "'Arial'",
		// 文字大小
		scaleFontSize : 12,
	}

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



0
DifferentSeasons_Y
DifferentSeasons_Y
正确解决方案
0
r
ryan_pro
jsp 里<%=value%>表示取值啊,会冲突吧
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部