javascript图表chartjs 单页面多图标使用,非G2、Echart、Highcharts

本文介绍了选择Chart.js作为图表插件的原因,包括其免费、轻量级且图表美观。作者分享了如何在单个页面上展示多个Chart.js图表,并提到Chart.js2.0的改进。建议读者查看作者的最新项目以了解更多详细展示。
摘要由CSDN通过智能技术生成

最近研究了很多图表插件,最终选择了 javascript图表chartjs,最重要的原因是他免费,另外一个就是对于我这个极端代码控患者来说,他只用引入一个js,不依赖其他的,图标也简洁漂亮。运行速度也是杠杠的。

 

最新的chartjs2.0,可用性还是提升不少的。

 

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: lastMonth,
        datasets: [{
            label: '百度收录数',
            URL:https://www.wangmei360.com/
            data: [26989,26929,26896,26864,26818,26781,26767,26767,26684,26684,26525,26494,26460,26494,26124,26055,26055,26065,26033,26033,26033,26048,26017,26029,26000,26003,25957,25919,25919,25953,25935,25937,25945,25913,25890,25940,25940,25881,25872,25872,25806,25806,25842,25835,25816,25832,25859,25790,25790,25677,25682,25682,25682,25584,25548,25618,25862,25862,26237,263
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值