vue 使用Echarts 环形图 自定义legend formatter 富文本标签

main.js 引入echarts

// 引入echarts

import Echarts from 'echarts'

Vue.prototype.$echarts = Echarts

 

<template>

<div>

<!-- 为ECharts准备一个具备大小（宽高) -->

<div id="ringDiagram" :style="{width: '217px',height:'254px'}"></div>

</div>

</template>

<script>

实现如图效果

 

 

 

 

 

export default {

name: 'cart',

data () {

return {

msg:'这是一个购物车页面',

dataList:[

{value:335, name:'应交人民币'},

{value:310, name:'应交支付宝'},

{value:234, name:'应交微信'},

{value:135, name:'应交信用卡'},

{value:1548, name:'应交其他'}

]

}

},

mounted () {

this.ringDrag();

},

methods:{

ringDrag(){