概述
Chart.js是一个HTML5图表库使用canvas元素来展示各式各样的客户端图表,支持折线图、柱形图、雷达图、饼图、环形图等。在每种图表中,还包含了大量的自定义选项,包括动画展示形式
##中文官网
http://chartjs.cn/
##GitHub网址
https://github.com/chartjs/Chart.js
##使用版本
- v2.9.3
使用步骤
(推荐)在Github下载chart.js.zip压缩包引用在script中(Chart.bundle.js)
hello wrlod
##编写第一个hello world图表
<script>
//当所有代码装载在浏览器才会运行
(function(){
'use strict';
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext('2d');
var chart = new Chart(ctx,{
//第一个参数ctx,
options:{
title:{
display:true