20230111_sun2号

ruoyi-ui/src/components/xxtjEcharts/EchartsBox3/index.vue

@@ -13,6 +13,10 @@
       <el-radio @change="changRadio(item)" v-model="radio" :label="item.prop" v-for="item in radioLabel"
         :key="item.prop">{{ item.label }}</el-radio>
     </div>
+    <div class="echarts-radio" v-if="title=='养老床位统计'">
+      <el-radio label="a" key="a" v-model="gb">公办</el-radio>  
+      <el-radio label="b" key="b">民办</el-radio> 
+    </div>
     <div :id="echartsId" style="width: 1400px; height: 500px" ref="charts"></div>
   </div>
 </template>
@@ -108,6 +112,7 @@ export default {
       // radioLabel: [],
       x: [],
       y: [],
+      gb: "a",
       // 消防设施表2
       deepNewTableList: [],
       deepNewKeys: [],
@@ -247,7 +252,48 @@ export default {
       }
 
       var myChart = this.$echarts.init(document.getElementById(id))
-      var option = {
+      var option;
+      if (this.title === '养老床位统计') {
+        option = {
+        // color: ['#288DEF'],
+        title: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        legend: {},
+        xAxis: {
+          type: 'category',
+          show: true,
+          data: xAxis,
+          axisLabel: {
+            interval: 0,
+            textStyle: {
+              color: '#000',
+              fontSize: '10',
+              itemSize: '',
+              rotate: -30
+            }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          scale: true,
+          // inverse: true,
+          show: true,
+          name: '单位：' + unit,
+          nameTextStyle: {
+            color: '#000',
+            nameLocation: 'start'
+          },
+          data: xAxis
+        },
+        series: seriesdata
+      }
+      } else {
+        option = {
         // color: ['#288DEF'],
         title: {},
         tooltip: {
@@ -285,6 +331,8 @@ export default {
         },
         series: seriesdata
       }
+      }
+      
       if (this.ruzhulv === 'yes') {
         option.yAxis.name = ''
       }
@@ -495,6 +543,13 @@ export default {
         }
       }
 
+      if (this.title == '养老床位统计') {
+        option.series[0].label.formatter = '{c}%',
+        option.series[0].data[0].value = '23',
+        option.series[0].data[1].value = '100',
+        option.series[0].data[2].value = '9'
+      }
+
       myChart.setOption(option)
     },
     resetRadio(val) {