图表插件Charts.js的使用

Posted Leon (null)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图表插件Charts.js的使用相关的知识,希望对你有一定的参考价值。

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>

 

以上是关于图表插件Charts.js的使用的主要内容,如果未能解决你的问题,请参考以下文章

Django 中的 Charts.js:图表无法出现

v-charts 使用方法

Charts.js 使用货币和千位分隔符格式化 Y 轴

v-charts 和 websocket实现数据展示动态推送

uni-app之ucharts各种图表

甜甜圈(仪表)的自定义背景限制