@vislite/chart

一些常用的可视化图表库

如何使用？

npm install --save @vislite/canvas

安装后，准备好渲染位置

<div id="root" style="width:400px;height:400px"></div>

然后直接使用（以饼图为例）：

import { Pie } from "@vislite/chart"
let pie = new Pie({
    el: document.getElementById("root"),
    data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
    ],
    isRing: true, // 可选
    beginDeg: 0, // 可选
    deg: Math.PI * 1.5 // 可选
})

这样一个饼图就出来了:

下面是更多图表明细：

• Pie 饼图
• Line 折线图
• Bar 直方图

更多图表或特性探索设计中，你也可以给我们 留言 ，告诉我们你的想法或希望提供的图表！

版权

MIT License

Copyright (c) zxl20070701 走一步，再走一步