最近在写ant design Pro 框架搭建的一个后台管理系统,那个坑是踩了一个又一个,今天在这里总结一下图表组件的用法:
官网:https://v2-pro.ant.design/components/charts#pie
ant design pro自带的图表组件就只有那么几个,如果已经满足你的需求就直接用,当然 在用之前先安装依赖包
一、npm install ant-design-pro@latest --save //这个是独立使用 Pro 组件 必须要下载的 我就是不知道 搞了整整两天 心酸......
二、下载成功之后 直接引入
import Charts from 'ant-design-pro/lib/Charts';
这样你在页面中就可以使用自带的图片组件了
当然,如果官网提供的不能满足开发需求 这时候 我们就可以安装一个 BizCharts 绘制图表
安装方法:
npm install bizcharts --save
使用方法:
直接上官网:https://alibaba.github.io/BizCharts/demo.html