免费开源、轻量无依赖的 web 图表库
我们在项目中会遇到很多图表相关的需求，Github 有很多图表库，今天推荐一个小巧的图表库，基于 SVG 生成图表，使用很简单。
Frappe ChartsFrappe Charts 是一个小巧简单的 JavaScript 图表库，通过简单几个参数，可以快速生成类似于 Github 那样美观大气的图表。
轻量级且没有任何依赖的一个图标库，可以搭配 Vue 、 React 等框架使用。
Frappe Charts 是基于 SVG 生成图表，性能方面要比常用的 Canvas 图表要好的多，而且无任何依赖，gzip压缩后只有 18K，该有的功能都有，体验非常不错。
如何使用安装代码语言：javascript
代码运行次数：
0
运行
复制
$ npm install frappe-charts 引入依赖
代码语言：javascript
代码运行次数：
0
运行
复制
方式： import { Chart } from "frappe-charts" import 'frappe-charts/dist/frappe-charts.min.css' <script src="https://unpkg.com/frappe-charts@1.6.1/dist/frappe-charts.min.umd.js"></script> 案例
代码语言：javascript
代码运行次数：
0
运行
复制
import { Chart } from "frappe-charts" const data = { labels: ["周一", "周二", "周三", "周四","周五", "周六", "周日"], datasets: [ { name: "销量", chartType: "bar", values: [500, 3400, 2300, 650, 380, 120, 701] }, { name: "注册量", chartType: "line", values: [2500, 5000, 3100, 1589, 1823, 3245, 2787] } ] } const chart = new Chart("#chart", { title: "周销量表", data: data, type: 'axis-mixed', height: 250, colors: ['#1d953f', '#f58220'] })
其他案例：
Github地址：https://github.com/frappe/charts
觉得不错的小伙伴们可以先收藏起来，万一后期开发用到了呢！
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2023-07-13
，如有侵权请联系 cloudcommunity@tencent.com 删除
相关知识
免费开源、轻量无依赖的 web 图表库
Web前端：10个JavaScript图表插件和库
5款.NET开源、免费、功能强大的图表库
14个值得收藏的精品开源JavaScript数据可视化库
精选6款.NET开源图表库：免费、高效且功能强大！
15 个用于创建漂亮图表的 JavaScript 库在本文中，将展示一些用于图形和图表的最佳 JavaScript 库，
vue用什么图表库
图表插件
免费在线数据图表工具大全
14个华丽的javascript图表资源和插件
网址: 免费开源、轻量无依赖的 web 图表库 https://m.huajiangbk.com/newsview1946626.html
| 上一篇: 木制日历的顶部视图带有七月叹息和 |
下一篇: 花瓣图表素材图片 |
