option ={ backgroundColor: 'RGB(2,22,76)', color: ['RGB(1,255,152)', 'RGB(244,191,70)','pink'], title: { text: '优秀学生人数分析', top: 21, left: '21', textStyle: { fontSize: 18, color: '#fff' } }, animation: false, "grid": { "top": "67", "left": "32", "bottom": "15", "right": "39", "containLabel": true }, "legend":{ "show":true, top: 15, right: 26, data:['优秀学生','三好学生'], textStyle:{ color: "RGB(193,223,255)" } }, "xAxis": [{ "type": "category", "data": ["一班", "二班","三班","四班","五班","六班"], "axisTick": { "alignWithLabel": true }, "nameTextStyle": { "color": "#fff" }, "axisLine": { "lineStyle": { "color": "RGB(47,68,114)" } }, "axisLabel": { "textStyle": { "color": "white" }, margin: 20 } }], "yAxis": [{ "type": "value", "axisLabel": { "textStyle": { "color": "white" }, "formatter": "{value}" }, "splitLine": { "lineStyle": { "type": "dashed", "color": "RGB(47,68,114)" } }, "axisLine": { "show": true, "lineStyle": { "color": "RGB(47,68,114)" } } }], "series": [{ name:'优秀学生', type: 'bar', //silent: true, "barWidth": "12", //barGap: '-100%', // Make series be overlap "data": [{ "value": 3 }, { "value": 6 },{ "value": 9 }, { "value": 6 },{ "value": 1 }, { "value": 6 }] }, { name:'三好学生', type: 'bar', //silent: true, "barWidth": "12", //barGap: '-100%', // Make series be overlap "data": [{ "value": 8 }, { "value": 4 },{ "value": 8 }, { "value": 4 },{ "value": 8 }, { "value": 4 }] } ] };