饼状图插件v-pie
效果
v-pie.png
特性
多种样式
独立的渲染库
独立的动画库
轻量级源码,简洁易懂,可根据需求自定义改造
参考资料
基于charjs库代码裁剪,只保留了pie相关代码
渲染库为Crender
动画库为transition
安装
npm install @oldeng/v-pie
使用
详情参考demo源码
//导入饼状图组件
import { VPie } from "../../dist/v-pie.umd.js";
//导入样式
import "../../dist/v-pie.css";
//导入配置文件
import Options from "./options.1";
export default {
name: "Experiment",
methods: {
//刷新
refresh() {
Options[0].series[0].data = Options[1].series[0].data = Options[2].series[0].data = [
{
name: "汉字A",
value: Math.floor(Math.random() * 100),
},
{