CH-EN.的博客

饼图+环形图运行效果代码`let that = this;this.contractPie = echarts.init(document.getElementById(‘contract_pie’));window.addEventListener(‘resize’, function() {that.contractPie.resize();});let option = {// 所有饼图 分布颜色tooltip: {trigger: ‘item’,formatter: ‘

效果展示组件封装基本思路首先我们知道，使用echarts作图，必须有个dom，作为图片显示的位置；图表显示的时候，我们可以通过grid下的一些配置来控制图表显示的位置，所以，如上图，就可以理解为是一个能显示占比的环形饼图、一个能分隔的分隔环（仪表盘）、最外圈的外圈图（当然也可以是个背景图）三部分组成。template部分<div class="pie"> <div :id="ID"></div></div>da..