' + params[0].name + '

'; for (var i = 0; i < getxlmcnum; i++) { if (params[i]) { if (params[i].value > 0) { str += '' + params[i].seriesName + '本科生人数 ' + params[i].value + '人
'; } } } return str; } }, legend: { type: "scroll", right: '10', top: '0', data: getxlmc, itemGap: 25, itemWidth: 16, itemHeight: 16, textStyle: { fontSize: '13', color: '#666666', }, }, xAxis: [{ data: getname, axisLabel: { interval: 0, formatter: function(value) { var ret = ""; //拼接加\n返回的类目项 var maxLength = 8; //每项显示文字个数 var valLength = value.length; //X轴类目项的文字个数 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 if (rowN > 1) //如果类目项的文字大于5, { for (var i = 0; i < rowN; i++) { var temp = ""; //每次截取的字符串 var start = i * maxLength; //开始截取的位置 var end = start + maxLength; //结束截取的位置 //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧 temp = value.substring(start, end) + "\n"; ret += temp; //凭借最终的字符串 } return ret; } else { return value; } }, margin: 10, color: '#666666', textStyle: { fontSize: 13, fontWeight:400 }, }, axisLine: { lineStyle: { color: '#B0C5DB', } }, axisTick: { show: false }, }], yAxis: [{ min: 0, max: max, // 计算最大值 interval: max / 5, // 平均分为5份 splitNumber: 5, name: '单位：人', nameTextStyle: { color: '#999999', fontSize: 13, padding: [0, 0, 0, 65] }, axisLabel: { color: '#666666', textStyle: { fontSize: 13 }, }, axisLine: { show: false }, axisTick: { show: false }, splitLine: { lineStyle: { color: '#CCDBEB', type: 'dashed', opacity: 0.5 } } }], series: series }; var series = option["series"]; var fun = function(params) { var datavalue = 0; for (var i = 0; i < series.length; i++) { datavalue += series[i].data[params.dataIndex] } return datavalue; } if (series[series.length - 1]) { series[series.length - 1]["itemStyle"]["normal"]["label"]["show"] = true; series[series.length - 1]["itemStyle"]["normal"]["label"]["formatter"] = fun; series[series.length - 1]["itemStyle"]["normal"]["barBorderRadius"] = [3, 3, 0, 0]; } myChart.on("legendselectchanged", function(object) { var b = object.selected, //图例的选中情况，key是图例的name，value是true或false d = []; //选中的series的index列表 for (var key in b) { if (b[key]) { //选中的图例 for (var i = 0; i < series.length; i++) { var changename = series[i]["name"]; if (changename == key) { d.push(i); //选中的series的index列表 } } } } var fn = function(params) { var datavalue = 0; for (var i = 0; i < d.length; i++) { for (var j = 0; j < series.length; j++) { if (d[i] == j) { datavalue += series[j].data[params.dataIndex]; } } } return datavalue; } for (var j = 0; j < series.length; j++) { series[j]["itemStyle"]["normal"]["label"]["show"] = false; series[j]["itemStyle"]["normal"]["barBorderRadius"] = [0, 0, 0, 0]; } var l_s = series[d[d.length - 1]]; //选中的series的最后一个 if (l_s != null && l_s != "" && l_s != undefined) { l_s["itemStyle"]["normal"]["label"]["show"] = true; //显示label l_s["itemStyle"]["normal"]["label"]["formatter"] = fn; //绑定formatter l_s["itemStyle"]["normal"]["barBorderRadius"] = [3, 3, 0, 0]; } myChart.setOption(option) })

堆砌图总数和样式随图例选择变化