"+params[0].name+"

" params.forEach((item,index)=>{ var dotHtml = `` result += "

"+dotHtml +item.seriesName+(item.seriesName?"":'')+item.data+"

"}) return result }, //轴触发提示才有效 axisPointer:{ type:'shadow', shadowStyle:{ color:'rgba(35,49,77,0.3)', }, }, textStyle:{ color:"#fff", } }, grid: { top:40, left: 5, right:5, bottom:16, containLabel:true//包括文本，居中 }, legend: { show:true, data:legend, selectedMode:false, type: 'scroll', icon:'circle', itemHeight:16, textStyle:{ color:"#C3E3F9", } }, xAxis: { data:chartObj.chartList, type: "category", axisLine: { show: true, lineStyle:{ color:"#2B72A1", } }, axisLabel: { color:"#87CCFF", }, splitLine: { show: false, }, axisTick: { show: false, }, interval: 0, }, yAxis: [ { type: "value", name:'单位', nameGap:20, nameTextStyle: { align: 'center', color: "#2869A9", }, splitNumber: 4, splitLine: { show: true, lineStyle: { color: "rgba(255,255,255,0.1)", }, }, axisLine: { show: false, }, axisLabel: { margin: 10, color: "#2869A9", }, axisTick: { show: true, lineStyle: { color: "#2869A9", }, }, }, ], series:series, // series: [ // { // name: "柱顶部", // type: "pictorialBar", // symbolSize: [barWidth, 10], // symbolOffset: [-barWidth/2,0], // z: 12, // itemStyle: { // normal: { // color:(params)=>{ // return colorList[0]; // }, // }, // }, // symbolPosition: "end", // data:chartObj.series[0].data, // }, // { // name: "柱底部", // type: "pictorialBar", // symbolSize: [barWidth, 10], // symbolOffset: [-barWidth/2,0], // z: 12, // itemStyle: { // normal: { // color:(params)=>{ // return colorList[0]; // }, // }, // }, // data:chartObj.series[0].data, // }, // { // type: "bar", // name:"当前资源", // itemStyle: { // normal: { // // borderRadius: [ 0, 0,13,13], // color:(params)=>{ // return new echarts.graphic.LinearGradient(0, 0, 0, 1, [ // { // offset: 1, // color: colorList[0], // }, // { // offset: 0, // color:'transparent', // } // ]); // }, // opacity: 0.8, // }, // }, // z: 16, // label: { // show: true, // position: "top", // fontSize: 16, // }, // silent: true, // barWidth: 26, // barGap: "0", // Make series be overlap // data: chartObj.series[0].data, // }, // { // name: "柱顶部", // type: "pictorialBar", // symbolSize: [barWidth, 10], // symbolOffset: [barWidth/2,0], // z: 12, // itemStyle: { // normal: { // color:(params)=>{ // return colorList[0]; // }, // }, // }, // symbolPosition: "end", // data: chartObj.series[1].data, // }, // { // name: "柱底部", // type: "pictorialBar", // symbolSize: [barWidth, 10], // symbolOffset: [barWidth/2,0], // z: 12, // itemStyle: { // normal: { // color:(params)=>{ // return colorList[0]; // }, // }, // }, // data:chartObj.series[1].data, // }, // { // type: "bar", // name:"其他资源", // itemStyle: { // normal: { // // borderRadius: [ 0, 0,13,13], // color:(params)=>{ // return new echarts.graphic.LinearGradient(0, 0, 0, 1, [ // { // offset: 1, // color: colorList[0], // }, // { // offset: 0, // color:'transparent', // } // ]); // }, // opacity: 0.8, // }, // }, // z: 16, // label: { // show: true, // position: "top", // fontSize: 16, // }, // silent: true, // barWidth: 26, // barGap: "0", // Make series be overlap // data: chartObj.series[1].data, // }, // ], };

Echarts在线免费图表