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

2018-07-03

之前分享過一些文章  [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


當麻許的超技八 2014 | Donma Hsu Design.