[Javascript] 簡單試寫 Chart.js–Bar Chart , Doughnut Chart(甜甜圈圖) , PolarArea(極區圖)
2017-08-21
上一篇文章 簡單試寫 Chart.js - Line Chart , Pie Chart 談到了新增 Line Chart 還有 Bar Chart ，沒想到喜歡的人很多，這一次我們來筆記跟介紹一下Chart.js 其他三個圖形
一樣，首先你得先引入這些Chart.js 的 lib .
<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>
1. Bar Chart : 主要沒啥好贅述的，主要跟Line Chart 很像 改type 就好了
2. Bar Chart 雙資料 ，主要設定兩種datas 放入 datasets中即可 :
3. Doughnut Chart 甜甜圈圖，主要跟Pie 有點像，主要是看個數之間的關係，並非百分比的概念，其實很多圖形都很像在於顯示上的不同
4. PolarArea 極圈圖，其實不用贅述跟第三點一樣，只要改type就好了
後記:
主要根據常用的，進行筆記，方便之後複製貼上，如果你需要詳細一點的控制 可以參考 http://www.chartjs.org/samples/latest/