echarts漏斗图转换为金字塔图
一.原图:
二.实际图:
//虽然箭头可以朝上,但还是不像金字塔
sort: 'ascending', //方向反转
三.保守做法是用图片的形式
(没有使用echarts,而是单纯的采用 html + css 布局的方式)
<div>
<img src="../../assets/金字塔.png" style="width: 150px; height: 154px;margin-top:-20px" />
</div>
<ul style="list-style-type: none;font-size:12px;margin-top:-25px;">
<li v-for="(item,index) in list" :key="index" style="width:130px;margin-top:15px;margin-left:-40px">
{{item.xx}}
<span style="color:#C15354">{{item.xx}}{{xx}}</span>
</li>
</ul>