' + params[0].name + '

'; str += '' + params[0].seriesName + ' : ' + params[0].value + '
'; str += '' + params[1].seriesName + ' : ' + params[1].value + '
'; return str; } }, legend: { data: [{ name: '人数', }, { name: '比例', icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB60lEQVQ4jX1TTU8TQRh+3rqNAYIxMeHjBxjDCTyogfZAExLQxIM3DwQPBv5AiQfxjATlx+gFRKUkxB7UaC8eDAdOhJZoYiSFsrvvPGZmd5bWVt/D7O7sPB/vxwhJ9IpLn18FQjMExgD1OL7zMO51rosg92VrSqBlGJ0D4n4xCqGekrol1I1ocqHakyBXey+gWQe1DMSSAgEaCGPQfkMpNM9BfRYWHjtgzjMReAlw2ZIKs71sFS8IPgXwosOB1CoFgdkDVRJFq6wYCQL3bIRNt+cdgUrAFMPCYjV1wDJJ8ayj+ct4d2MKhxP3cHjzPt6OlTCa77twJBAQy4mzWiUQ8BdpBrzCzvVbmB681lHcyu86Zr9tg5lD0wTMVetgGMCAtKn/DbZRujKC4XxfVhNALGbIpWDrQPSeh65gWzkhrgsNQJrewVF0jt2Tn104m0IjOktalBy2mOMcx6ftqL1p158/qKFy8qMN3MCj/WrmkcmyfV5cioPEjqzB4IF9sX+OohZmvlddG23B6mkbPViSfDfgB4njpU+OxFmzHUq06lEL9bB1oepDsBYWFz9kBGmsgFx1+DRJ225nKptEN6OrIFYyrq7L9HXzNow+EepdUPvFTp6JTwW6Cep6NLnwscPMv6/z60Co/7/OAP4A1ywO34B4JloAAAAASUVORK5CYII=' }], type: "scroll", //icon: 'ret', height: '88%', right: '20', top: '10', itemGap: 25, itemWidth: 13, itemHeight: 13, textStyle: { fontSize: '13', color: '#666', }, }, xAxis: [{ data: getname, axisLabel: { margin: 10, color: '#333333', textStyle: { fontSize: 13 }, }, axisLine: { lineStyle: { color: '#333333', } }, axisTick: { show: false }, }], yAxis: [{ //name: '单位：万元', type: 'value', min: 0, max: max, // 计算最大值 interval: max / 5, // 平均分为5份 splitNumber: 5, nameTextStyle: { color: '#333333', fontSize: 13 }, axisLabel: { color: '#333333', textStyle: { fontSize: 13 }, }, axisLine: { lineStyle: { color: '#333333', } }, axisTick: { show: false }, splitLine: { lineStyle: { color: '#D1D1D1', } } }, { type: 'value', min: 0, max: 100, // 计算最大值 interval: 20, // 平均分为5份 splitNumber: 5, nameTextStyle: { color: '#333333', fontSize: 13 }, axisLabel: { color: '#333333', textStyle: { fontSize: 13 }, }, axisLine: { lineStyle: { color: '#333333', } }, axisTick: { show: false }, splitLine: { lineStyle: { color: '#D1D1D1', } } }], animation: false, series: [{ name: "人数", type: 'bar', data: getvalue, barWidth: '20px', itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#5FBEFF' }, { offset: 1, color: '#589AFC' }], false), barBorderRadius: [5, 5, 0, 0], } }, }, { name: "比例", type: 'line', data: getvalue1, symbol: 'circle', yAxisIndex: 1, symbolSize: 8, lineStyle: { normal: { width: 3, color: { type: 'linear', colorStops: [{ offset: 0, color: '#00D0BF' // 0% 处的颜色 }, { offset: 1, color: '#05C399' // 100% 处的颜色 }], globalCoord: false // 缺省为 false }, shadowColor: 'rgba(1,206,186,0.38)', shadowBlur: 6, shadowOffsetY: 8, } }, itemStyle: { normal: { color: '#FFF', borderColor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#00D0BF' // 0% 处的颜色 }, { offset: 1, color: '#05C399' // 100% 处的颜色 }], false), borderWidth: 3 }, }, smooth: true, }] };

柱状图+折线+自定义图例