![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【vue-echarts】
echarts
耳东呀呀
这个作者很懒,什么都没留下…
展开
-
echarts----饼图+环形图(子集颜色取父级同色系颜色)
饼图+环形图 运行效果 代码 `let that = this; this.contractPie = echarts.init(document.getElementById(‘contract_pie’)); window.addEventListener(‘resize’, function() { that.contractPie.resize(); }); let option = { // 所有饼图 分布颜色 tooltip: { trigger: ‘item’, formatter: ‘原创 2020-12-31 16:18:58 · 1590 阅读 · 0 评论 -
echarts----带分割块的圆环图
效果展示 组件封装 基本思路 首先我们知道,使用echarts作图,必须有个dom,作为图片显示的位置;图表显示的时候,我们可以通过grid下的一些配置来控制图表显示的位置,所以,如上图,就可以理解为是一个能显示占比的环形饼图、一个能分隔的分隔环(仪表盘)、最外圈的外圈图(当然也可以是个背景图)三部分组成。 template部分 <div class="pie"> <div :id="ID"></div> </div> da..原创 2021-08-19 10:22:41 · 2458 阅读 · 1 评论