专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

超轻巧 Canvas 图表库

ins518 2024-12-06 15:37:55 技术文章 39 ℃ 0 评论

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

charts 基于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轻量图表展示库,需要的不要错过哈!

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

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

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表