Chart.js Y軸數據以百分比展現

新手一枚，解決的問題喜歡記錄，也許正好有人在網上迷茫的百度着。-0-

 

最近使用Chart.js作折線圖的報表展現，直接顯示整數啥的很好弄畢竟例子直接在哪裏能夠用，百分比就沒辦法了。百度慢慢汲取養分，雖然老是幾篇文章複製粘貼，但還有有收穫，而後本身搗鼓半天總算是弄出來了。。。

 

首先參考: http://www.chartjs.org/docs/latest/ 引用js，學習基本等等。。。

而後數據什麼的就不說了直說怎麼展現，

 

在配置文件中yAxes>ticks>callback 中設置你須要在Y軸展現的數據格式。

label是你的數據，index是下表，labels數組，我這裏傳過來的是小數因此使用Math.floor取值而後加上"%"符號。

下面 tooltips 使用展現你鼠標懸浮顯示數據，對應着你上面的數據也須要作修改。。。。

備註:若是多條數據想使用同一個Y軸的話不要加 stacked: true

若是想看加上什麼效果，或者上面的設置都是什麼樣的，能夠本身調試，畢竟本身看到數據就懂了

 

主要是學習，因此但願看到的有更好辦法的求指導。。。謝謝！

 

最後附上一張效果圖: