' + data[0].name + '

']; data.forEach((item, index) => { let html = ''; html += '

'; html += '

' + item.marker + ' ' + item.seriesName + '：

'; html += '

' + item.data + '

'; html += '

'; tmp.push(html); if (index === 0) { let html1 = ''; html1 += '

'; html1 += '

' + item.marker + ' 占比：

'; html1 += '

' + acc1[item.dataIndex] + '%

'; html1 += '

'; tmp.push(html1); } else { let html1 = ''; html1 += '

'; html1 += '

' + item.marker + ' 占比：

'; html1 += '

' + acc2[item.dataIndex] + '%

'; html1 += '

'; tmp.push(html1); } }); return tmp.join(''); }, }, legend: { width: window.innerWidth < 1600 ? '100%' : '60%', icon: 'circle', top: 7, itemWidth: 12, itemHeight: 6, textStyle: { color: '#2CD3FD', fontSize: 12, }, align: 'left', }, xAxis: { data: x, axisTick: { show: false, }, axisLine: { lineStyle: { color: 'rgba(255, 129, 109,.1)', width: 1, //这里是为了突出显示加上的 }, }, axisLabel: { interval: 0, rotate: 0, color: '#96cbfa', fontSize: 12, formatter(params) { return formatter(params, wordNum); }, }, }, yAxis: [ { name: '单位：人', nameTextStyle: { align: 'left', color: '#3E719D', fontSize: 11, lineHeight: 11, verticalAlign: 'middle', padding: [0, 0, 10, 0], }, axisTick: { show: false, }, axisLine: { lineStyle: { color: 'rgba(255, 129, 109, 0.1)', width: 1, //这里是为了突出显示加上的 }, }, axisLabel: { color: '#4176A3', }, splitArea: { areaStyle: { color: 'rgba(255,255,255,.5)', }, }, splitLine: { show: true, lineStyle: { color: 'rgba(255, 129, 109, 0.1)', width: 0.5, type: 'dashed', }, }, }, ], series: [ { name: payload.title[0], type: 'pictorialBar', barGap: '-20%', symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z', label: { show: true, position: 'top', distance: 15, color: '#08DFFE', fontWeight: 'bolder', fontSize: 15, }, itemStyle: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [ { offset: 0, color: '#ff0000', }, { offset: 1, color: '#ff0000', }, ], global: false, // 缺省为 false }, }, emphasis: { itemStyle: { opacity: 1, }, }, data: data1, }, { name: payload.title[1], type: 'pictorialBar', barGap: '-20%', symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z', label: { show: true, position: 'top', distance: 15, color: '#08DFFE', fontWeight: 'bolder', fontSize: 15, }, itemStyle: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [ { offset: 0, color: '#9A11FF', }, { offset: 1, color: '#9A11FF', }, ], global: false, // 缺省为 false }, }, emphasis: { itemStyle: { opacity: 1, }, }, data: data2, }, ], };

Echarts在线免费图表