菜鸟日记Day 29－用Chart.js制作图表

原本要使用C3.js搭配D3.js套件制作动态图表，但不知为何一直无法正常抓取D3.js的cdn档案，
只好改用Chart.js来制作最後两天的图表专案。

一开始先在HTML页的导入Chart.js的档案，并在加入一个canvas标签，id名称为myChart。
元素的功能有点类似元素，只是它没有src与alt属性，其预设宽度为300px、高度为150px。
我在此将高度设定为140px，让图表高度与萤幕高度同等。

1.进入JS页面设定变数ctx，撷取HTML页id为myChart的项目并使用getContext('2d')渲染绘图环境。
2.建立变数chart = new Chart并导入变数ctx(前两行为Chart.js的固定语法)其内容为阵列。
3.阵列里第1个项目为type，使用者可依照需求将内容更换为line(折线图)、bar(长条图)、
4.pie(圆饼图)、radar(雷达图)及scatter(散布图)。
4.阵列里第2个项目为data，可用来设定图表的资料内容，包含label(标签名称)、datasets(数据设定)、backgroundColor(背景颜色)、borderColor(折线颜色)、data(数据)、option(其他功能)。
完成上述设定後，就能够看到以下画面啦！