const DOMURL = window.URL || window.webkitURL || window; // 党员 const createSvgDY = ``; const svgDY = new Blob([createSvgDY], { type: 'image/svg+xml;charset=utf-8' }); const resultDY = DOMURL.createObjectURL(svgDY); // 总数 const createSvgZS = ``; const svgZS = new Blob([createSvgZS], { type: 'image/svg+xml;charset=utf-8' }); const resultZS = DOMURL.createObjectURL(svgZS); const dataSet = [ ['Mon', 'Tue', 'Wed'], [286, 80, 50], [98, 60, 50], ]; option = { backgroundColor: '#031d33', animation: true, grid: { top: '5%', bottom: '15%', right: '5%', }, tooltip: { trigger: 'axis', axisPointer: { textStyle: { color: '#fff', }, }, }, xAxis: { data: dataSet[0], axisLine: { show: false, //隐藏X轴轴线 }, axisTick: { show: false, //隐藏X轴轴线 }, splitLine: { show: true, lineStyle: { color: 'rgba(77, 128, 254, 0.2)', width: 2, }, }, axisLabel: { show: true, margin: 14, fontSize: 16, textStyle: { color: '#65D5FF', //X轴文字颜色 }, }, }, yAxis: [ { type: 'value', gridIndex: 0, // splitNumber: 4, splitLine: { show: true, lineStyle: { color: 'rgba(77, 128, 254, 0.2)', width: 2, }, }, axisTick: { show: false, }, axisLine: { show: true, lineStyle: { color: 'rgba(77, 128, 254, 0.2)', }, }, axisLabel: { show: true, margin: 14, fontSize: 16, textStyle: { color: '#65D5FF', }, }, }, ], series: [ { data: dataSet[1], type: 'pictorialBar', symbol: 'image://' + resultDY, symbolOffset: [-15, 0], barWidth: '10%', }, { data: dataSet[2], type: 'pictorialBar', symbol: 'image://' + resultZS, symbolOffset: [15, 0], barWidth: '10%', }, ], };

柱状图使用svg