src/components/echart23.vue
@@ -131,7 +131,7 @@ title: { // show: false, text: '部门使用数据', // x: "4%", top: 15, textStyle: { color: '#fff', // fontSize: "22", @@ -186,12 +186,12 @@ axisLine: { //指向外圈文本的分隔线样式 lineStyle: { color: '#153269', color: '#FFF', }, }, splitLine: { lineStyle: { color: '#113865', // 分隔线颜色 color: '#FFF', // 分隔线颜色 width: 1, // 分隔线线宽 }, }, @@ -225,10 +225,12 @@ //@import url(); 引入公共css类 .systemMonitoring_box { padding: 20px; width: 100%; height: 100%; #echart23 { width: 100%; height: 100%; width: calc(100% - 40px); height: calc(100% - 40px); } } </style>