ant design Pro图表

最近在写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





©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容