canvas插件_超轻巧 Canvas 图表库

今天给小伙伴们分享一个轻量级的canvas简易图表展示库Charts。

a54c2fdfdd4aae0eef1c1a0fc4cac4cc.png

charts 基于canvas构建的轻量图表。提供常用的折线图、柱状图、饼状图、雷达图及仪表盘,支持动画效果。

92d6e1a6101dc8c164d8d11a00373fe7.gif

特性

  • 体积轻量:摒弃复杂交互及配置,带来轻量体积,适合仅需展示不需交互的场景;
  • 动感十足:基于Transition插件的缓动效果,带来更加动感的图表;
  • 快速上手:配置极为简单,提供了丰富实例;

安装

$ npm i @jiaminghi/charts --save

快速使用

import Charts from '@jiaminghi/charts'const container = document.getElementById('container')const myChart = new Charts(container)myChart.setOption({  title: 'My Chart',  // ...otherConfig})
5a64e403b52541de2704ef6c5522b942.png
650a24f59bb86e86c4de9f7d05547b88.png
a09baf6b7ded463228acc9ad5d6f388a.png
af7bf0227241b0948a16aa0ae83ea814.png
2d65cce56ac6a841d592b591d2f20f8e.png
2651e128b916463bc0e243c8f610c953.png
c16fa194762dbbdb6c5026a8aa285f88.png

非常棒的一款canvas轻量图表展示库,需要的不要错过哈!

# 文档地址http://charts.jiaminghi.com/# 仓库地址https://github.com/DataV-Team/Charts

好了,今天就分享到这里。如果感兴趣的话,可以去看看,希望对大家有所帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值