Chart.js Y轴数据以百分比展现
新手一枚，解决的问题喜欢记录，也许正好有人在网上迷茫的百度着。-0-javascript
最近使用Chart.js作折线图的报表展现，直接显示整数啥的很好弄毕竟例子直接在哪里能够用，百分比就没办法了。百度慢慢汲取养分，虽然老是几篇文章复制粘贴，但还有有收获，而后本身捣鼓半天总算是弄出来了。。。java
首先参考: http://www.chartjs.org/docs/latest/ 引用js，学习基本等等。。。数组
而后数据什么的就不说了直说怎么展现，学习
在配置文件中yAxes>ticks>callback 中设置你须要在Y轴展现的数据格式。spa
label是你的数据，index是下表，labels数组，我这里传过来的是小数因此使用Math.floor取值而后加上"%"符号。调试
下面 tooltips 使用展现你鼠标悬浮显示数据，对应着你上面的数据也须要作修改。。。。code
备注:若是多条数据想使用同一个Y轴的话不要加 stacked: true blog
若是想看加上什么效果，或者上面的设置都是什么样的，能够本身调试，毕竟本身看到数据就懂了ip
主要是学习，因此但愿看到的有更好办法的求指导。。。谢谢！class
最后附上一张效果图: