var img = 'data:image/png;base64,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' var colorList = [ ['rgba(1, 52, 155, 1)', 'rgba(56, 123, 252, 1)'], ['rgba(254, 239, 77, 1)', 'rgba(133, 119, 0, 1)'], ['rgba(168, 168, 168, 1)', 'rgba(255, 255, 255, 1)'], ['rgba(0, 247, 255, 1)', 'rgba(0, 138, 131, 1)'], ]; var trafficWay = [{ name: '游园', value: 20 }, { name: '社区公园', value: 10 }, { name: '综合公园', value: 30 }, { name: '专类公园', value: 40 }]; var nameArray = trafficWay.map(item => { return item.name }) let option = { backgroundColor: '#081736', graphic: { elements: [{ type: "image", z: 3, style: { image: img, width: 206, height: 206 }, left: '15%', top: 'center', }] }, tooltip: { show: false }, legend: { icon: `path://M881.387 297.813c38.08 65.387 57.28 136.747 57.28 214.187s-19.094 148.8-57.28 214.187c-38.187 65.28-89.92 117.12-155.2 155.2S589.44 938.667 512 938.667s-148.8-19.094-214.187-57.28c-65.28-38.08-117.013-89.814-155.306-155.307C104.427 660.8 85.333 589.44 85.333 512c0-77.333 19.094-148.693 57.28-214.187 38.08-65.28 89.814-117.013 155.307-155.306C363.2 104.533 434.56 85.333 512 85.333c77.333 0 148.693 19.094 214.187 57.28 65.28 38.187 117.013 89.92 155.2 155.2z m-217.707-47.36C617.387 223.467 566.827 209.92 512 209.92s-105.387 13.547-151.68 40.533-82.987 63.68-109.973 109.974c-26.987 46.293-40.534 96.853-40.534 151.68s13.547 105.386 40.534 151.68c26.986 46.293 63.68 82.986 109.973 109.973 46.293 26.987 96.853 40.533 151.68 40.533s105.387-13.546 151.68-40.533c46.293-26.987 82.987-63.68 109.973-109.973 26.987-46.294 40.534-96.854 40.534-151.68s-13.547-105.387-40.534-151.68c-27.093-46.294-63.786-82.987-109.973-109.974z`, orient: 'vertical', data: nameArray, left: '45%', top: 'center', align: 'left', itemGap: 15, textStyle: { color: "#fff", fontSize: 14, rich: { a0: { color: colorList[0][1], }, a1: { color: colorList[1][1], }, a2: { color: colorList[2][1], }, a3: { color: colorList[3][1], }, b: { color: '#fff', width:90 } } }, formatter: function (name) { if (trafficWay.length) { let title = '' var target var index for (var i = 0, l = trafficWay.length; i < l; i++) { if (trafficWay[i].name == name) { target = trafficWay[i].value title = trafficWay[i].label index = i < 6 ? i : 5 } } return `{b| ${name}}{a${index}| ${target}} 个` } } }, toolbox: { show: false }, series: [{ itemStyle: { normal: { color: function (params) { return new echarts.graphic.LinearGradient(0, 0, 1, 1, [ { offset: 0, color: colorList[params.dataIndex][0], }, { offset: 1, color: colorList[params.dataIndex][1], }, ]); }, }, }, roseType: 'radius', labelLine: { show: false, }, label: { show: false }, hoverAnimation: true, type: 'pie', radius: [30, 84], center: ['26%', '50%'], data: trafficWay, z: 10, },] }