图表插件Charts.js的使用

时间:2023-03-08 16:24:46

Charts.js的介绍自行百度 首先下载Charts.js,官网:http://chartjs.cn/

charts.js 托管在了github上,下载下来后加解压出src中的文件即可。其中有charts.js文件,其中就是对其他文件的引用。

开始使用:

具体的使用咋官网Api中都有详细的说明,可自行查阅,传送门:http://www.chartjs.org/docs/#chart-configuration-chart-data

<script src="Chart.js"></script>

为了创建图表,我们要实例化一个Chart对象。为了完成前面的步骤,首先需要需要传入一个绘制图表的2d context。

<canvas id="myChart" width="400" height="400"></canvas>