[Javascript] Chart.js – Pie Chart 一些相關的小東西

之前分享過一些文章  [Javascript] 簡單試寫 Chart.js - Line Chart , Pie Chart 簡單的讓 您的網頁有票漂亮亮的圖表像是

但是客戶需求總是千變萬化，他們需要滑過去後要指示數字跟% ，然後旁邊的顏色標示顯示也要所以我就加上去現在就筆記一下..

記得先加入 chart.js

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>

加入滑過去後出現  % 跟Label 提示數量 

code :


之後就是，關於旁邊的提示 legend :

code :


All Source Sample:

花了一些時間研究了一下，基本上這你應該貼上就能用

reference :

http://www.chartjs.org/docs/latest/
https://jsfiddle.net/beaver71/b5hdn9gw/
http://www.eion.com.tw/Blogger/?Pid=1173