纯 SVG 渲染,无需 Canvas 依赖。清晰、可缩放、可打印。
内置 Rough.js 集成,提供独特的手绘美学。
利用 D3.js 进行精确计算和流畅动画。
完整的 TypeScript 支持,提供全面的类型定义。
最小化包体积,支持 Tree-shaking。
支持 React、Vue、Svelte 或原生 JavaScript。
几行代码即可开始使用
import { bindGraph } from 'mba/bindGraph'
import { bindBar } from 'mba/bindBar'
// bindings
bindGraph()
bindBar()
// Initialize a bar chart
const chart = bindBar('#container', {
data: [
{ name: 'Apple', value: 120 },
{ name: 'Orange', value: 200 },
{ name: 'Banana', value: 150 },
],
fillStyle: 'hachure',
duration: 800,
})