image.png

    let myChart = echarts.init(document.getElementById(“echarts-five”));
    var data= [
    {name:”在扣”,value:40},
    {name:”返还”,value:20},
    {name:”移交”,value:30}
    ];
    let option = {
    color: [‘#378b02’,’#0cdef7’,’#6c50fd’],
    toolbox: {
    show : true,

    1. },<br />    legend: {<br />        _// type:"scroll",<br />        _orient: 'vertical',<br />        left:'50%',<br />        align:'left',<br />        top:'middle',<br />        icon: 'circle',<br />        width: "30%",<br />        itemGap: 10,<br />        itemHeight: 7,<br />        textStyle: {<br />            fontSize: 13,<br />            color: '#a9d2ff',<br />            rich: {<br />                name: {<br />                    color: '#a9d2ff',<br />                    align: 'left',<br />                    _// width: 60,<br />                    // padding:[0,10,0,0]<br />                _},<br />                value: {<br />                    color: '#a9d2ff',<br />                    align: 'right',<br />                },<br />                percent: {<br />                    color: '#f8c700',<br />                    align: 'right',<br />                }<br />            }<br />        },<br />        formatter(name) {<br />            let data = option.series[0].data;<br />            let value = '';<br />            for (let i = 0; i < data.length; i++) {<br />                if (data[i].name == name) {<br />                    value = data[i].value;<br />                    break;<br />                }<br />            }<br />            let arr = []<br />            for (let i = 0; i < data.length; i++) {<br />                arr.push(data[i].value);<br />            }<br />            sum = arr.reduce(function(prev,cur,index,array){<br />                return prev + cur<br />            })<br />            let percent = 0<br />            percent = (value / sum)*100<br />            return '{name|' + name + '} | {value|' + value + '}辆 ('+'{percent|'+percent.toFixed(0)+'%})';<br />        }<br />    },<br />    series : [<br />        {<br />            _// name:'业务警种',<br />            _type:'pie',<br />            radius : ['45%', '70%'],<br />            center: ['25%', '50%'],<br />            label: {<br />                show: false,<br />                position: 'center'<br />            },<br />            labelLine: {<br />                show: false<br />            },<br />            data:data<br />        }<br />    ]<br />};<br />myChart.setOption(option);<br />$(window).resize(myChart.resize);