超轻巧Canvas图表库

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

超轻巧 Canvas 图表库

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

超轻巧 Canvas 图表库

特性

  • 体积轻量:摒弃复杂交互及配置,带来轻量体积,适合仅需展示不需交互的场景;
  • 动感十足:基于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
})
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库
超轻巧 Canvas 图表库

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

# 文档地址
http://charts.jiaminghi.com/

# 仓库地址
https://github.com/DataV-Team/Charts

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

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/14497.html

发表评论

登录后才能评论