'; msg += '

编制：

'; msg += '

' + payload.data.data2[list[i].dataIndex] + '

'; msg += '

在编：

'; msg += '

' + payload.data.data3[list[i].dataIndex] + '

'; msg += '

借用：

'; msg += '

' + payload.data.data4[list[i].dataIndex] + '

'; msg += '

挂岗：

'; msg += '

' + payload.data.data5[list[i].dataIndex] + '

'; msg += '

'; } return msg; }, }, grid: { left: '3%', right: '4%', top: 25, bottom: '0', containLabel: true, }, xAxis: { type: 'category', axisLine: { lineStyle: { color: '#4176A3', width: 1, }, }, axisLabel: { color: '#96CBFA', fontSize: 12, formatter(params) { return formatter(params, wordNum); }, // rotate: 45 }, data: payload.data.x, }, yAxis: [ { max, name: '单位：' + payload.unit, // name: '', nameTextStyle: { align: 'left', fontSize: 11, color: '#4176a3', }, axisLine: { lineStyle: { color: '#4176A3', width: 2, }, }, splitLine: { //分割线配置 lineStyle: { color: '#4176A356', }, }, }, { type: 'value', nameTextStyle: { color: '#4176A3', fontSize: 11, }, position: 'right', splitLine: { show: false, }, axisTick: { show: false, }, axisLine: { show: false, lineStyle: { color: '#396A87', width: 2, }, }, axisLabel: { show: true, formatter: '{value} ' + payload.unit, //右侧Y轴文字显示 color: '#396A87', fontSize: 14, }, }, ], series: [ { name: '超员比例', type: 'bar', barMaxWidth: 8, showBackground: true, backgroundStyle: { // color: "rgba(154, 73, 73, 0.3)", borderWidth: 14, }, data: payload.data.data, itemStyle: { borderRadius: [4, 4, 0, 0], color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 1, color: payload.data.color[1], // 0% 处的颜色 }, { offset: 0, color: payload.data.color[0], // 100% 处的颜色 }, ], false ), }, label: { show: true, position: 'top', distance: 10, formatter: (payload.id === 'org-box-2' ? '{c}\n' : '{c}') + payload.unit, color: '#fff', }, }, ], };

Echarts在线免费图表