官网找到类似实例， 适当分析，并且引入到HTML页面中
代码也简单改一下
效果如下
在index.html中添加容器
在index.js中，完成立即执行函数
实例化对象
指定配置，将准备好的代码粘贴过来
把配置给实例对象
让图表跟随屏幕自动的去适应
查看效果
根据需求定制图表
定制图表需求1：
修改图例组件在底部并且居中显示。
每个小图标的宽度和高度修改为 10px
文字大小为12 颜色 rgba(255,255,255,.5)
查看效果
定制需求2：
修改水平居中 垂直居中
修改内圆半径和外圆半径为 ["40%", "60%"]
带有直角坐标系的比如折线图柱状图是 grid修改图形大小，而我们饼形图是通过 radius 修改大小
查看效果
定制需求3：更换数据
legend 中的data可省略（前面已经删除）
series 中的数据
修改下颜色
查看效果
组件间的关系可以分为：父子关系。以前文的代码为例，最典型的就是App.vue与Car.vue这种，APP是父，Car是子。祖孙关系。如果Car再引入一个子组件，这个子组件与App就是祖孙关系。其他。比...
web前端三大主流框架1、Angular大家眼里比较牛的框架，甚至有人说三大框架中只有它能称得上一个完整的框架，因为它包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等...
概述本文专注于Vue的状态管理。我们将深入探讨如何使用Pinia来管理Vue应用程序的状态。状态管理使用props和emit进行父子组件间的数据协作虽然方便，但在以下情况下可能不够充分，数据传递往往会...
前言 这里写一下如何封装可复用组件。首先技术栈 react hooks + props-type + jsx封装纯函数组件。类组件和typeScript在这不做讨论，大家别白跑一趟。接下来会说一下封...
前提在 gitlab 中你的工程创建 Access Token然后你会得到一个 21 位 access token，代码中需要用到。代码''' 说明： 1.登录gitlab的r...
整理日常开发过程中经常使用的git命令！git配置SSH刚进入项目开发中，我们首先需要配置git的config、配置SSH方式拉取代码，以后就免输入账号密码了！# 按顺序执行 git config -...