diff --git a/.env.development b/.env.development
index 0a6098f..71611db 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
 NODE_ENV=development
-VUE_APP_API_BASE_URL=http://rcproject.natapp1.cc/jeecg-boot
+VUE_APP_API_BASE_URL=http://192.168.31.195:8081/jeecg-boot
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
\ No newline at end of file
diff --git a/src/assets/img/analysisBG.jpg b/src/assets/img/analysisBG.jpg
new file mode 100644
index 0000000..df028e8
Binary files /dev/null and b/src/assets/img/analysisBG.jpg differ
diff --git a/src/assets/img/echarts4bg.png b/src/assets/img/echarts4bg.png
new file mode 100644
index 0000000..b4e1b8b
Binary files /dev/null and b/src/assets/img/echarts4bg.png differ
diff --git a/src/assets/img/echarts8bg.png b/src/assets/img/echarts8bg.png
new file mode 100644
index 0000000..6391edb
Binary files /dev/null and b/src/assets/img/echarts8bg.png differ
diff --git a/src/assets/img/数据9.png b/src/assets/img/数据9.png
new file mode 100644
index 0000000..450eeef
Binary files /dev/null and b/src/assets/img/数据9.png differ
diff --git a/src/assets/less/Suless.less b/src/assets/less/Suless.less
index 3bccb87..f53bd64 100644
--- a/src/assets/less/Suless.less
+++ b/src/assets/less/Suless.less
@@ -36,9 +36,12 @@ body{
 .datanum{
   font-family: 'MyCustomFont2', sans-serif;
 }
+.analysisBG .num{
+  font-family: 'MyCustomFont1', sans-serif;
+}
 .echartsTitle{
   height: 36px;
-  background: linear-gradient(90deg, rgb(9,62,81),rgb(8,43,62));
+  background: linear-gradient(90deg, rgb(9,62,81),rgb(9,62,81),rgb(8,43,62));
   color: #ffffff;
   font-size: 16px;
   line-height: 34px;
diff --git a/src/components/menu/index.js b/src/components/menu/index.js
index 7881d58..7b617b5 100644
--- a/src/components/menu/index.js
+++ b/src/components/menu/index.js
@@ -61,8 +61,8 @@ export default {
     // select menu item
     onOpenChange (openKeys) {
       console.log('openKeys',openKeys)
-      if(openKeys.length == 1) this.latestOpenKey = openKeys
-      if(openKeys.length == 2) this.latestOpenKey = [openKeys[1]]
+      if(openKeys.length == 1 || this.selectedKeys[0] == '/dashboard/analysis') this.latestOpenKey = openKeys
+      else if(openKeys.length == 2) this.latestOpenKey = [openKeys[1]]
       // openKeys = this.latestOpenKey
       console.log('latestOpenKey',this.latestOpenKey)
       console.log('selectedKeys',this.selectedKeys)
diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue
index 1ae478d..11b528e 100644
--- a/src/components/page/GlobalLayout.vue
+++ b/src/components/page/GlobalLayout.vue
@@ -90,7 +90,7 @@ export default {
   created() {
     //--update-begin----author:scott---date:20190320------for:根据后台菜单配置，判断是否路由菜单字段，动态选择是否生成路由（为了支持参数URL菜单）------
     //this.menus = this.mainRouters.find((item) => item.path === '/').children;
-    var cc = this.permissionMenuList.shift()
+    // var cc = this.permissionMenuList.shift()
     this.menus = this.permissionMenuList
     console.log('顶部菜单',this.permissionMenuList)
     // 根据后台配置菜单，重新排序加载路由信息
diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 01204d7..6728515 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,51 +1,2376 @@
 <template>
   <div>
-    <div class="huanying"> 您好，欢迎使用末端数据接入处理系统</div>
-    <!-- <index-chart v-if="indexStyle==1"></index-chart>
-    <index-bdc v-if="indexStyle==2"></index-bdc>
-    <index-task v-if="indexStyle==3"></index-task>
-    <div style="width: 100%;text-align: right;margin-top: 20px">
-      请选择首页样式：
-      <a-radio-group v-model="indexStyle">
-        <a-radio :value="1">统计图表</a-radio>
-        <a-radio :value="2">统计图表2</a-radio>
-        <a-radio :value="3">任务表格</a-radio>
-      </a-radio-group>
-    </div> -->
+    <a-row :gutter="20" class="analysisBG">
+      <a-col :span="6">
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            任务 -- 时间 -- 采集数据量
+          </div>
+          <div class="echarts" ref="echartsL1"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据质量对比分析
+          </div>
+          <div class="echarts" ref="echartsL2"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据能力支撑
+          </div>
+          <div class="echarts" ref="echartsL3"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :span="12">
+        <div class="linese"></div>
+        <div class="echartsCT">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据统计
+          </div>
+          <div class="echrtsC1">
+            <div class="num num1">162</div>
+            <div class="name1">平台</div>
+            <div class="num num2">474</div>
+            <div class="name2">总和</div>
+            <div class="num num3">15</div>
+            <div class="name3">编队</div>
+            <div class="num num4">36</div>
+            <div class="name4">反潜</div>
+            <div class="num num5">59</div>
+            <div class="name5">航空兵</div>
+            <div class="num num6">56</div>
+            <div class="name6">作战</div>
+            <div class="num num7">18</div>
+            <div class="name7">舰炮</div>
+            <div class="num num8">128</div>
+            <div class="name8">陆战队</div>
+          </div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            UDP报文接引数据量
+          </div>
+          <div class="echarts" ref="echartsC2"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :span="6">
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据应用排行
+          </div>
+          <div class="echarts" ref="echartsR1"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据联系
+          </div>
+          <div class="echarts" ref="echartsR2"></div>
+        </div>
+        <div class="linese"></div>
+        <div class="linese"></div>
+        <div class="echartsL">
+          <div class="echartsTitle">
+            <div class="ecicon"></div>
+            数据编目
+          </div>
+          <div class=icons9><img src="~@/assets/img/数据9.png" /></div>
+          <div class="echarts echartsR3" ref="echartsR3"></div>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
   </div>
 </template>
 
 <script>
-  import IndexChart from './IndexChart'
-  import IndexTask from "./IndexTask"
-  import IndexBdc from './IndexBdc'
-
-  export default {
-    name: "Analysis",
-    components: {
-      IndexChart,
-      IndexTask,
-      IndexBdc
-    },
-    data() {
-      return {
-        indexStyle:2
-      }
-    },
-    created() {
-
-    },
-    methods: {
-
+export default {
+  name: 'Analysis',
+  components: {},
+  data() {
+    return {
+      xAxis: {
+        type: 'category',
+        axisLabel: { color: '#fff' },
+        axisLine: { lineStyle: { color: 'rgb(117,156,186)' } },
+        axisTick: { show: false },
+      },
+      yAxis: {
+        axisLabel: { color: '#fff' },
+        axisLine: { show: false },
+        splitLine: { lineStyle: { type: 'dashed', color: 'rgba(117,156,186,0.5)' } },
+      },
+      backgroundColor: 'rgba(20,50,75,0.6)',
     }
-  }
+  },
+  mounted() {
+    this.initEcharts1()
+    this.initEcharts2()
+    this.initEcharts3()
+    this.initEcharts4()
+    this.initEcharts5()
+    this.initEcharts6()
+    this.initEcharts7()
+  },
+  created() {},
+  methods: {
+    initEcharts1() {
+      var myChart = this.$echarts.init(this.$refs.echartsL1)
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [
+          { type: 'line', symbol: 'none', data: [18, 20, 20, 22, 23, 23, 24] },
+          { type: 'line', symbol: 'none', data: [15, 17, 17, 17, 19, 20, 21] },
+          { type: 'line', symbol: 'none', data: [13, 15, 17, 18, 19, 21, 22] },
+          { type: 'line', symbol: 'none', data: [12, 13, 14, 15, 16, 18, 20] },
+          { type: 'line', symbol: 'none', data: [10, 14, 18, 21, 23, 24, 24] },
+          { type: 'line', symbol: 'none', data: [8, 12, 16, 19, 22, 23, 23] },
+          { type: 'line', symbol: 'none', data: [10, 10, 10, 12, 14, 15, 16] },
+        ],
+        color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts2() {
+      var myChart = this.$echarts.init(this.$refs.echartsL2)
+      var option = {
+        // legend: {},
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [
+          { type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] },
+          { type: 'bar', name: '清洗后数据', barWidth: 10, data: [59, 40, 40, 78, 78, 59, 78] },
+        ],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts3() {
+      var myChart = this.$echarts.init(this.$refs.echartsL3)
+      var option = {
+        // legend: {},
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        radar: {
+          shape: 'circle',
+          center: ['50%', '55%'],
+          axisName: { color: '#fff' },
+          splitLine: { lineStyle: { color: 'rgba(86, 144, 148, 1)' } },
+          splitArea: { show: false },
+          indicator: [
+            { name: '远洋补给', max: 80 },
+            { name: '两栖登陆', max: 80 },
+            { name: '对海打击', max: 80 },
+            { name: '舰载机起降', max: 80 },
+            { name: '反潜', max: 80 },
+            { name: '远海巡航', max: 80 },
+            { name: '编队协同', max: 80 },
+          ],
+        },
+        series: [{ type: 'radar', data: [{ value: [60, 24, 60, 46, 60, 68, 72] }] }],
+        color: ['#ee6666'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts4() {
+      var myChart = this.$echarts.init(this.$refs.echartsC2)
+      var option = {
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['一月', '二月', '三月', '四月', '五月', '六月'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [{ type: 'bar', name: '原始数据', barWidth: 30, data: [82, 58, 82, 58, 82, 58] }],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts5() {
+      var myChart = this.$echarts.init(this.$refs.echartsR1)
+      var option = {
+        backgroundColor: this.backgroundColor,
+        tooltip: {},
+        grid: {
+          left: '40px',
+          right: '20px',
+          top: '20px',
+          bottom: '20px',
+        },
+        xAxis: { data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战', '反潜'], ...this.xAxis },
+        yAxis: this.yAxis,
+        series: [{ type: 'bar', name: '原始数据', barWidth: 10, data: [68, 46, 46, 90, 90, 68, 90] }],
+        color: ['#91cc75', '#73c0de'],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts6() {
+      var myChart = this.$echarts.init(this.$refs.echartsR2)
+      var graph = {
+        nodes: [
+          {
+            id: '0',
+            name: 'Myriel',
+            symbolSize: 19.12381,
+            x: -266.82776,
+            y: 299.6904,
+            value: 28.685715,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '1',
+            name: 'Napoleon',
+            symbolSize: 2.6666666666666665,
+            x: -418.08344,
+            y: 446.8853,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '2',
+            name: 'MlleBaptistine',
+            symbolSize: 6.323809333333333,
+            x: -212.76357,
+            y: 245.29176,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '3',
+            name: 'MmeMagloire',
+            symbolSize: 6.323809333333333,
+            x: -242.82404,
+            y: 235.26283,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '4',
+            name: 'CountessDeLo',
+            symbolSize: 2.6666666666666665,
+            x: -379.30386,
+            y: 429.06424,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '5',
+            name: 'Geborand',
+            symbolSize: 2.6666666666666665,
+            x: -417.26337,
+            y: 406.03506,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '6',
+            name: 'Champtercier',
+            symbolSize: 2.6666666666666665,
+            x: -332.6012,
+            y: 485.16974,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '7',
+            name: 'Cravatte',
+            symbolSize: 2.6666666666666665,
+            x: -382.69568,
+            y: 475.09113,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '8',
+            name: 'Count',
+            symbolSize: 2.6666666666666665,
+            x: -320.384,
+            y: 387.17325,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '9',
+            name: 'OldMan',
+            symbolSize: 2.6666666666666665,
+            x: -344.39832,
+            y: 451.16772,
+            value: 4,
+            category: 0,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '10',
+            name: 'Labarre',
+            symbolSize: 2.6666666666666665,
+            x: -89.34107,
+            y: 234.56128,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '11',
+            name: 'Valjean',
+            symbolSize: 66.66666666666667,
+            x: -87.93029,
+            y: -6.8120565,
+            value: 100,
+            category: 1,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '12',
+            name: 'Marguerite',
+            symbolSize: 4.495239333333333,
+            x: -339.77908,
+            y: -184.69139,
+            value: 6.742859,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '13',
+            name: 'MmeDeR',
+            symbolSize: 2.6666666666666665,
+            x: -194.31313,
+            y: 178.55301,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '14',
+            name: 'Isabeau',
+            symbolSize: 2.6666666666666665,
+            x: -158.05168,
+            y: 201.99768,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '15',
+            name: 'Gervais',
+            symbolSize: 2.6666666666666665,
+            x: -127.701546,
+            y: 242.55057,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '16',
+            name: 'Tholomyes',
+            symbolSize: 17.295237333333333,
+            x: -385.2226,
+            y: -393.5572,
+            value: 25.942856,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '17',
+            name: 'Listolier',
+            symbolSize: 13.638097333333334,
+            x: -516.55884,
+            y: -393.98975,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '18',
+            name: 'Fameuil',
+            symbolSize: 13.638097333333334,
+            x: -464.79382,
+            y: -493.57944,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '19',
+            name: 'Blacheville',
+            symbolSize: 13.638097333333334,
+            x: -515.1624,
+            y: -456.9891,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '20',
+            name: 'Favourite',
+            symbolSize: 13.638097333333334,
+            x: -408.12122,
+            y: -464.5048,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '21',
+            name: 'Dahlia',
+            symbolSize: 13.638097333333334,
+            x: -456.44113,
+            y: -425.13303,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '22',
+            name: 'Zephine',
+            symbolSize: 13.638097333333334,
+            x: -459.1107,
+            y: -362.5133,
+            value: 20.457146,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '23',
+            name: 'Fantine',
+            symbolSize: 28.266666666666666,
+            x: -313.42786,
+            y: -289.44803,
+            value: 42.4,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '24',
+            name: 'MmeThenardier',
+            symbolSize: 20.95238266666667,
+            x: 4.6313396,
+            y: -273.8517,
+            value: 31.428574,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '25',
+            name: 'Thenardier',
+            symbolSize: 30.095235333333335,
+            x: 82.80825,
+            y: -203.1144,
+            value: 45.142853,
+            category: 7,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '26',
+            name: 'Cosette',
+            symbolSize: 20.95238266666667,
+            x: 78.64646,
+            y: -31.512747,
+            value: 31.428574,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '27',
+            name: 'Javert',
+            symbolSize: 31.923806666666668,
+            x: -81.46074,
+            y: -204.20204,
+            value: 47.88571,
+            category: 7,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '28',
+            name: 'Fauchelevent',
+            symbolSize: 8.152382000000001,
+            x: -225.73984,
+            y: 82.41631,
+            value: 12.228573,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '29',
+            name: 'Bamatabois',
+            symbolSize: 15.466666666666667,
+            x: -385.6842,
+            y: -20.206686,
+            value: 23.2,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '30',
+            name: 'Perpetue',
+            symbolSize: 4.495239333333333,
+            x: -403.92447,
+            y: -197.69823,
+            value: 6.742859,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '31',
+            name: 'Simplice',
+            symbolSize: 8.152382000000001,
+            x: -281.4253,
+            y: -158.45137,
+            value: 12.228573,
+            category: 2,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '32',
+            name: 'Scaufflaire',
+            symbolSize: 2.6666666666666665,
+            x: -122.41348,
+            y: 210.37503,
+            value: 4,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '33',
+            name: 'Woman1',
+            symbolSize: 4.495239333333333,
+            x: -234.6001,
+            y: -113.15067,
+            value: 6.742859,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '34',
+            name: 'Judge',
+            symbolSize: 11.809524666666666,
+            x: -387.84915,
+            y: 58.7059,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '35',
+            name: 'Champmathieu',
+            symbolSize: 11.809524666666666,
+            x: -338.2307,
+            y: 87.48405,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '36',
+            name: 'Brevet',
+            symbolSize: 11.809524666666666,
+            x: -453.26874,
+            y: 58.94648,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '37',
+            name: 'Chenildieu',
+            symbolSize: 11.809524666666666,
+            x: -386.44904,
+            y: 140.05937,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '38',
+            name: 'Cochepaille',
+            symbolSize: 11.809524666666666,
+            x: -446.7876,
+            y: 123.38005,
+            value: 17.714287,
+            category: 3,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '39',
+            name: 'Pontmercy',
+            symbolSize: 6.323809333333333,
+            x: 336.49738,
+            y: -269.55914,
+            value: 9.485714,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '40',
+            name: 'Boulatruelle',
+            symbolSize: 2.6666666666666665,
+            x: 29.187843,
+            y: -460.13132,
+            value: 4,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '41',
+            name: 'Eponine',
+            symbolSize: 20.95238266666667,
+            x: 238.36697,
+            y: -210.00926,
+            value: 31.428574,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '42',
+            name: 'Anzelma',
+            symbolSize: 6.323809333333333,
+            x: 189.69513,
+            y: -346.50662,
+            value: 9.485714,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '43',
+            name: 'Woman2',
+            symbolSize: 6.323809333333333,
+            x: -187.00418,
+            y: -145.02663,
+            value: 9.485714,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '44',
+            name: 'MotherInnocent',
+            symbolSize: 4.495239333333333,
+            x: -252.99521,
+            y: 129.87549,
+            value: 6.742859,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '45',
+            name: 'Gribier',
+            symbolSize: 2.6666666666666665,
+            x: -296.07935,
+            y: 163.11964,
+            value: 4,
+            category: 4,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '46',
+            name: 'Jondrette',
+            symbolSize: 2.6666666666666665,
+            x: 550.3201,
+            y: 522.4031,
+            value: 4,
+            category: 5,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '47',
+            name: 'MmeBurgon',
+            symbolSize: 4.495239333333333,
+            x: 488.13535,
+            y: 356.8573,
+            value: 6.742859,
+            category: 5,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '48',
+            name: 'Gavroche',
+            symbolSize: 41.06667066666667,
+            x: 387.89572,
+            y: 110.462326,
+            value: 61.600006,
+            category: 8,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '49',
+            name: 'Gillenormand',
+            symbolSize: 13.638097333333334,
+            x: 126.4831,
+            y: 68.10622,
+            value: 20.457146,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '50',
+            name: 'Magnon',
+            symbolSize: 4.495239333333333,
+            x: 127.07365,
+            y: -113.05923,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '51',
+            name: 'MlleGillenormand',
+            symbolSize: 13.638097333333334,
+            x: 162.63559,
+            y: 117.6565,
+            value: 20.457146,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '52',
+            name: 'MmePontmercy',
+            symbolSize: 4.495239333333333,
+            x: 353.66415,
+            y: -205.89165,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '53',
+            name: 'MlleVaubois',
+            symbolSize: 2.6666666666666665,
+            x: 165.43939,
+            y: 339.7736,
+            value: 4,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '54',
+            name: 'LtGillenormand',
+            symbolSize: 8.152382000000001,
+            x: 137.69348,
+            y: 196.1069,
+            value: 12.228573,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '55',
+            name: 'Marius',
+            symbolSize: 35.58095333333333,
+            x: 206.44687,
+            y: -13.805411,
+            value: 53.37143,
+            category: 6,
+            label: {
+              show: true,
+            },
+          },
+          {
+            id: '56',
+            name: 'BaronessT',
+            symbolSize: 4.495239333333333,
+            x: 194.82993,
+            y: 224.78036,
+            value: 6.742859,
+            category: 6,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '57',
+            name: 'Mabeuf',
+            symbolSize: 20.95238266666667,
+            x: 597.6618,
+            y: 135.18481,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '58',
+            name: 'Enjolras',
+            symbolSize: 28.266666666666666,
+            x: 355.78366,
+            y: -74.882454,
+            value: 42.4,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '59',
+            name: 'Combeferre',
+            symbolSize: 20.95238266666667,
+            x: 515.2961,
+            y: -46.167564,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '60',
+            name: 'Prouvaire',
+            symbolSize: 17.295237333333333,
+            x: 614.29285,
+            y: -69.3104,
+            value: 25.942856,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '61',
+            name: 'Feuilly',
+            symbolSize: 20.95238266666667,
+            x: 550.1917,
+            y: -128.17537,
+            value: 31.428574,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '62',
+            name: 'Courfeyrac',
+            symbolSize: 24.609526666666667,
+            x: 436.17184,
+            y: -12.7286825,
+            value: 36.91429,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '63',
+            name: 'Bahorel',
+            symbolSize: 22.780953333333333,
+            x: 602.55225,
+            y: 16.421427,
+            value: 34.17143,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '64',
+            name: 'Bossuet',
+            symbolSize: 24.609526666666667,
+            x: 455.81955,
+            y: -115.45826,
+            value: 36.91429,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '65',
+            name: 'Joly',
+            symbolSize: 22.780953333333333,
+            x: 516.40784,
+            y: 47.242233,
+            value: 34.17143,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '66',
+            name: 'Grantaire',
+            symbolSize: 19.12381,
+            x: 646.4313,
+            y: -151.06331,
+            value: 28.685715,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '67',
+            name: 'MotherPlutarch',
+            symbolSize: 2.6666666666666665,
+            x: 668.9568,
+            y: 204.65488,
+            value: 4,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '68',
+            name: 'Gueulemer',
+            symbolSize: 19.12381,
+            x: 78.4799,
+            y: -347.15146,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '69',
+            name: 'Babet',
+            symbolSize: 19.12381,
+            x: 150.35959,
+            y: -298.50797,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '70',
+            name: 'Claquesous',
+            symbolSize: 19.12381,
+            x: 137.3717,
+            y: -410.2809,
+            value: 28.685715,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '71',
+            name: 'Montparnasse',
+            symbolSize: 17.295237333333333,
+            x: 234.87747,
+            y: -400.85983,
+            value: 25.942856,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '72',
+            name: 'Toussaint',
+            symbolSize: 6.323809333333333,
+            x: 40.942253,
+            y: 113.78272,
+            value: 9.485714,
+            category: 1,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '73',
+            name: 'Child1',
+            symbolSize: 4.495239333333333,
+            x: 437.939,
+            y: 291.58234,
+            value: 6.742859,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '74',
+            name: 'Child2',
+            symbolSize: 4.495239333333333,
+            x: 466.04922,
+            y: 283.3606,
+            value: 6.742859,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '75',
+            name: 'Brujon',
+            symbolSize: 13.638097333333334,
+            x: 238.79364,
+            y: -314.06345,
+            value: 20.457146,
+            category: 7,
+            label: {
+              show: false,
+            },
+          },
+          {
+            id: '76',
+            name: 'MmeHucheloup',
+            symbolSize: 13.638097333333334,
+            x: 712.18353,
+            y: 4.8131495,
+            value: 20.457146,
+            category: 8,
+            label: {
+              show: false,
+            },
+          },
+        ],
+        links: [
+          {
+            source: '1',
+            target: '0',
+          },
+          {
+            source: '2',
+            target: '0',
+          },
+          {
+            source: '3',
+            target: '0',
+          },
+          {
+            source: '3',
+            target: '2',
+          },
+          {
+            source: '4',
+            target: '0',
+          },
+          {
+            source: '5',
+            target: '0',
+          },
+          {
+            source: '6',
+            target: '0',
+          },
+          {
+            source: '7',
+            target: '0',
+          },
+          {
+            source: '8',
+            target: '0',
+          },
+          {
+            source: '9',
+            target: '0',
+          },
+          {
+            source: '11',
+            target: '0',
+          },
+          {
+            source: '11',
+            target: '2',
+          },
+          {
+            source: '11',
+            target: '3',
+          },
+          {
+            source: '11',
+            target: '10',
+          },
+          {
+            source: '12',
+            target: '11',
+          },
+          {
+            source: '13',
+            target: '11',
+          },
+          {
+            source: '14',
+            target: '11',
+          },
+          {
+            source: '15',
+            target: '11',
+          },
+          {
+            source: '17',
+            target: '16',
+          },
+          {
+            source: '18',
+            target: '16',
+          },
+          {
+            source: '18',
+            target: '17',
+          },
+          {
+            source: '19',
+            target: '16',
+          },
+          {
+            source: '19',
+            target: '17',
+          },
+          {
+            source: '19',
+            target: '18',
+          },
+          {
+            source: '20',
+            target: '16',
+          },
+          {
+            source: '20',
+            target: '17',
+          },
+          {
+            source: '20',
+            target: '18',
+          },
+          {
+            source: '20',
+            target: '19',
+          },
+          {
+            source: '21',
+            target: '16',
+          },
+          {
+            source: '21',
+            target: '17',
+          },
+          {
+            source: '21',
+            target: '18',
+          },
+          {
+            source: '21',
+            target: '19',
+          },
+          {
+            source: '21',
+            target: '20',
+          },
+          {
+            source: '22',
+            target: '16',
+          },
+          {
+            source: '22',
+            target: '17',
+          },
+          {
+            source: '22',
+            target: '18',
+          },
+          {
+            source: '22',
+            target: '19',
+          },
+          {
+            source: '22',
+            target: '20',
+          },
+          {
+            source: '22',
+            target: '21',
+          },
+          {
+            source: '23',
+            target: '11',
+          },
+          {
+            source: '23',
+            target: '12',
+          },
+          {
+            source: '23',
+            target: '16',
+          },
+          {
+            source: '23',
+            target: '17',
+          },
+          {
+            source: '23',
+            target: '18',
+          },
+          {
+            source: '23',
+            target: '19',
+          },
+          {
+            source: '23',
+            target: '20',
+          },
+          {
+            source: '23',
+            target: '21',
+          },
+          {
+            source: '23',
+            target: '22',
+          },
+          {
+            source: '24',
+            target: '11',
+          },
+          {
+            source: '24',
+            target: '23',
+          },
+          {
+            source: '25',
+            target: '11',
+          },
+          {
+            source: '25',
+            target: '23',
+          },
+          {
+            source: '25',
+            target: '24',
+          },
+          {
+            source: '26',
+            target: '11',
+          },
+          {
+            source: '26',
+            target: '16',
+          },
+          {
+            source: '26',
+            target: '24',
+          },
+          {
+            source: '26',
+            target: '25',
+          },
+          {
+            source: '27',
+            target: '11',
+          },
+          {
+            source: '27',
+            target: '23',
+          },
+          {
+            source: '27',
+            target: '24',
+          },
+          {
+            source: '27',
+            target: '25',
+          },
+          {
+            source: '27',
+            target: '26',
+          },
+          {
+            source: '28',
+            target: '11',
+          },
+          {
+            source: '28',
+            target: '27',
+          },
+          {
+            source: '29',
+            target: '11',
+          },
+          {
+            source: '29',
+            target: '23',
+          },
+          {
+            source: '29',
+            target: '27',
+          },
+          {
+            source: '30',
+            target: '23',
+          },
+          {
+            source: '31',
+            target: '11',
+          },
+          {
+            source: '31',
+            target: '23',
+          },
+          {
+            source: '31',
+            target: '27',
+          },
+          {
+            source: '31',
+            target: '30',
+          },
+          {
+            source: '32',
+            target: '11',
+          },
+          {
+            source: '33',
+            target: '11',
+          },
+          {
+            source: '33',
+            target: '27',
+          },
+          {
+            source: '34',
+            target: '11',
+          },
+          {
+            source: '34',
+            target: '29',
+          },
+          {
+            source: '35',
+            target: '11',
+          },
+          {
+            source: '35',
+            target: '29',
+          },
+          {
+            source: '35',
+            target: '34',
+          },
+          {
+            source: '36',
+            target: '11',
+          },
+          {
+            source: '36',
+            target: '29',
+          },
+          {
+            source: '36',
+            target: '34',
+          },
+          {
+            source: '36',
+            target: '35',
+          },
+          {
+            source: '37',
+            target: '11',
+          },
+          {
+            source: '37',
+            target: '29',
+          },
+          {
+            source: '37',
+            target: '34',
+          },
+          {
+            source: '37',
+            target: '35',
+          },
+          {
+            source: '37',
+            target: '36',
+          },
+          {
+            source: '38',
+            target: '11',
+          },
+          {
+            source: '38',
+            target: '29',
+          },
+          {
+            source: '38',
+            target: '34',
+          },
+          {
+            source: '38',
+            target: '35',
+          },
+          {
+            source: '38',
+            target: '36',
+          },
+          {
+            source: '38',
+            target: '37',
+          },
+          {
+            source: '39',
+            target: '25',
+          },
+          {
+            source: '40',
+            target: '25',
+          },
+          {
+            source: '41',
+            target: '24',
+          },
+          {
+            source: '41',
+            target: '25',
+          },
+          {
+            source: '42',
+            target: '24',
+          },
+          {
+            source: '42',
+            target: '25',
+          },
+          {
+            source: '42',
+            target: '41',
+          },
+          {
+            source: '43',
+            target: '11',
+          },
+          {
+            source: '43',
+            target: '26',
+          },
+          {
+            source: '43',
+            target: '27',
+          },
+          {
+            source: '44',
+            target: '11',
+          },
+          {
+            source: '44',
+            target: '28',
+          },
+          {
+            source: '45',
+            target: '28',
+          },
+          {
+            source: '47',
+            target: '46',
+          },
+          {
+            source: '48',
+            target: '11',
+          },
+          {
+            source: '48',
+            target: '25',
+          },
+          {
+            source: '48',
+            target: '27',
+          },
+          {
+            source: '48',
+            target: '47',
+          },
+          {
+            source: '49',
+            target: '11',
+          },
+          {
+            source: '49',
+            target: '26',
+          },
+          {
+            source: '50',
+            target: '24',
+          },
+          {
+            source: '50',
+            target: '49',
+          },
+          {
+            source: '51',
+            target: '11',
+          },
+          {
+            source: '51',
+            target: '26',
+          },
+          {
+            source: '51',
+            target: '49',
+          },
+          {
+            source: '52',
+            target: '39',
+          },
+          {
+            source: '52',
+            target: '51',
+          },
+          {
+            source: '53',
+            target: '51',
+          },
+          {
+            source: '54',
+            target: '26',
+          },
+          {
+            source: '54',
+            target: '49',
+          },
+          {
+            source: '54',
+            target: '51',
+          },
+          {
+            source: '55',
+            target: '11',
+          },
+          {
+            source: '55',
+            target: '16',
+          },
+          {
+            source: '55',
+            target: '25',
+          },
+          {
+            source: '55',
+            target: '26',
+          },
+          {
+            source: '55',
+            target: '39',
+          },
+          {
+            source: '55',
+            target: '41',
+          },
+          {
+            source: '55',
+            target: '48',
+          },
+          {
+            source: '55',
+            target: '49',
+          },
+          {
+            source: '55',
+            target: '51',
+          },
+          {
+            source: '55',
+            target: '54',
+          },
+          {
+            source: '56',
+            target: '49',
+          },
+          {
+            source: '56',
+            target: '55',
+          },
+          {
+            source: '57',
+            target: '41',
+          },
+          {
+            source: '57',
+            target: '48',
+          },
+          {
+            source: '57',
+            target: '55',
+          },
+          {
+            source: '58',
+            target: '11',
+          },
+          {
+            source: '58',
+            target: '27',
+          },
+          {
+            source: '58',
+            target: '48',
+          },
+          {
+            source: '58',
+            target: '55',
+          },
+          {
+            source: '58',
+            target: '57',
+          },
+          {
+            source: '59',
+            target: '48',
+          },
+          {
+            source: '59',
+            target: '55',
+          },
+          {
+            source: '59',
+            target: '57',
+          },
+          {
+            source: '59',
+            target: '58',
+          },
+          {
+            source: '60',
+            target: '48',
+          },
+          {
+            source: '60',
+            target: '58',
+          },
+          {
+            source: '60',
+            target: '59',
+          },
+          {
+            source: '61',
+            target: '48',
+          },
+          {
+            source: '61',
+            target: '55',
+          },
+          {
+            source: '61',
+            target: '57',
+          },
+          {
+            source: '61',
+            target: '58',
+          },
+          {
+            source: '61',
+            target: '59',
+          },
+          {
+            source: '61',
+            target: '60',
+          },
+          {
+            source: '62',
+            target: '41',
+          },
+          {
+            source: '62',
+            target: '48',
+          },
+          {
+            source: '62',
+            target: '55',
+          },
+          {
+            source: '62',
+            target: '57',
+          },
+          {
+            source: '62',
+            target: '58',
+          },
+          {
+            source: '62',
+            target: '59',
+          },
+          {
+            source: '62',
+            target: '60',
+          },
+          {
+            source: '62',
+            target: '61',
+          },
+          {
+            source: '63',
+            target: '48',
+          },
+          {
+            source: '63',
+            target: '55',
+          },
+          {
+            source: '63',
+            target: '57',
+          },
+          {
+            source: '63',
+            target: '58',
+          },
+          {
+            source: '63',
+            target: '59',
+          },
+          {
+            source: '63',
+            target: '60',
+          },
+          {
+            source: '63',
+            target: '61',
+          },
+          {
+            source: '63',
+            target: '62',
+          },
+          {
+            source: '64',
+            target: '11',
+          },
+          {
+            source: '64',
+            target: '48',
+          },
+          {
+            source: '64',
+            target: '55',
+          },
+          {
+            source: '64',
+            target: '57',
+          },
+          {
+            source: '64',
+            target: '58',
+          },
+          {
+            source: '64',
+            target: '59',
+          },
+          {
+            source: '64',
+            target: '60',
+          },
+          {
+            source: '64',
+            target: '61',
+          },
+          {
+            source: '64',
+            target: '62',
+          },
+          {
+            source: '64',
+            target: '63',
+          },
+          {
+            source: '65',
+            target: '48',
+          },
+          {
+            source: '65',
+            target: '55',
+          },
+          {
+            source: '65',
+            target: '57',
+          },
+          {
+            source: '65',
+            target: '58',
+          },
+          {
+            source: '65',
+            target: '59',
+          },
+          {
+            source: '65',
+            target: '60',
+          },
+          {
+            source: '65',
+            target: '61',
+          },
+          {
+            source: '65',
+            target: '62',
+          },
+          {
+            source: '65',
+            target: '63',
+          },
+          {
+            source: '65',
+            target: '64',
+          },
+          {
+            source: '66',
+            target: '48',
+          },
+          {
+            source: '66',
+            target: '58',
+          },
+          {
+            source: '66',
+            target: '59',
+          },
+          {
+            source: '66',
+            target: '60',
+          },
+          {
+            source: '66',
+            target: '61',
+          },
+          {
+            source: '66',
+            target: '62',
+          },
+          {
+            source: '66',
+            target: '63',
+          },
+          {
+            source: '66',
+            target: '64',
+          },
+          {
+            source: '66',
+            target: '65',
+          },
+          {
+            source: '67',
+            target: '57',
+          },
+          {
+            source: '68',
+            target: '11',
+          },
+          {
+            source: '68',
+            target: '24',
+          },
+          {
+            source: '68',
+            target: '25',
+          },
+          {
+            source: '68',
+            target: '27',
+          },
+          {
+            source: '68',
+            target: '41',
+          },
+          {
+            source: '68',
+            target: '48',
+          },
+          {
+            source: '69',
+            target: '11',
+          },
+          {
+            source: '69',
+            target: '24',
+          },
+          {
+            source: '69',
+            target: '25',
+          },
+          {
+            source: '69',
+            target: '27',
+          },
+          {
+            source: '69',
+            target: '41',
+          },
+          {
+            source: '69',
+            target: '48',
+          },
+          {
+            source: '69',
+            target: '68',
+          },
+          {
+            source: '70',
+            target: '11',
+          },
+          {
+            source: '70',
+            target: '24',
+          },
+          {
+            source: '70',
+            target: '25',
+          },
+          {
+            source: '70',
+            target: '27',
+          },
+          {
+            source: '70',
+            target: '41',
+          },
+          {
+            source: '70',
+            target: '58',
+          },
+          {
+            source: '70',
+            target: '68',
+          },
+          {
+            source: '70',
+            target: '69',
+          },
+          {
+            source: '71',
+            target: '11',
+          },
+          {
+            source: '71',
+            target: '25',
+          },
+          {
+            source: '71',
+            target: '27',
+          },
+          {
+            source: '71',
+            target: '41',
+          },
+          {
+            source: '71',
+            target: '48',
+          },
+          {
+            source: '71',
+            target: '68',
+          },
+          {
+            source: '71',
+            target: '69',
+          },
+          {
+            source: '71',
+            target: '70',
+          },
+          {
+            source: '72',
+            target: '11',
+          },
+          {
+            source: '72',
+            target: '26',
+          },
+          {
+            source: '72',
+            target: '27',
+          },
+          {
+            source: '73',
+            target: '48',
+          },
+          {
+            source: '74',
+            target: '48',
+          },
+          {
+            source: '74',
+            target: '73',
+          },
+          {
+            source: '75',
+            target: '25',
+          },
+          {
+            source: '75',
+            target: '41',
+          },
+          {
+            source: '75',
+            target: '48',
+          },
+          {
+            source: '75',
+            target: '68',
+          },
+          {
+            source: '75',
+            target: '69',
+          },
+          {
+            source: '75',
+            target: '70',
+          },
+          {
+            source: '75',
+            target: '71',
+          },
+          {
+            source: '76',
+            target: '48',
+          },
+          {
+            source: '76',
+            target: '58',
+          },
+          {
+            source: '76',
+            target: '62',
+          },
+          {
+            source: '76',
+            target: '63',
+          },
+          {
+            source: '76',
+            target: '64',
+          },
+          {
+            source: '76',
+            target: '65',
+          },
+          {
+            source: '76',
+            target: '66',
+          },
+        ],
+        categories: [
+          {
+            name: 'A',
+          },
+          {
+            name: 'B',
+          },
+          {
+            name: 'C',
+          },
+          {
+            name: 'D',
+          },
+          {
+            name: 'E',
+          },
+          {
+            name: 'F',
+          },
+          {
+            name: 'G',
+          },
+          {
+            name: 'H',
+          },
+          {
+            name: 'I',
+          },
+        ],
+      }
+      graph.nodes.forEach(function (node) {
+        node.label = {
+          show: node.symbolSize > 30,
+        }
+      })
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        // legend: [
+        //   {
+        //     orient: 'vertical',
+        //     top: 'center',
+        //     left: '20',
+        //     data: graph.categories.map(function (a) {
+        //       return a.name
+        //     }),
+        //   },
+        // ],
+        animationDurationUpdate: 1500,
+        animationEasingUpdate: 'quinticInOut',
+        series: [
+          {
+            name: 'Les Miserables',
+            type: 'graph',
+            layout: 'circular',
+            circular: {
+              rotateLabel: true,
+            },
+            data: graph.nodes,
+            links: graph.links,
+            categories: graph.categories,
+            roam: true,
+            label: {
+              position: 'right',
+              formatter: '{b}',
+            },
+            lineStyle: {
+              color: 'source',
+              curveness: 0.3,
+            },
+          },
+        ],
+      }
+      myChart.setOption(option)
+    },
+    initEcharts7() {
+      var myChart = this.$echarts.init(this.$refs.echartsR3)
+      var option = {
+        tooltip: {},
+        backgroundColor: this.backgroundColor,
+        angleAxis: {
+          type: 'category',
+          axisLabel: { show: false },
+          axisLine: { show: false },
+          axisTick: { show: false },
+          splitLine: { show: false },
+          startAngle: 120,
+          data: ['平台', '编队', '航空兵', '陆战队', '舰炮', '作战'],
+        },
+        radiusAxis: {
+          axisLabel: { show: false },
+          axisLine: { show: false },
+          axisTick: { show: false },
+          splitLine: { show: false },
+        },
+        polar: {},
+        series: [
+          {
+            type: 'bar',
+            barWidth: 110,
+            data: [50, 32, 40, 54, 40, 44],
+            coordinateSystem: 'polar',
+            color: ['rgb(45,86,172)'],
+          },
+        ],
+      }
+      myChart.setOption(option)
+    },
+  },
+}
 </script>
 
 <style scoped>
-.huanying{
- color: #00def4;
- font-size: 23px;
- padding: 40px;
+.analysisBG {
+  background-image: url('~@/assets/img/analysisBG.jpg');
+  background-position: -10px -128px;
+  padding: 12px 10px;
+}
+.analysisBG .linese {
+  margin-bottom: 5px;
+}
+.echartsL {
+  width: 100%;
+  height: calc(33vh - 82px);
+  position: relative;
+}
+.echartsCT {
+  width: 100%;
+  height: calc(66vh - 135px);
+  background-color: rgba(20, 50, 75, 0.6);
+}
+.echarts {
+  width: 100%;
+  height: calc(100% - 36px);
+}
+.echartsR3 {
+  background-image: url('~@/assets/img/echarts8bg.png');
+  background-repeat: no-repeat;
+  background-position: center 6px;
+}
+.icons9{
+  width: 60px;
+  height: 60px;
+  padding: 12px;
+  background: rgb(26,31,54);
+  border-radius: 30px;
+  border: 2px solid rgb(85,100,171);
+  position: absolute;
+  left:calc(50% - 30px);
+  top:calc(50% - 12px);
+  z-index: 9;
+}
+.echrtsC1 {
+  width: 879px;
+  height: 499px;
+  background-image: url('~@/assets/img/echarts4bg.png');
+  background-repeat: no-repeat;
+  background-position: center 6px;
+  margin: calc(33vh - 335px) auto;
+  position: relative;
+  cursor: pointer;
+  div {
+    position: absolute;
+    color: #fff;
+    cursor: pointer;
+  }
+  .num1 {left: 160px;top: 90px;font-size: 36px;}
+  .num2 {left: 395px;top: 80px;font-size: 40px;}
+  .num3 {left: 663px;top: 90px;font-size: 36px;}
+  .num4 {left: 48px;top: 205px;font-size: 36px;}
+  .num5 {left: 770px;top: 216px;font-size: 36px;}
+  .num6 {left: 175px;top: 324px;font-size: 36px;}
+  .num7 {left: 423px;top: 383px;font-size: 36px;}
+  .num8 {left: 650px;top: 315px;font-size: 36px;}
+  .name1 {left: 175px;top: 175px;font-size: 18px;}
+  .name2 {left: 410px;top: 180px;font-size: 30px;}
+  .name3 {left: 668px;top: 174px;font-size: 18px;}
+  .name4 {left: 58px;top: 274px;font-size: 18px;}
+  .name5 {left: 772px;top: 292px;font-size: 18px;}
+  .name6 {left: 183px;top: 400px;font-size: 18px;}
+  .name7 {left: 426px;top: 446px;font-size: 18px;}
+  .name8 {left: 660px;top: 400px;font-size: 18px;}
 }
-
 </style>
\ No newline at end of file