轻量级 canvas 数据可视化组件库,可在 web 端/小程序端/服务端 nodjes 运行。核心原则:轻量,只注重图形。 目前包含折线图、面积图、饼图、柱状图、雷达图(蜘蛛图)、雷达图、桑基图、散点图、K 线图,开放图形组合接口。
注:对于有 canvas 开发基础经验的人员来说,通过实例的再次绘制可以完全实现特殊的可视化定制效果。
- 使用文档>>;
- English/npm
- codepen demo:https://codepen.io/michealwayne/
1.0.0之前版本可通过tags查看
- 工程启动、调试等见工程说明>>(使用 pnpm)
FundCharts
├─packages
│ ├─core 核心模块
│ ├─charts 图表工厂/图形实现
│ ├─toolTips 交互提示工具
│ └─components 组件封装
├─scripts
│ ├─build 构建脚本
│ └─jest 单测脚本
├─types 全局类型声明
├─lib 构建产物
├─docs 文档
├─demo 示例
├─coverage 单测报告
├─openspec 规范与变更说明
└─PROJECT_GUIDE.md 工程说明
- 重图形:只注重图形的可视化实现,画布以及换算提供全面接口供二次绘制。
- 轻量级:体积小无依赖,全量直接引用仅
30k,开启 gzip 仅10.8k;按需引用打包体积更小。 - 兼容好:小程序端;web
Android4.4及以上,iOS9及以上;nodejs10.0及以上。
兼容:
- ios9 及以上
- android 4.4 及以上
- PC IE9+/Firefox/Opera/Chrome/Safari12+
注:与框架无冲突,配有React/Vue 组件。
v0.9.10起支持 TypeScript 直接使用。
- 兼容
- nodejs v10+
(历史版本访问FundCharts-versions)
'#fe5d4e', // 红
'#43c2f7', // 蓝
'#707ad9', // 深蓝
'#ffa61b', // 橙
'#64d290', // 青
'#cf27bd' // 紫
