饼图---01

var data= [{name:”甬江”,value:40},{name:”奉化江”,value:30},{name:”余姚江”,value:30}];
let myChart = echarts.init(document.getElementById(“echarts-three”));
let fontSize = window.innerWidth > 1920 ? 14 : 12;
let option = {
color: [ ‘#3958d7’, ‘#f8c700’, ‘#4baddc’],
tooltip: {
trigger: ‘item’
},
legend: {
show:false
},
label: {
position: ‘outside’,
fontSize: 8,
formatter: function (data) {
return [
‘{title|’ + data.name +’(}’,
data.value+’件’,
‘{title|)\n}’,
‘{value|’ + data.percent.toFixed(0) + ‘%}’,
].join(‘’)
},
padding:[0,-80,0,-80],
rich: {
title: {
color: ‘#a5cdf8’,
align: “left”,
height: 20
},
value: {
align: “left”,
height: 20
},
color0: {
color: ‘#3958d7’,
},
color1: {
color: ‘#f8c700’,
},
color2: {
color: ‘#4baddc’,
},
},
},

series: [<br />        {<br />            type: 'pie',<br />            radius: ['40%', '70%'],<br />            data: data,<br />            labelLine:{<br />                length:5,_//第一段线长<br />                _length2:80 _//第二段线长<br />            _},<br />            label: {<br />                fontSize: fontSize<br />            },<br />            emphasis: {<br />                itemStyle: {<br />                    shadowBlur: 10,<br />                    shadowOffsetX: 0,<br />                    shadowColor: 'rgba(0, 0, 0, 0.5)'<br />                }<br />            }<br />        }<br />    ]<br />};<br />myChart.setOption(option);<br />$(window).resize(myChart.resize);