热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Chart.js自动选择比例值

如何解决《Chart.js自动选择比例值》经验,为你挑选了1个好方法。

我正在使用自动缩放起始值。它将自动生成并在y轴上选择最小值和最大值。现在我面临的问题是,刻度正好从最小数开始,而正好从最大数结束。我可以将小数位数设置为在最小数字之前开始,例如数值的2%吗?这是我的图表:

我只想注意到我有随机值,所以我无法调整刻度来开始和结束某些值!谢谢



1> ɢʀᴜɴᴛ..:

您可以使用y轴刻度的minmax属性,分别设置最小(开始)和最大(结束)比例值。

scales: {
   yAxes: [{
      ticks: {
         min: Math.min.apply(this, data_array) - 5,
         max: Math.max.apply(this, data_array) + 5
      }
   }]
}

????

scales: {
   yAxes: [{
      ticks: {
         min: Math.min.apply(this, data_array) - 5,
         max: Math.max.apply(this, data_array) + 5
      }
   }]
}
var data_array = [20, 22, 24, 28, 30];

var chart = new Chart(ctx, {
   type: 'bar',
   data: {
      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
      datasets: [{
         label: 'BAR',
         data: data_array,
         backgroundColor: 'rgba(0, 119, 290, 0.5)',
         borderColor: 'rgba(0, 119, 290, 0.6)'
      }]
   },
   options: {
      scales: {
         yAxes: [{
            ticks: {
               min: Math.min.apply(this, data_array) - 5,
               max: Math.max.apply(this, data_array) + 5,
               stepSize: 5
            }
         }]
      }
   }
});

推荐阅读
author-avatar
mobiledu2502852643
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有