我想限制条形图的最大宽度
我的代码:
<script> // bar chart data var a=[]; a.push('kalai 2015-04-11'); var b=[]; b.push('300'); var barData = { labels : a,datasets : [ { fillColor : "#48A497",strokeColor : "#48A4D1",data : b } ] } // get bar chart canvas var income = document.getElementById("income").getContext("2d"); // draw bar chart new Chart(income).Bar(barData,{scaleGridlinewidth : 1}); <!--new Chart(income).Bar(barData);--> </script>
这样做的方法是什么
单个值看起来像这样
解决方法
您可以添加默认情况下不可用的新选项.但是您需要编辑chart.js
//Boolean - Whether barwidth should be fixed isFixedWidth:false,//Number - Pixel width of the bar barWidth:20,
第2步:
calculateBarWidth : function(datasetCount){ **if(options.isFixedWidth){ return options.barWidth; }else{** //The padding between datasets is to the right of each bar,providing that there are more than 1 dataset var baseWidth = this.calculateBaseWidth() - ((datasetCount - 1) * options.barDatasetSpacing); return (baseWidth / datasetCount); }
在条形图的calculateBarWidth函数中添加此条件
现在,您可以通过设置将自定义js文件中的barWidth设置为选项
isFixedWidth:true,barWidth:xx
如果您不想指定固定的barwidth,只需更改isFixedWidth:false
原文地址:https://www.jb51.cc/js/157448.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。