介绍

FundChartsJS是轻量级的canvas数据可视化组件库，可在web移动端、小程序端、服务端nodejs直接使用，无三方依赖。核心原则：轻量，只注重图形。包含折线图、面积图、饼图、环形图、柱状图、雷达图（蜘蛛图），散点图，K线图，持续更新及维护。

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

兼容：

browser

• ios8及以上
• android 4及以上
• PC IE9+/Firefox/Opera/Chrome/Safari12+

注：与框架无冲突，配有React/Vue组件 (opens new window)。v0.9.10起支持 TypeScript 直接使用。

weapp

• 兼容

server

• nodejs v8.0+

最新版本

• fundcharts：0.9.11 (opens new window)
• fundcharts-node：0.1.11 (opens new window)

使用

browser(FundCharts.min.js (opens new window), 提示组件FundCharts-tooltips.js (opens new window))

<script src="./FundCharts.min.js"></script>

var LineChart = FundCharts.line;

weapp

const FundCharts = require('./FundCharts.min.js');

const LineChart = FundCharts.line;

nodejs(FundCharts-node.js (opens new window))

nodejs服务端需安装node-canvas (opens new window)及其图形环境。

const Canvas = require('canvas');
const { FundCharts } = require('fundCharts-node');
    
let LineChart = FundCharts.line;