%!s(int64=3) %!d(string=hai) anos · a50c6d5287
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/.history/public/index_20210725224243.html
+++ b/.history/public/index_20210725224243.html
@@ -0,0 +1,18 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
			
 
				+    <meta name="format-detection" content="telephone=yes" />
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/.history/public/index_20210803162513.html
+++ b/.history/public/index_20210803162513.html
@@ -0,0 +1,25 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
			
 
				+    <meta name="format-detection" content="telephone=yes" />
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <title>
			
 
				+        <%= htmlWebpackPlugin.options.title %>
			
 
				+    </title>
			
 
				+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=8e266e1ac2ad2383c7773ff504ac248f"></script>
			
 
				+    <script type="text/javascript" src="//webapi.amap.com/ui/1.1/main.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/.history/src/App_20210724173229.vue
+++ b/.history/src/App_20210724173229.vue
@@ -0,0 +1,12 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/.history/src/App_20210802155509.vue
+++ b/.history/src/App_20210802155509.vue
@@ -0,0 +1,28 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  mounted(){
			
 
				+    this.getWeater()
			
 
				+  },
			
 
				+  methods:{
			
 
				+    async getWeater(){
			
 
				+        let res = await this.$axios.get('/top/listWeather?'+this.$qs.stringify({
			
 
				+        area: '上海市'
			
 
				+      }))
			
 
				+      if(res.success){
			
 
				+        this.$store.commit("changWeater", res.data.showapi_res_body.now);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/.history/src/App_20210803145211.vue
+++ b/.history/src/App_20210803145211.vue
@@ -0,0 +1,37 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  mounted(){
			
 
				+    this.getWeater()
			
 
				+    window.addEventListener("resize", () => this.resizeTimeActions(), true);
			
 
				+  },
			
 
				+  methods:{
			
 
				+    resizeTimeActions() {
			
 
				+      if (!this.resizeTime) return;
			
 
				+      this.resizeTime = false;
			
 
				+      setTimeout(() => {
			
 
				+        this.resizeTime = true;
			
 
				+        this.$store.commit("changClient",  document.documentElement.clientWidth + document.documentElement.clientHeight);
			
 
				+      }, 300);
			
 
				+    },
			
 
				+    async getWeater(){
			
 
				+        let res = await this.$axios.get('/top/listWeather?'+this.$qs.stringify({
			
 
				+        area: '上海市'
			
 
				+      }))
			
 
				+      if(res.success){
			
 
				+        this.$store.commit("changWeater", res.data.showapi_res_body.now);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/.history/src/App_20210803145355.vue
+++ b/.history/src/App_20210803145355.vue
@@ -0,0 +1,42 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      resizeTime: true,
			
 
				+    };
			
 
				+  },
			
 
				+  mounted(){
			
 
				+    this.getWeater()
			
 
				+    window.addEventListener("resize", () => this.resizeTimeActions(), true);
			
 
				+  },
			
 
				+  methods:{
			
 
				+    resizeTimeActions() {
			
 
				+      if (!this.resizeTime) return;
			
 
				+      this.resizeTime = false;
			
 
				+      setTimeout(() => {
			
 
				+        this.resizeTime = true;
			
 
				+        this.$store.commit("changClient",  document.documentElement.clientWidth + document.documentElement.clientHeight);
			
 
				+      }, 300);
			
 
				+    },
			
 
				+    async getWeater(){
			
 
				+        let res = await this.$axios.get('/top/listWeather?'+this.$qs.stringify({
			
 
				+        area: '上海市'
			
 
				+      }))
			
 
				+      if(res.success){
			
 
				+        this.$store.commit("changWeater", res.data.showapi_res_body.now);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+<style lang="scss">
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/.history/src/assets/common_20210719171019.scss
+++ b/.history/src/assets/common_20210719171019.scss
@@ -0,0 +1,290 @@
 
				+body,
			
 
				+div,
			
 
				+p,
			
 
				+ul,
			
 
				+ol,
			
 
				+li,
			
 
				+dl,
			
 
				+dt,
			
 
				+dd,
			
 
				+table,
			
 
				+tr,
			
 
				+td,
			
 
				+form,
			
 
				+hr,
			
 
				+fieldset,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+img,
			
 
				+input {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+html,
			
 
				+body {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+    display: flex;
			
 
				+}
			
 
				+
			
 
				+.el-row {
			
 
				+    &::before {
			
 
				+        display: none;
			
 
				+    }
			
 
				+    &::after {
			
 
				+        display: none;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 表格样式修改
			
 
				+.transparentTableRow {
			
 
				+    background: transparent !important;
			
 
				+    th.gutter {
			
 
				+        display: table-cell !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        flex-shrink: 0;
			
 
				+        width: 100% !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        font-size: 14px;
			
 
				+        tr,
			
 
				+        td {
			
 
				+            padding: 0;
			
 
				+            background: rgba(0, 251, 251, .051) !important;
			
 
				+            color: #FFF;
			
 
				+            border-color: rgba(0, 250, 251, 0.20);
			
 
				+        }
			
 
				+        .death {
			
 
				+            // color: red !important;
			
 
				+        }
			
 
				+        tr {
			
 
				+            margin-bottom: 1px;
			
 
				+        }
			
 
				+        th {
			
 
				+            color: #FFF;
			
 
				+            background: rgba(0, 250, 251, 0.20);
			
 
				+            border-color: transparent;
			
 
				+            .cell {
			
 
				+                padding: 0;
			
 
				+            }
			
 
				+        }
			
 
				+        thead {
			
 
				+            th {
			
 
				+                padding: 0;
			
 
				+                height: 34px;
			
 
				+                border-color: rgba(0, 250, 251, 0.20) !important;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__header-wrapper {
			
 
				+        display: inline-table;
			
 
				+        width: 100%;
			
 
				+        table {
			
 
				+            display: contents;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__expanded-cell {
			
 
				+        padding: 10px;
			
 
				+    }
			
 
				+    .el-table__expand-icon {
			
 
				+        color: #FFF;
			
 
				+    }
			
 
				+    .cell {
			
 
				+        padding: 0 10px;
			
 
				+    }
			
 
				+    .name-wrapper {
			
 
				+        white-space: nowrap;
			
 
				+        -webkit-box-sizing: border-box;
			
 
				+        box-sizing: border-box;
			
 
				+        overflow: hidden;
			
 
				+        text-overflow: ellipsis;
			
 
				+        word-break: break-all;
			
 
				+    }
			
 
				+    .el-table__body-wrapper {
			
 
				+        scrollbar-width: none;
			
 
				+        /* firefox */
			
 
				+        -ms-overflow-style: none;
			
 
				+        /* IE 10+ */
			
 
				+        overflow-x: hidden;
			
 
				+        overflow-y: auto;
			
 
				+        &::-webkit-scrollbar {
			
 
				+            display: none;
			
 
				+            // opacity: 0;
			
 
				+            /* Chrome Safari */
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.yellow {
			
 
				+    color: #FDC51A;
			
 
				+}
			
 
				+
			
 
				+.blue {
			
 
				+    color: #1AF3FD;
			
 
				+}
			
 
				+
			
 
				+.green {
			
 
				+    color: #0DC94F;
			
 
				+}
			
 
				+
			
 
				+.red {
			
 
				+    color: #FF0000;
			
 
				+}
			
 
				+
			
 
				+.el-table {
			
 
				+    // border-radius: 10px;
			
 
				+    &::before {
			
 
				+        height: 0;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 党校
			
 
				+.mianBox {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    padding: 20px 30px 30px 15px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    .headerBox {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        height: 30px;
			
 
				+        width: 100%;
			
 
				+        color: #FFF;
			
 
				+        .el-col {
			
 
				+            width: auto;
			
 
				+            height: 100%;
			
 
				+            line-height: 100%;
			
 
				+            text-align: center;
			
 
				+        }
			
 
				+        .title {
			
 
				+            color: #38E7EE;
			
 
				+            line-height: 21px;
			
 
				+            font-weight: bold;
			
 
				+            font-size: 16px;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            img {
			
 
				+                width: 17px;
			
 
				+                height: 17px;
			
 
				+                margin-right: 10px;
			
 
				+            }
			
 
				+        }
			
 
				+        .btn {
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            span {
			
 
				+                cursor: pointer;
			
 
				+                background: #00115d;
			
 
				+                border: 1px solid #3573fc;
			
 
				+                padding: 7px 13px;
			
 
				+            }
			
 
				+            .clickBtn {
			
 
				+                background: #3573fc;
			
 
				+                border: 1px solid #3573fc;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 安防
			
 
				+.mianBox-af {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    padding: 10px;
			
 
				+    // display: flex;
			
 
				+    // flex-direction: column;
			
 
				+    background: url("../assets/image-af/bg.png") no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+    .headerBox {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        height: 50px;
			
 
				+        width: 100%;
			
 
				+        color: #FFF;
			
 
				+        background: url("../assets/image-af/title.png") no-repeat;
			
 
				+        background-position: bottom;
			
 
				+        .el-col {
			
 
				+            width: auto;
			
 
				+            height: 100%;
			
 
				+            line-height: 100%;
			
 
				+            text-align: center;
			
 
				+        }
			
 
				+        .title {
			
 
				+            color: #F1F1F1;
			
 
				+            font-weight: bold;
			
 
				+            line-height: 50px;
			
 
				+            font-size: 16px;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            img {
			
 
				+                width: 49px;
			
 
				+                height: 49px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .contentBox {
			
 
				+        height: calc(100% - 50px);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// form表单样式
			
 
				+.el-form {
			
 
				+    .el-form-item {
			
 
				+        color: #17CECC;
			
 
				+        .el-form-item__label {
			
 
				+            color: #17CECC;
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            padding: 0 12px 0 0;
			
 
				+        }
			
 
				+        .el-form-item__content {
			
 
				+            line-height: 28px;
			
 
				+            font-size: 14px;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-form-item--mini {
			
 
				+        margin-bottom: 18px;
			
 
				+        margin-right: 10px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// select 下拉框样式修改
			
 
				+.el-select {
			
 
				+    color: #17CECC;
			
 
				+    .el-input__inner {
			
 
				+        color: #17CECC;
			
 
				+        background: transparent;
			
 
				+        border-color: #17CECC;
			
 
				+        font-size: 14px;
			
 
				+        padding-right: 30px;
			
 
				+        padding-left: 15px;
			
 
				+        &::-webkit-input-placeholder {
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            color: #17CECC;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-input__suffix .el-input__suffix-inner .el-input__icon {
			
 
				+        color: #17CECC;
			
 
				+        line-height: 28px;
			
 
				+        font-size: 14px;
			
 
				+    }
			
 
				+    .el-input--mini {
			
 
				+        font-size: 14px;
			
 
				+        line-height: 28px;
			
 
				+        .el-input__inner {
			
 
				+            height: 28px;
			
 
				+            line-height: 28px;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/.history/src/assets/common_20210802153514.scss
+++ b/.history/src/assets/common_20210802153514.scss
@@ -0,0 +1,290 @@
 
				+body,
			
 
				+div,
			
 
				+p,
			
 
				+ul,
			
 
				+ol,
			
 
				+li,
			
 
				+dl,
			
 
				+dt,
			
 
				+dd,
			
 
				+table,
			
 
				+tr,
			
 
				+td,
			
 
				+form,
			
 
				+hr,
			
 
				+fieldset,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+img,
			
 
				+input {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+html,
			
 
				+body {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+    display: flex;
			
 
				+}
			
 
				+
			
 
				+.el-row {
			
 
				+    &::before {
			
 
				+        display: none;
			
 
				+    }
			
 
				+    &::after {
			
 
				+        display: none;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 表格样式修改
			
 
				+.transparentTableRow {
			
 
				+    background: transparent !important;
			
 
				+    th.gutter {
			
 
				+        display: table-cell !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        flex-shrink: 0;
			
 
				+        width: 100% !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        font-size: 14px;
			
 
				+        tr,
			
 
				+        td {
			
 
				+            padding: 0;
			
 
				+            background: rgba(0, 251, 251, .051) !important;
			
 
				+            color: #FFF;
			
 
				+            border-color: rgba(0, 250, 251, 0.20);
			
 
				+        }
			
 
				+        .death {
			
 
				+            // color: red !important;
			
 
				+        }
			
 
				+        tr {
			
 
				+            margin-bottom: 1px;
			
 
				+        }
			
 
				+        th {
			
 
				+            color: #FFF;
			
 
				+            background: rgba(0, 250, 251, 0.20);
			
 
				+            border-color: transparent;
			
 
				+            .cell {
			
 
				+                padding: 0;
			
 
				+            }
			
 
				+        }
			
 
				+        thead {
			
 
				+            th {
			
 
				+                padding: 0;
			
 
				+                height: 34px;
			
 
				+                border-color: rgba(0, 250, 251, 0.20) !important;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__header-wrapper {
			
 
				+        display: inline-table;
			
 
				+        width: 100%;
			
 
				+        table {
			
 
				+            display: contents;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__expanded-cell {
			
 
				+        padding: 10px;
			
 
				+    }
			
 
				+    .el-table__expand-icon {
			
 
				+        color: #FFF;
			
 
				+    }
			
 
				+    .cell {
			
 
				+        padding: 0 10px;
			
 
				+    }
			
 
				+    .name-wrapper {
			
 
				+        white-space: nowrap;
			
 
				+        -webkit-box-sizing: border-box;
			
 
				+        box-sizing: border-box;
			
 
				+        overflow: hidden;
			
 
				+        text-overflow: ellipsis;
			
 
				+        word-break: break-all;
			
 
				+    }
			
 
				+    .el-table__body-wrapper {
			
 
				+        scrollbar-width: none;
			
 
				+        /* firefox */
			
 
				+        -ms-overflow-style: none;
			
 
				+        /* IE 10+ */
			
 
				+        overflow-x: hidden;
			
 
				+        overflow-y: auto;
			
 
				+        &::-webkit-scrollbar {
			
 
				+            display: none;
			
 
				+            // opacity: 0;
			
 
				+            /* Chrome Safari */
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.yellow {
			
 
				+    color: #FDC51A;
			
 
				+}
			
 
				+
			
 
				+.blue {
			
 
				+    color: #1AF3FD;
			
 
				+}
			
 
				+
			
 
				+.green {
			
 
				+    color: #0DC94F;
			
 
				+}
			
 
				+
			
 
				+.red {
			
 
				+    color: #FF0000;
			
 
				+}
			
 
				+
			
 
				+.el-table {
			
 
				+    // border-radius: 10px;
			
 
				+    &::before {
			
 
				+        height: 0;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 党校
			
 
				+.mianBox {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    padding: 20px 30px 30px 15px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    .headerBox {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        height: 30px;
			
 
				+        width: 100%;
			
 
				+        color: #FFF;
			
 
				+        .el-col {
			
 
				+            width: auto;
			
 
				+            height: 100%;
			
 
				+            line-height: 100%;
			
 
				+            text-align: center;
			
 
				+        }
			
 
				+        .title {
			
 
				+            color: #38E7EE;
			
 
				+            line-height: 21px;
			
 
				+            font-weight: bold;
			
 
				+            font-size: 16px;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            img {
			
 
				+                width: 17px;
			
 
				+                height: 17px;
			
 
				+                margin-right: 10px;
			
 
				+            }
			
 
				+        }
			
 
				+        .btn {
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            span {
			
 
				+                cursor: pointer;
			
 
				+                background: #00115d;
			
 
				+                border: 1px solid #3573fc;
			
 
				+                padding: 7px 13px;
			
 
				+            }
			
 
				+            .clickBtn {
			
 
				+                background: #3573fc;
			
 
				+                border: 1px solid #3573fc;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 安防
			
 
				+.mianBox-af {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    padding: 10px;
			
 
				+    // display: flex;
			
 
				+    // flex-direction: column;
			
 
				+    background: url("../assets/image-af/bg.png") no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+    .headerBox {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        height: 50px;
			
 
				+        width: 100%;
			
 
				+        color: #FFF;
			
 
				+        background: url("../assets/image-af/title.png") no-repeat;
			
 
				+        background-position: bottom;
			
 
				+        .el-col {
			
 
				+            width: auto;
			
 
				+            height: 100%;
			
 
				+            line-height: 100%;
			
 
				+            text-align: center;
			
 
				+        }
			
 
				+        .title {
			
 
				+            color: #F1F1F1;
			
 
				+            font-weight: bold;
			
 
				+            line-height: 50px;
			
 
				+            font-size: 16px;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            img {
			
 
				+                width: 49px;
			
 
				+                height: 49px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .contentBox {
			
 
				+        height: calc(100% - 50px);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// form表单样式
			
 
				+.el-form {
			
 
				+    .el-form-item {
			
 
				+        color: #17CECC;
			
 
				+        .el-form-item__label {
			
 
				+            color: #17CECC;
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            padding: 0 12px 0 0;
			
 
				+        }
			
 
				+        .el-form-item__content {
			
 
				+            line-height: 28px;
			
 
				+            font-size: 14px;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-form-item--mini {
			
 
				+        margin-bottom: 18px;
			
 
				+        margin-right: 10px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// select 下拉框样式修改
			
 
				+.el-select {
			
 
				+    color: #17CECC;
			
 
				+    .el-input__inner {
			
 
				+        color: #17CECC;
			
 
				+        background: transparent;
			
 
				+        border-color: #17CECC;
			
 
				+        font-size: 14px;
			
 
				+        padding-right: 30px;
			
 
				+        padding-left: 15px;
			
 
				+        &::-webkit-input-placeholder {
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            color: #17CECC;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-input__suffix .el-input__suffix-inner .el-input__icon {
			
 
				+        color: #17CECC;
			
 
				+        line-height: 28px;
			
 
				+        font-size: 14px;
			
 
				+    }
			
 
				+    .el-input--mini {
			
 
				+        font-size: 14px;
			
 
				+        line-height: 28px;
			
 
				+        .el-input__inner {
			
 
				+            height: 28px;
			
 
				+            line-height: 28px;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/.history/src/assets/common_20210802153630.scss
+++ b/.history/src/assets/common_20210802153630.scss
@@ -0,0 +1,198 @@
 
				+body,
			
 
				+div,
			
 
				+p,
			
 
				+ul,
			
 
				+ol,
			
 
				+li,
			
 
				+dl,
			
 
				+dt,
			
 
				+dd,
			
 
				+table,
			
 
				+tr,
			
 
				+td,
			
 
				+form,
			
 
				+hr,
			
 
				+fieldset,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+img,
			
 
				+input {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+html,
			
 
				+body {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+    display: flex;
			
 
				+}
			
 
				+
			
 
				+.el-row {
			
 
				+    &::before {
			
 
				+        display: none;
			
 
				+    }
			
 
				+    &::after {
			
 
				+        display: none;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// 表格样式修改
			
 
				+.transparentTableRow {
			
 
				+    background: transparent !important;
			
 
				+    th.gutter {
			
 
				+        display: table-cell !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        flex-shrink: 0;
			
 
				+        width: 100% !important;
			
 
				+    }
			
 
				+    table {
			
 
				+        font-size: 14px;
			
 
				+        tr,
			
 
				+        td {
			
 
				+            padding: 0;
			
 
				+            background: rgba(0, 251, 251, .051) !important;
			
 
				+            color: #FFF;
			
 
				+            border-color: rgba(0, 250, 251, 0.20);
			
 
				+        }
			
 
				+        .death {
			
 
				+            // color: red !important;
			
 
				+        }
			
 
				+        tr {
			
 
				+            margin-bottom: 1px;
			
 
				+        }
			
 
				+        th {
			
 
				+            color: #FFF;
			
 
				+            background: rgba(0, 250, 251, 0.20);
			
 
				+            border-color: transparent;
			
 
				+            .cell {
			
 
				+                padding: 0;
			
 
				+            }
			
 
				+        }
			
 
				+        thead {
			
 
				+            th {
			
 
				+                padding: 0;
			
 
				+                height: 34px;
			
 
				+                border-color: rgba(0, 250, 251, 0.20) !important;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__header-wrapper {
			
 
				+        display: inline-table;
			
 
				+        width: 100%;
			
 
				+        table {
			
 
				+            display: contents;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-table__expanded-cell {
			
 
				+        padding: 10px;
			
 
				+    }
			
 
				+    .el-table__expand-icon {
			
 
				+        color: #FFF;
			
 
				+    }
			
 
				+    .cell {
			
 
				+        padding: 0 10px;
			
 
				+    }
			
 
				+    .name-wrapper {
			
 
				+        white-space: nowrap;
			
 
				+        -webkit-box-sizing: border-box;
			
 
				+        box-sizing: border-box;
			
 
				+        overflow: hidden;
			
 
				+        text-overflow: ellipsis;
			
 
				+        word-break: break-all;
			
 
				+    }
			
 
				+    .el-table__body-wrapper {
			
 
				+        scrollbar-width: none;
			
 
				+        /* firefox */
			
 
				+        -ms-overflow-style: none;
			
 
				+        /* IE 10+ */
			
 
				+        overflow-x: hidden;
			
 
				+        overflow-y: auto;
			
 
				+        &::-webkit-scrollbar {
			
 
				+            display: none;
			
 
				+            // opacity: 0;
			
 
				+            /* Chrome Safari */
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.yellow {
			
 
				+    color: #FDC51A;
			
 
				+}
			
 
				+
			
 
				+.blue {
			
 
				+    color: #1AF3FD;
			
 
				+}
			
 
				+
			
 
				+.green {
			
 
				+    color: #0DC94F;
			
 
				+}
			
 
				+
			
 
				+.red {
			
 
				+    color: #FF0000;
			
 
				+}
			
 
				+
			
 
				+.el-table {
			
 
				+    // border-radius: 10px;
			
 
				+    &::before {
			
 
				+        height: 0;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// form表单样式
			
 
				+.el-form {
			
 
				+    .el-form-item {
			
 
				+        color: #17CECC;
			
 
				+        .el-form-item__label {
			
 
				+            color: #17CECC;
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            padding: 0 12px 0 0;
			
 
				+        }
			
 
				+        .el-form-item__content {
			
 
				+            line-height: 28px;
			
 
				+            font-size: 14px;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-form-item--mini {
			
 
				+        margin-bottom: 18px;
			
 
				+        margin-right: 10px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+// select 下拉框样式修改
			
 
				+.el-select {
			
 
				+    color: #17CECC;
			
 
				+    .el-input__inner {
			
 
				+        color: #17CECC;
			
 
				+        background: transparent;
			
 
				+        border-color: #17CECC;
			
 
				+        font-size: 14px;
			
 
				+        padding-right: 30px;
			
 
				+        padding-left: 15px;
			
 
				+        &::-webkit-input-placeholder {
			
 
				+            font-size: 14px;
			
 
				+            line-height: 28px;
			
 
				+            color: #17CECC;
			
 
				+        }
			
 
				+    }
			
 
				+    .el-input__suffix .el-input__suffix-inner .el-input__icon {
			
 
				+        color: #17CECC;
			
 
				+        line-height: 28px;
			
 
				+        font-size: 14px;
			
 
				+    }
			
 
				+    .el-input--mini {
			
 
				+        font-size: 14px;
			
 
				+        line-height: 28px;
			
 
				+        .el-input__inner {
			
 
				+            height: 28px;
			
 
				+            line-height: 28px;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/.history/src/main_20210725211915.js
+++ b/.history/src/main_20210725211915.js
@@ -0,0 +1,35 @@
 
				+import Vue from 'vue'
			
 
				+import './plugins/axios'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+import querystring from 'querystring';
			
 
				+
			
 
				+Vue.use(Vant);
			
 
				+Vue.config.productionTip = false
			
 
				+Vue.prototype.$qs = querystring
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
 
				+
			
 
				+// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
			
 
				+Date.prototype.Format = function(fmt) {
			
 
				+  let o = {
			
 
				+      'M+': this.getMonth() + 1, // 月份
			
 
				+      'd+': this.getDate(), // 日
			
 
				+      'h+': this.getHours(), // 小时
			
 
				+      'm+': this.getMinutes(), // 分
			
 
				+      's+': this.getSeconds(), // 秒
			
 
				+      'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
			
 
				+      'S': this.getMilliseconds() // 毫秒
			
 
				+  };
			
 
				+  if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)); }
			
 
				+  for (let k in o) {
			
 
				+      if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))); }
			
 
				+  }
			
 
				+  return fmt;
			
 
				+};
			
--- a/.history/src/main_20210802153535.js
+++ b/.history/src/main_20210802153535.js
@@ -0,0 +1,36 @@
 
				+import Vue from 'vue'
			
 
				+import './plugins/axios'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+import './assets/common.scss'
			
 
				+import querystring from 'querystring';
			
 
				+
			
 
				+Vue.use(Vant);
			
 
				+Vue.config.productionTip = false
			
 
				+Vue.prototype.$qs = querystring
			
 
				+new Vue({
			
 
				+    router,
			
 
				+    store,
			
 
				+    render: h => h(App)
			
 
				+}).$mount('#app')
			
 
				+
			
 
				+// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
			
 
				+Date.prototype.Format = function(fmt) {
			
 
				+    let o = {
			
 
				+        'M+': this.getMonth() + 1, // 月份
			
 
				+        'd+': this.getDate(), // 日
			
 
				+        'h+': this.getHours(), // 小时
			
 
				+        'm+': this.getMinutes(), // 分
			
 
				+        's+': this.getSeconds(), // 秒
			
 
				+        'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
			
 
				+        'S': this.getMilliseconds() // 毫秒
			
 
				+    };
			
 
				+    if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)); }
			
 
				+    for (let k in o) {
			
 
				+        if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))); }
			
 
				+    }
			
 
				+    return fmt;
			
 
				+};
			
--- a/.history/src/main_20210802155924.js
+++ b/.history/src/main_20210802155924.js
@@ -0,0 +1,37 @@
 
				+import Vue from 'vue'
			
 
				+import './plugins/axios'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+import './assets/common.scss'
			
 
				+import querystring from 'querystring';
			
 
				+import './assets/font/index.scss'
			
 
				+
			
 
				+Vue.use(Vant);
			
 
				+Vue.config.productionTip = false
			
 
				+Vue.prototype.$qs = querystring
			
 
				+new Vue({
			
 
				+    router,
			
 
				+    store,
			
 
				+    render: h => h(App)
			
 
				+}).$mount('#app')
			
 
				+
			
 
				+// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
			
 
				+Date.prototype.Format = function(fmt) {
			
 
				+    let o = {
			
 
				+        'M+': this.getMonth() + 1, // 月份
			
 
				+        'd+': this.getDate(), // 日
			
 
				+        'h+': this.getHours(), // 小时
			
 
				+        'm+': this.getMinutes(), // 分
			
 
				+        's+': this.getSeconds(), // 秒
			
 
				+        'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
			
 
				+        'S': this.getMilliseconds() // 毫秒
			
 
				+    };
			
 
				+    if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)); }
			
 
				+    for (let k in o) {
			
 
				+        if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))); }
			
 
				+    }
			
 
				+    return fmt;
			
 
				+};
			
--- a/.history/src/plugins/axios_20210725231723.js
+++ b/.history/src/plugins/axios_20210725231723.js
@@ -0,0 +1,61 @@
 
				+"use strict";
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+import axios from "axios";
			
 
				+// Full config:  https://github.com/axios/axios#request-config
			
 
				+// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
			
 
				+// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
			
 
				+// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
			
 
				+
			
 
				+let config = {
			
 
				+  // baseURL: process.env.baseURL || process.env.apiUrl || ""
			
 
				+  // timeout: 60 * 1000, // Timeout
			
 
				+  // withCredentials: true, // Check cross-site Access-Control
			
 
				+};
			
 
				+
			
 
				+const _axios = axios.create(config);
			
 
				+
			
 
				+_axios.interceptors.request.use(
			
 
				+  function(config) {
			
 
				+    // Do something before request is sent
			
 
				+    return config;
			
 
				+  },
			
 
				+  function(error) {
			
 
				+    // Do something with request error
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+// Add a response interceptor
			
 
				+_axios.interceptors.response.use(
			
 
				+  function(response) {
			
 
				+    // Do something with response data
			
 
				+    return response;
			
 
				+  },
			
 
				+  function(error) {
			
 
				+    // Do something with response error
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+Plugin.install = function(Vue, options) {
			
 
				+  console.log(options)
			
 
				+  Vue.axios = _axios;
			
 
				+  window.axios = _axios;
			
 
				+  Object.defineProperties(Vue.prototype, {
			
 
				+    axios: {
			
 
				+      get() {
			
 
				+        return _axios;
			
 
				+      }
			
 
				+    },
			
 
				+    $axios: {
			
 
				+      get() {
			
 
				+        return _axios;
			
 
				+      }
			
 
				+    },
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin)
			
 
				+
			
 
				+export default Plugin;
			
--- a/.history/src/plugins/axios_20210802142820.js
+++ b/.history/src/plugins/axios_20210802142820.js
@@ -0,0 +1,62 @@
 
				+"use strict";
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+import axios from "axios";
			
 
				+// Full config:  https://github.com/axios/axios#request-config
			
 
				+// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
			
 
				+// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
			
 
				+axios.defaults.baseURL = 'http://121.40.217.77:8082';
			
 
				+// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
			
 
				+
			
 
				+let config = {
			
 
				+    // baseURL: process.env.baseURL || process.env.apiUrl || ""
			
 
				+    // timeout: 60 * 1000, // Timeout
			
 
				+    // withCredentials: true, // Check cross-site Access-Control
			
 
				+};
			
 
				+
			
 
				+const _axios = axios.create(config);
			
 
				+
			
 
				+_axios.interceptors.request.use(
			
 
				+    function(config) {
			
 
				+        // Do something before request is sent
			
 
				+        return config;
			
 
				+    },
			
 
				+    function(error) {
			
 
				+        // Do something with request error
			
 
				+        return Promise.reject(error);
			
 
				+    }
			
 
				+);
			
 
				+
			
 
				+// Add a response interceptor
			
 
				+_axios.interceptors.response.use(
			
 
				+    function(response) {
			
 
				+        // Do something with response data
			
 
				+        return response;
			
 
				+    },
			
 
				+    function(error) {
			
 
				+        // Do something with response error
			
 
				+        return Promise.reject(error);
			
 
				+    }
			
 
				+);
			
 
				+
			
 
				+Plugin.install = function(Vue, options) {
			
 
				+    console.log(options)
			
 
				+    Vue.axios = _axios;
			
 
				+    window.axios = _axios;
			
 
				+    Object.defineProperties(Vue.prototype, {
			
 
				+        axios: {
			
 
				+            get() {
			
 
				+                return _axios;
			
 
				+            }
			
 
				+        },
			
 
				+        $axios: {
			
 
				+            get() {
			
 
				+                return _axios;
			
 
				+            }
			
 
				+        },
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin)
			
 
				+
			
 
				+export default Plugin;
			
--- a/.history/src/plugins/axios_20210802143126.js
+++ b/.history/src/plugins/axios_20210802143126.js
@@ -0,0 +1,62 @@
 
				+"use strict";
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+import axios from "axios";
			
 
				+// Full config:  https://github.com/axios/axios#request-config
			
 
				+// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
			
 
				+// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
			
 
				+axios.defaults.baseURL = 'http://121.40.217.77:8082';
			
 
				+// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
			
 
				+
			
 
				+let config = {
			
 
				+    // baseURL: process.env.baseURL || process.env.apiUrl || ""
			
 
				+    // timeout: 60 * 1000, // Timeout
			
 
				+    // withCredentials: true, // Check cross-site Access-Control
			
 
				+};
			
 
				+
			
 
				+const _axios = axios.create(config);
			
 
				+
			
 
				+_axios.interceptors.request.use(
			
 
				+    function(config) {
			
 
				+        // Do something before request is sent
			
 
				+        return config;
			
 
				+    },
			
 
				+    function(error) {
			
 
				+        // Do something with request error
			
 
				+        return Promise.reject(error);
			
 
				+    }
			
 
				+);
			
 
				+
			
 
				+// Add a response interceptor
			
 
				+_axios.interceptors.response.use(
			
 
				+    function(response) {
			
 
				+        // Do something with response data
			
 
				+        return response.data;
			
 
				+    },
			
 
				+    function(error) {
			
 
				+        // Do something with response error
			
 
				+        return Promise.reject(error);
			
 
				+    }
			
 
				+);
			
 
				+
			
 
				+Plugin.install = function(Vue, options) {
			
 
				+    console.log(options)
			
 
				+    Vue.axios = _axios;
			
 
				+    window.axios = _axios;
			
 
				+    Object.defineProperties(Vue.prototype, {
			
 
				+        axios: {
			
 
				+            get() {
			
 
				+                return _axios;
			
 
				+            }
			
 
				+        },
			
 
				+        $axios: {
			
 
				+            get() {
			
 
				+                return _axios;
			
 
				+            }
			
 
				+        },
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin)
			
 
				+
			
 
				+export default Plugin;
			
--- a/.history/src/router/index_20210725220357.js
+++ b/.history/src/router/index_20210725220357.js
@@ -0,0 +1,25 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'Home',
			
 
				+    component: ()=>import(/* webpackChunkName: "about" */ '../views/home')
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/subscribe-info',
			
 
				+    name: 'subscribeInfo',
			
 
				+    component: ()=>import(/* webpackChunkName: "about" */ '../views/subscribe-info')
			
 
				+  },
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  mode: 'hash',
			
 
				+  base: '/',
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/.history/src/router/index_20210729141712.js
+++ b/.history/src/router/index_20210729141712.js
@@ -0,0 +1,19 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [{
			
 
				+    path: '/',
			
 
				+    name: 'Home',
			
 
				+    component: () =>
			
 
				+        import ( /* webpackChunkName: "about" */ '../views/home')
			
 
				+}, ]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+    mode: 'hash',
			
 
				+    base: '/',
			
 
				+    routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/.history/src/router/index_20210802152803.js
+++ b/.history/src/router/index_20210802152803.js
@@ -0,0 +1,24 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [{
			
 
				+    path: '/',
			
 
				+    name: 'Home',
			
 
				+    component: () =>
			
 
				+        import ( /* webpackChunkName: "about" */ '../views/home')
			
 
				+}, {
			
 
				+    path: '/agricultural-trade',
			
 
				+    name: 'agricultural-trade',
			
 
				+    component: () =>
			
 
				+        import ( /* webpackChunkName: "about" */ '../views/agricultural-trade')
			
 
				+}, ]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+    mode: 'hash',
			
 
				+    base: '/',
			
 
				+    routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/.history/src/store/index_20210724172915.js
+++ b/.history/src/store/index_20210724172915.js
@@ -0,0 +1,15 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: {
			
 
				+  },
			
 
				+  mutations: {
			
 
				+  },
			
 
				+  actions: {
			
 
				+  },
			
 
				+  modules: {
			
 
				+  }
			
 
				+})
			
--- a/.history/src/store/index_20210802155508.js
+++ b/.history/src/store/index_20210802155508.js
@@ -0,0 +1,18 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+    state: {
			
 
				+        weaterRes: {}
			
 
				+    },
			
 
				+    mutations: {
			
 
				+        changWeater(state, val) {
			
 
				+            state.weaterRes = val
			
 
				+            console.log(state.weaterRes)
			
 
				+        }
			
 
				+    },
			
 
				+    actions: {},
			
 
				+    modules: {}
			
 
				+})
			
--- a/.history/src/store/index_20210803145212.js
+++ b/.history/src/store/index_20210803145212.js
@@ -0,0 +1,22 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+    state: {
			
 
				+        weaterRes: {},
			
 
				+        windowWidth: 1920 + 1080,
			
 
				+    },
			
 
				+    mutations: {
			
 
				+        changClient(state, val) {
			
 
				+            state.windowWidth = val
			
 
				+        },
			
 
				+        changWeater(state, val) {
			
 
				+            state.weaterRes = val
			
 
				+            console.log(state.weaterRes)
			
 
				+        }
			
 
				+    },
			
 
				+    actions: {},
			
 
				+    modules: {}
			
 
				+})
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803132924.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803132924.js
@@ -0,0 +1,66 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133121.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133121.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}\n{hr|————————}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-20, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133301.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133301.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}\n{hr|————————}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-20, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133308.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133308.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        // backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}\n{hr|————————}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-20, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133333.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133333.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        // backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-20, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133343.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133343.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        // backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [0, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133347.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133347.js
@@ -0,0 +1,150 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        // backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-10, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133505.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133505.js
@@ -0,0 +1,151 @@
 
				+export default function getData() {
			
 
				+    //职称结构取数
			
 
				+    var getname = ['小说', '教材', '期刊', '其他'];
			
 
				+    var getvalue = [300, 200, 100, 50];
			
 
				+    var data = [];
			
 
				+    for (var i = 0; i < getname.length; i++) {
			
 
				+        data.push({
			
 
				+            name: getname[i],
			
 
				+            value: getvalue[i]
			
 
				+        })
			
 
				+    }
			
 
				+    var colorList = ['#503EFF', '#3E82FF', '#8BF39A', '#00FCFD'];
			
 
				+    var rich = {
			
 
				+        name: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 14,
			
 
				+            padding: [10, 15, 0, 10],
			
 
				+            fontWeight: '400',
			
 
				+            align: 'left'
			
 
				+        },
			
 
				+        value: {
			
 
				+            color: "#FFF",
			
 
				+            fontSize: 15,
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+            fontWeight: '500',
			
 
				+            align: 'right'
			
 
				+        },
			
 
				+        percent: {
			
 
				+            color: "#FFF",
			
 
				+            align: 'right',
			
 
				+            fontSize: 15,
			
 
				+            fontWeight: '500',
			
 
				+            //padding: [0, 5]
			
 
				+            padding: [10, 10, 0, 15],
			
 
				+        },
			
 
				+        hr: {
			
 
				+            width: '100%',
			
 
				+            height: 0,
			
 
				+        },
			
 
				+        cir: {
			
 
				+            fontSize: 26,
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        // backgroundColor: '#0A1934',
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+        },
			
 
				+        series: [{
			
 
				+            tooltip: {
			
 
				+                trigger: 'item',
			
 
				+                formatter: function(params) {
			
 
				+                    return params.name + '：' + params.value + '册<br>占比：' + params.percent.toFixed(2) + '%'
			
 
				+                }
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: 'inner',
			
 
				+                    formatter: params => {
			
 
				+                        return (
			
 
				+                            '{percent|' + params.percent.toFixed(0) + '%}'
			
 
				+                        );
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+
			
 
				+                    formatter: params => {
			
 
				+                        return '{name|' + params.name + '}{value|' + params.value + '}';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                    padding: [-10, 25, 0, 25]
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }, {
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    borderColor: '#0A1934',
			
 
				+                    borderWidth: 5,
			
 
				+                    color: function(params) {
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            type: 'pie',
			
 
				+            silent: true, //取消高亮
			
 
				+            radius: ['30%', '50%'],
			
 
				+            center: ["50%", "50%"],
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    length: 30,
			
 
				+                    length2: 0,
			
 
				+                    lineStyle: {
			
 
				+                        color: 'transparent'
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    formatter: params => {
			
 
				+                        return '\n{cir|●}\n';
			
 
				+                    },
			
 
				+                    rich: rich,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data,
			
 
				+            z: -1
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803133934.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803133934.js
@@ -0,0 +1,279 @@
 
				+export default function getData() {
			
 
				+    var data = [{
			
 
				+            value: 100,
			
 
				+            name: 'Chrome移动版',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 80,
			
 
				+            name: 'Google Chrome',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 65,
			
 
				+            name: '微信浏览器',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 65,
			
 
				+            name: '手机百度',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 60,
			
 
				+            name: 'UC浏览器（其他）',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 60,
			
 
				+            name: 'QQ手机浏览器',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 50,
			
 
				+            name: 'Safari移动版',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        {
			
 
				+            value: 90,
			
 
				+            name: '其它',
			
 
				+            label: {
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            itemStyle: {
			
 
				+
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    function angleText(i, num) {
			
 
				+        //每个元素的角度
			
 
				+        var everyAngle = 360 / num;
			
 
				+        //文字现在所在的角度
			
 
				+        var currentAngle = i * everyAngle + everyAngle / 2;
			
 
				+        //文字所在模块的所占角度
			
 
				+        var currentArea = (i + 1) * everyAngle;
			
 
				+
			
 
				+        if (currentAngle <= 90) {
			
 
				+            return -currentAngle;
			
 
				+        } else if (currentAngle <= 180 && currentAngle > 90) {
			
 
				+            return 180 - currentAngle;
			
 
				+        } else if (currentAngle < 270 && currentAngle > 180) {
			
 
				+            return 180 - currentAngle;
			
 
				+        } else if (currentAngle < 360 && currentAngle >= 270) {
			
 
				+            return 360 - currentAngle;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    //有值的色图的正切处理
			
 
				+    var data3 = [];
			
 
				+    data3 = JSON.parse(JSON.stringify(data));
			
 
				+    for (var i = 0; i < data3.length; i++) {
			
 
				+        if (i === 0) {
			
 
				+            data3[i]['label']['color'] = '#333';
			
 
				+            data3[i]['itemStyle']['color'] = 'rgba(25, 255, 224)';
			
 
				+            data3[i]['emphasis']['itemStyle']['color'] = 'rgba(25, 255, 224)';
			
 
				+            data3[i]['label']['rotate'] = angleText(i, data3.length);
			
 
				+        } else {
			
 
				+            data3[i]['label']['color'] = '#fff';
			
 
				+            data3[i]['itemStyle']['color'] = '#4169E1';
			
 
				+            data3[i]['emphasis']['itemStyle']['color'] = '#6A5ACD';
			
 
				+            data3[i]['label']['rotate'] = angleText(i, data3.length);
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    //最外层大圈的数据
			
 
				+    var data1 = [];
			
 
				+
			
 
				+    data1 = JSON.parse(JSON.stringify(data));
			
 
				+    for (var i = 0; i < data1.length; i++) {
			
 
				+        data1[i].value = 1;
			
 
				+        data1[i]['label']['rotate'] = angleText(i, data1.length);
			
 
				+        if (i === 0) {
			
 
				+            data1[i]['label']['color'] = 'rgba(25, 255, 224)';
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    //透明饼图的数据
			
 
				+    var data2 = [];
			
 
				+
			
 
				+    for (var i = 0; i < data.length; i++) {
			
 
				+        if (i === 0) {
			
 
				+            data2.push({
			
 
				+                value: 1,
			
 
				+                itemStyle: {
			
 
				+                    color: 'rgba(25, 255, 224,0.05)',
			
 
				+                }
			
 
				+            });
			
 
				+        } else {
			
 
				+            data2.push({
			
 
				+                value: 1,
			
 
				+                itemStyle: {
			
 
				+                    color: 'transparent',
			
 
				+                }
			
 
				+            });
			
 
				+        }
			
 
				+    }
			
 
				+    return {
			
 
				+        backgroundColor: 'rgba(9, 15, 33)',
			
 
				+        grid: {},
			
 
				+        polar: {},
			
 
				+        angleAxis: {
			
 
				+            show: false,
			
 
				+            interval: 1,
			
 
				+            type: 'category',
			
 
				+            data: [],
			
 
				+
			
 
				+
			
 
				+        },
			
 
				+        //中间画圈圈的坐标轴
			
 
				+        radiusAxis: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ["68%", "90%"],
			
 
				+            hoverAnimation: false,
			
 
				+            itemStyle: {
			
 
				+                color: 'transparent'
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    length: 30,
			
 
				+                    length2: 55
			
 
				+                },
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    position: 'inside',
			
 
				+                    align: 'right'
			
 
				+                }
			
 
				+            },
			
 
				+            name: "",
			
 
				+            data: data1
			
 
				+        }, {
			
 
				+            stack: 'a',
			
 
				+            type: 'pie',
			
 
				+            radius: ['75%', '42%'],
			
 
				+            roseType: 'area',
			
 
				+            zlevel: 10,
			
 
				+            itemStyle: {
			
 
				+                color: '#4169E1',
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                itemStyle: {
			
 
				+                    color: '#6A5ACD'
			
 
				+                }
			
 
				+            },
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    textStyle: {
			
 
				+                        fontSize: 18,
			
 
				+                        color: '#fff'
			
 
				+                    },
			
 
				+                    position: 'inside',
			
 
				+                    rotate: 30,
			
 
				+                    align: 'right',
			
 
				+                    fontWeight: 'bold',
			
 
				+                    formatter: '{c}%'
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                    show: true
			
 
				+                }
			
 
				+            },
			
 
				+            animation: false,
			
 
				+            data: data3
			
 
				+        }, {
			
 
				+            type: 'pie',
			
 
				+            zlevel: 99,
			
 
				+            radius: ["15%", "90%"],
			
 
				+            selectedOffset: 0,
			
 
				+            animation: false,
			
 
				+            hoverAnimation: false,
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                }
			
 
				+            },
			
 
				+            data: data2
			
 
				+        }]
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134051.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134051.js
@@ -0,0 +1,57 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            left: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['50%', '60%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '30',
			
 
				+                    fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134135.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134135.js
@@ -0,0 +1,57 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['50%', '60%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134145.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134145.js
@@ -0,0 +1,57 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['50%', '60%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134203.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134203.js
@@ -0,0 +1,57 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['80%', '90%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134233.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134233.js
@@ -0,0 +1,58 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['80%', '90%'],
			
 
				+            center: ['50%', '20%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134239.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134239.js
@@ -0,0 +1,58 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['80%', '90%'],
			
 
				+            center: ['20%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134242.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134242.js
@@ -0,0 +1,58 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['80%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134248.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134248.js
@@ -0,0 +1,58 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center'
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134411.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134411.js
@@ -0,0 +1,59 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134449.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134449.js
@@ -0,0 +1,60 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134518.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134518.js
@@ -0,0 +1,64 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            textStyle: {
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: [{
			
 
				+                    value: 335,
			
 
				+                    name: '直接访问'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 310,
			
 
				+                    name: '邮件营销'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 234,
			
 
				+                    name: '联盟广告'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 135,
			
 
				+                    name: '视频广告学习相'
			
 
				+                },
			
 
				+                {
			
 
				+                    value: 500,
			
 
				+                    name: '搜索引擎'
			
 
				+                }
			
 
				+            ],
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134741.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134741.js
@@ -0,0 +1,70 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '访问来源',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134807.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134807.js
@@ -0,0 +1,70 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            name: '',
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134813.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134813.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134900.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134900.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: true,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            // emphasis: {
			
 
				+            //     label: {
			
 
				+            //         show: true,
			
 
				+            //         fontSize: '20',
			
 
				+            //         // fontWeight: 'bold'
			
 
				+            //     }
			
 
				+            // },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134908.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134908.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{a} <br/>{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134919.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134919.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803134924.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803134924.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 335,
			
 
				+            name: '直接访问'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 310,
			
 
				+            name: '邮件营销'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 234,
			
 
				+            name: '联盟广告'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 135,
			
 
				+            name: '视频广告学习相'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 500,
			
 
				+            name: '搜索引擎'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803135105.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803135105.js
@@ -0,0 +1,69 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803135213.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803135213.js
@@ -0,0 +1,70 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(0,41,91,0.7)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+
			
 
				+        color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803135224.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803135224.js
@@ -0,0 +1,68 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(0,41,91,0.7)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803135255.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803135255.js
@@ -0,0 +1,68 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(19,123,249,1)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 10,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts2_20210803135304.js
+++ b/.history/src/views/agricultural-trade/echarts2_20210803135304.js
@@ -0,0 +1,68 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(19,123,249,1)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 20,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140005.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140005.js
@@ -0,0 +1,68 @@
 
				+export default function getData() {
			
 
				+    let params = [{
			
 
				+            value: 29.07,
			
 
				+            name: '蔬菜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 26.16,
			
 
				+            name: '肉类'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 23.26,
			
 
				+            name: '熟食'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 11.34,
			
 
				+            name: '海鲜'
			
 
				+        },
			
 
				+        {
			
 
				+            value: 10.17,
			
 
				+            name: '其他'
			
 
				+        }
			
 
				+    ]
			
 
				+    return {
			
 
				+        color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(19,123,249,1)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
			
 
				+        tooltip: {
			
 
				+            trigger: 'item',
			
 
				+            // formatter: '{b}: {c} ({d}%)'
			
 
				+        },
			
 
				+        legend: {
			
 
				+            orient: 'vertical',
			
 
				+            right: 10,
			
 
				+            top: 20,
			
 
				+            itemGap: 20,
			
 
				+            formatter: function(param) {
			
 
				+                return param + '    ' + params.find(val => val.name === param).value + '%';
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                show: true
			
 
				+            },
			
 
				+            textStyle: {
			
 
				+                color: "#FFF"
			
 
				+            },
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'pie',
			
 
				+            radius: ['60%', '90%'],
			
 
				+            center: ['30%', '50%'],
			
 
				+            avoidLabelOverlap: false,
			
 
				+            label: {
			
 
				+                show: false,
			
 
				+                position: 'center',
			
 
				+                color: "#FFF",
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+                label: {
			
 
				+                    show: true,
			
 
				+                    fontSize: '20',
			
 
				+                    // fontWeight: 'bold'
			
 
				+                }
			
 
				+            },
			
 
				+            labelLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: params,
			
 
				+            roundCap: 1 //可选项为1和2，不填则采用原有拼接方式
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140218.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140218.js
@@ -0,0 +1,221 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        backgroundColor: '#0d073d', // 背景透明
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            formatter: function(params, ticket, callback) {
			
 
				+                console.log(params[1])
			
 
				+                var res = '<table class="charts_tip">' +
			
 
				+                    '<thead>' +
			
 
				+                    '<tr><th colspan="2" style="padding:2px 5px; background:' + params[1].color + '">' + params[1].name + '</th></tr>' +
			
 
				+                    '</thead>' +
			
 
				+                    '<tbody>' +
			
 
				+                    '<tr><td class="cc" style="padding:2px 5px;">数量</td><td>' + params[1].value + '</td></tr>' +
			
 
				+                    '<tr><td class="cc" style="padding:2px 5px;">备注</td><td>' + params[1].data.test + '</td></tr>' +
			
 
				+                    '</tbody>' +
			
 
				+                    '</table>';
			
 
				+                setTimeout(function() {
			
 
				+                    callback(ticket, res); // 仅为了模拟异步回调
			
 
				+                }, 3000)
			
 
				+                return res;
			
 
				+            }
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '8%',
			
 
				+            left: '7%',
			
 
				+            right: '15%',
			
 
				+            bottom: '10%',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140230.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140230.js
@@ -0,0 +1,220 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+            formatter: function(params, ticket, callback) {
			
 
				+                console.log(params[1])
			
 
				+                var res = '<table class="charts_tip">' +
			
 
				+                    '<thead>' +
			
 
				+                    '<tr><th colspan="2" style="padding:2px 5px; background:' + params[1].color + '">' + params[1].name + '</th></tr>' +
			
 
				+                    '</thead>' +
			
 
				+                    '<tbody>' +
			
 
				+                    '<tr><td class="cc" style="padding:2px 5px;">数量</td><td>' + params[1].value + '</td></tr>' +
			
 
				+                    '<tr><td class="cc" style="padding:2px 5px;">备注</td><td>' + params[1].data.test + '</td></tr>' +
			
 
				+                    '</tbody>' +
			
 
				+                    '</table>';
			
 
				+                setTimeout(function() {
			
 
				+                    callback(ticket, res); // 仅为了模拟异步回调
			
 
				+                }, 3000)
			
 
				+                return res;
			
 
				+            }
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '8%',
			
 
				+            left: '7%',
			
 
				+            right: '15%',
			
 
				+            bottom: '10%',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140246.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140246.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '8%',
			
 
				+            left: '7%',
			
 
				+            right: '15%',
			
 
				+            bottom: '10%',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140249.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140249.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '8%',
			
 
				+            left: '7%',
			
 
				+            right: '15%',
			
 
				+            bottom: '10%',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140305.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140305.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: '0',
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140317.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140317.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 100,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140322.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140322.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 20,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140326.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140326.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 30,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140331.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140331.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 40,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140345.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140345.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: true, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140355.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140355.js
@@ -0,0 +1,205 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140417.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140417.js
@@ -0,0 +1,206 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140421.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140421.js
@@ -0,0 +1,206 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140431.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140431.js
@@ -0,0 +1,206 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140504.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140504.js
@@ -0,0 +1,206 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            barGap: "-100%",
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    color: '#1a2859' // 图表颜色
			
 
				+                }
			
 
				+            },
			
 
				+            // data: bgData, // 载入背景数据
			
 
				+            z: 0
			
 
				+        }, {
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140513.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140513.js
@@ -0,0 +1,190 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                        /*formatter: function(params) { console.log(params)
			
 
				+                            var strVal = 0;
			
 
				+                            chartData.forEach(function(v, i, array) {
			
 
				+                                if (params.name == v.name) {
			
 
				+                                    strVal = v.value;
			
 
				+                                    params.data = v.test
			
 
				+                                }
			
 
				+                            })
			
 
				+                            return strVal + '%';
			
 
				+                        }*/
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    //barBorderRadius: [0, 17, 17, 0]  //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140525.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140525.js
@@ -0,0 +1,180 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [0, 17, 17, 0] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140534.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140534.js
@@ -0,0 +1,180 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 27,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [17, 17, 17, 17] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140540.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140540.js
@@ -0,0 +1,180 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 10,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [17, 17, 17, 17] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140549.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140549.js
@@ -0,0 +1,180 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [17, 17, 17, 17] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140602.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140602.js
@@ -0,0 +1,180 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+            test: '备注1' //自定义参数
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+            test: '备注2'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+            test: '备注3'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+            test: '备注4'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+            test: '备注5'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+            test: '备注6'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+            test: '备注7'
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+            test: '备注8'
			
 
				+        }
			
 
				+    ];
			
 
				+
			
 
				+    var itemValue = [],
			
 
				+        bgData = []; //声明背景数据
			
 
				+
			
 
				+    // 取出所有数据最大值,作为柱形图背景数据
			
 
				+    chartData.forEach(function(items, index) { //console.log(items)
			
 
				+        itemValue.push(items.value);
			
 
				+    });
			
 
				+    let maxdata = Math.max.apply(null, itemValue); ///applay方法★取得最大值
			
 
				+    //console.log("最大值为 %c"+ maxdata, "color:red");
			
 
				+    for (var i = 0; i < chartData.length; i++) {
			
 
				+        bgData.push(maxdata); //取得最大值
			
 
				+    }
			
 
				+    console.log(bgData);
			
 
				+
			
 
				+    //图表
			
 
				+
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}' + "%"
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803140707.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803140707.js
@@ -0,0 +1,155 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '部门名称1',
			
 
				+            value: 50,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称2',
			
 
				+            value: 60,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称3',
			
 
				+            value: 66,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称4',
			
 
				+            value: 72,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称5',
			
 
				+            value: 80,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称6',
			
 
				+            value: 88,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称7',
			
 
				+            value: 96,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '部门名称8',
			
 
				+            value: 100,
			
 
				+        }
			
 
				+    ];
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141012.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141012.js
@@ -0,0 +1,163 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ];
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#ea9ef3', 'yellowgreen', '#4a5eea', '#00a0e9', '#8957a1', '#80f1b0', '#ff6692', '#f29b76'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141235.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141235.js
@@ -0,0 +1,163 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ];
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141330.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141330.js
@@ -0,0 +1,165 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#8aa5ab',
			
 
				+                    fontSize: 15
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141417.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141417.js
@@ -0,0 +1,166 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 16,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 15,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141447.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141447.js
@@ -0,0 +1,166 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 14,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 15,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141454.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141454.js
@@ -0,0 +1,166 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+            show: false,
			
 
				+            trigger: 'axis', // axis , item
			
 
				+            axisPointer: {
			
 
				+                type: 'shadow' // 'line' | 'shadow'
			
 
				+            },
			
 
				+            //backgroundColor:'transparent',
			
 
				+            padding: 0,
			
 
				+            textStyle: {
			
 
				+                fontSize: 10,
			
 
				+                fontFamily: 'Simsun',
			
 
				+                color: '#fff'
			
 
				+            },
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 15,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 16
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141508.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141508.js
@@ -0,0 +1,152 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 16
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 15,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 12
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141530.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141530.js
@@ -0,0 +1,152 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: '{c}'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141544.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141544.js
@@ -0,0 +1,152 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: '{c}' + '元'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803141553.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803141553.js
@@ -0,0 +1,152 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: '0',
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: '0',
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: ' {c}' + '元'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803144849.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803144849.js
@@ -0,0 +1,152 @@
 
				+export default function getData() {
			
 
				+    //声明数据
			
 
				+    var chartData = [{
			
 
				+            name: '周乾隆南北干货铺',
			
 
				+            value: 2689.6,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '郭安云肉铺',
			
 
				+            value: 2566,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁秋花蔬菜摊',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '徐志勇冷饮店',
			
 
				+            value: 2500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '伍世豪肉铺',
			
 
				+            value: 2300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '周丽娟水果店',
			
 
				+            value: 2200,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '宁小龙蔬菜铺',
			
 
				+            value: 1700,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '华城冷冻食品',
			
 
				+            value: 1500,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '曾学孔自产自销铺',
			
 
				+            value: 1300,
			
 
				+        },
			
 
				+        {
			
 
				+            name: '丁文根水产海鲜铺',
			
 
				+            value: 600,
			
 
				+        }
			
 
				+    ].sort((a, b) => {
			
 
				+        return a.value - b.value
			
 
				+    });
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 10,
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: 10,
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: ' {c}' + '元'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803173215.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803173215.js
@@ -0,0 +1,108 @@
 
				+export default function getData(chartData) {
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 10,
			
 
				+            left: '0',
			
 
				+            right: 50,
			
 
				+            bottom: 10,
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: ' {c}' + '元'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts3_20210803173438.js
+++ b/.history/src/views/agricultural-trade/echarts3_20210803173438.js
@@ -0,0 +1,108 @@
 
				+export default function getData(chartData) {
			
 
				+    return {
			
 
				+        title: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        legend: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+            show: false
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 10,
			
 
				+            left: '0',
			
 
				+            right: 60,
			
 
				+            bottom: 10,
			
 
				+            containLabel: true
			
 
				+        },
			
 
				+        xAxis: [{
			
 
				+            type: 'value',
			
 
				+            position: 'bottom',
			
 
				+            boundaryGap: false, // 边界间隙
			
 
				+            min: 0,
			
 
				+            axisLabel: {
			
 
				+                show: false,
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false,
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)'
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false, // 是否显示分割线
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
			
 
				+                    type: 'dashed',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            }
			
 
				+        }],
			
 
				+        yAxis: {
			
 
				+            type: 'category',
			
 
				+            position: 'left',
			
 
				+            axisLabel: {
			
 
				+                textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                    fontSize: 14,
			
 
				+
			
 
				+                }
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+                show: false, // 坐标轴小标记
			
 
				+                lineStyle: {
			
 
				+                    color: 'rgba(255, 255, 255, .5)',
			
 
				+                    width: 1
			
 
				+                }
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false // 坐标轴小标记
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+                show: false
			
 
				+            },
			
 
				+            data: (function(data) {
			
 
				+                    var arr = [];
			
 
				+                    data.forEach(function(items) {
			
 
				+                        arr.push(items.name);
			
 
				+                    });
			
 
				+                    return arr;
			
 
				+                })(chartData) // 载入y轴数据
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'bar',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: true,
			
 
				+                    position: 'right', // top, right, inside, insideTop,...
			
 
				+                    textStyle: {
			
 
				+                        color: 'white',
			
 
				+                        fontSize: 14
			
 
				+                    },
			
 
				+                    formatter: ' {c}' + '元'
			
 
				+                }
			
 
				+            },
			
 
				+            barWidth: 8,
			
 
				+            itemStyle: {
			
 
				+                normal: {
			
 
				+                    //color:'#ffc938', // 图表颜色
			
 
				+                    color: function(params) { // 颜色定制显示（按顺序）
			
 
				+                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
			
 
				+                        return colorList[params.dataIndex]
			
 
				+                    },
			
 
				+                    barBorderRadius: [8, 8, 8, 8] //圆角
			
 
				+                }
			
 
				+            },
			
 
				+            data: chartData, // 载入数据(内含自定义参数)
			
 
				+            z: 1
			
 
				+        }]
			
 
				+    };
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803132651.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803132651.js
--- a/.history/src/views/agricultural-trade/echarts_20210803132913.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803132913.js
@@ -0,0 +1,66 @@
 
				+export default function getData() {
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180607.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180607.js
@@ -0,0 +1,72 @@
 
				+export default function getData() {
			
 
				+    let data = Array.from(7).map((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180613.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180613.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array.from(7).map((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180644.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180644.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array(7).map((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180655.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180655.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array(7).map((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180723.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180723.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array(7).forEach((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180737.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180737.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array(7).forEach((val, ind) => {
			
 
				+        val = {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180755.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180755.js
@@ -0,0 +1,74 @@
 
				+export default function getData() {
			
 
				+    let data = Array(7)
			
 
				+    data.forEach((val, ind) => {
			
 
				+        val = {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}
			
--- a/.history/src/views/agricultural-trade/echarts_20210803180837.js
+++ b/.history/src/views/agricultural-trade/echarts_20210803180837.js
@@ -0,0 +1,73 @@
 
				+export default function getData() {
			
 
				+    let data = Array.from(Array(7)).map((val, ind) => {
			
 
				+        return {
			
 
				+            day: new Date().getTime() - (7 - ind - 1),
			
 
				+            val: Math.ceil(Math.random() * 1000)
			
 
				+        }
			
 
				+    })
			
 
				+    console.log(data)
			
 
				+    return {
			
 
				+        color: ["rgba(4,187,255,1)"],
			
 
				+        xAxis: {
			
 
				+            type: "category",
			
 
				+            data: ["7.18", "7.19", "7.20", "7.21", "7.22", "7.23", "7.24"],
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+            type: "value",
			
 
				+            max: function(value) {
			
 
				+                return value.max + value.max * 0.25;
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+                color: "#FFFFFF",
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+                show: false,
			
 
				+            },
			
 
				+        },
			
 
				+        grid: {
			
 
				+            top: 40,
			
 
				+            left: 40,
			
 
				+            right: 0,
			
 
				+            bottom: 30,
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: "pictorialBar",
			
 
				+            barCategoryGap: "30%",
			
 
				+            symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
			
 
				+            label: {
			
 
				+                normal: {
			
 
				+                    show: false,
			
 
				+                    position: "top",
			
 
				+                    textStyle: {
			
 
				+                        color: "#fff",
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            markPoint: {
			
 
				+                data: [
			
 
				+                    { type: 'max', name: '最大值', label: { color: "#fff", } },
			
 
				+                ]
			
 
				+            },
			
 
				+            data: [
			
 
				+                1200,
			
 
				+                {
			
 
				+                    value: 2000,
			
 
				+                    itemStyle: {
			
 
				+                        color: "rgba(255,239,143,1)",
			
 
				+                    },
			
 
				+                },
			
 
				+                1500,
			
 
				+                800,
			
 
				+                700,
			
 
				+                1100,
			
 
				+                1300,
			
 
				+            ],
			
 
				+        }, ],
			
 
				+    }
			
 
				+}