" + "

" + param[0].name + "

" + "

"; for (var i = 0; i < param.length; i++) { resultTooltip += "" + " " + param[i].seriesName + ": " + "" + param[i].value + "" + attr[i].unit + "
" } resultTooltip += "

"; return resultTooltip } }, grid: { left: '10%', top: '8%', right: '5%', bottom: '19%', }, legend: { show: true, icon: 'circle', orient: 'horizontal', top: '0.5%', right: '8%', itemWidth: 18.5, itemHeight: 6, itemGap: 30, textStyle: { // color: '#FFFFFF' color: '#C9C8CD' } }, xAxis: [{ type: 'category', data: xData, axisLabel: { show: true, fontSize: 9, textStyle: { color: "#beceff" //X轴文字颜色 }, formatter: function(value) { var str = ""; str += value.substring(0, 4) + "\n"; str += value.substring(5, 10); return str; } }, axisLine: { show: false //不显示x轴 }, axisTick: { show: false //不显示刻度 }, // boundaryGap: false, splitLine: { show: true, width: 0.08, lineStyle: { type: "solid", color: "#03202E" } }, axisPointer: { //轴指示器 type: 'shadow', z: 1, shadowStyle: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: 'rgba(18,155,249,0)' // 0% 处的颜色 }, { offset: 1, color: 'rgba(18,155,249,1)' // 100% 处的颜色 }], global: false // 缺省为 false }, shadowColor: 'rgba(0, 0, 0, 0.2)', shadowBlur: 5 } }, }], yAxis: [{ type: 'value', // scale: true, //坐标轴起点不限制0 axisLabel: { show: true, textStyle: { fontSize: 9, color: "#beceff" //X轴文字颜色 } }, splitLine: { show: false, }, axisTick: { show: false, //不显示刻度 }, axisLine: { show: false, }, nameTextStyle: { color: "#FFFFFF" }, splitArea: { show: false } }], series: [ { name: '智能摄像头', type: 'bar', barWidth: '10%', itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#A35AE0' }, { offset: 1, color: '#6830E7' }]), barBorderRadius: 11, } }, data: lines[0] }, { name: '智能饲喂器', type: 'bar', barWidth: '10%', itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#66FF66' }, { offset: 1, color: '#00CA98' }]), barBorderRadius: 11, } }, data: lines[1] }, { name: '智能环空设备', type: 'bar', barWidth: '10%', itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#0CEBEA' }, { offset: 1, color: '#368BFF' }]), barBorderRadius: 12, }, }, data: lines[2] } ] };

三色柱图