Skip to content

轻量级canvas数据可视化组件库(可在web移动端、微信小程序、服务端nodejs运行)。包含折线图/面积图、饼图/环形图、柱状图、雷达图(蜘蛛图),散点图,K线图,组合图,持续更新及维护。

License

Notifications You must be signed in to change notification settings

MichealWayne/FundCharts

Repository files navigation

FundChartsJS 轻量数据可视化库

npm package

轻量级 canvas 数据可视化组件库,可在 web 端/小程序端/服务端 nodjes 运行。核心原则:轻量只注重图形。 目前包含折线图、面积图、饼图、柱状图、雷达图(蜘蛛图)、雷达图、桑基图、散点图、K 线图,开放图形组合接口。

注:对于有 canvas 开发基础经验的人员来说,通过实例的再次绘制可以完全实现特殊的可视化定制效果。

文档

1.0.0之前版本可通过tags查看

工程说明

使用

目录结构

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 及以上。

兼容:

browser

  • ios9 及以上
  • android 4.4 及以上
  • PC IE9+/Firefox/Opera/Chrome/Safari12+

注:与框架无冲突,配有React/Vue 组件v0.9.10起支持 TypeScript 直接使用。

weapp

  • 兼容

server

  • nodejs v10+

最新版本

(历史版本访问FundCharts-versions

更新信息

change log

使用

文档-FundCharts 的安装和使用

图形配置

文档-FundCharts 图形及配置

启动查看测试 demo

combo1.jpg combo2.jpg

line.gif pie.gif

其他

默认颜色组

'#fe5d4e',   // 红
'#43c2f7',   // 蓝
'#707ad9',   // 深蓝
'#ffa61b',   // 橙
'#64d290',   // 青
'#cf27bd'    // 紫

colorArray

About

轻量级canvas数据可视化组件库(可在web移动端、微信小程序、服务端nodejs运行)。包含折线图/面积图、饼图/环形图、柱状图、雷达图(蜘蛛图),散点图,K线图,组合图,持续更新及维护。

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published