From dacd429fea37957c1a1c4e346a4cae22a587059a Mon Sep 17 00:00:00 2001
From: MTrunning <1262327911@qq.com>
Date: Mon, 27 Jul 2020 21:06:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9echart=E5=BC=95=E5=85=A5?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                             |  2 +-
 src/components/echart/bottom/bottomLeftChart.vue      |  7 +++----
 src/components/echart/bottom/bottomRightChart.vue     |  4 ++--
 src/components/echart/center/centerChartRate.vue      |  4 ++--
 .../echart/centerLeft2/centreLeft1Chart.vue           |  4 ++--
 .../echart/centerLeft2/centreLeft2Chart.vue           |  4 ++--
 .../echart/centreRight2/centreRight2Chart1.vue        |  4 ++--
 src/main.js                                           |  5 +++++
 vue.config.js                                         | 11 +++++++++++
 9 files changed, 30 insertions(+), 15 deletions(-)
 create mode 100644 vue.config.js

diff --git a/README.md b/README.md
index 7c1f5fe..13b7fec 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@
 
 | 文件                | 作用/功能                                           |
 | ------------------- | --------------------------------------------------- |
-| main.js             | 主目录文件，全局引入了引入 vue-awesome              |
+| main.js             | 主目录文件，引入Echart/DataV等文件                   |
 | utils               | 工具函数与 mixins 函数等                            |
 | views/ index.vue    | 项目主结构                                          |
 | views/其余文件      | 界面各个区域组件（按照位置来命名）ajax 接口请求位置 |
diff --git a/src/components/echart/bottom/bottomLeftChart.vue b/src/components/echart/bottom/bottomLeftChart.vue
index 1582d7c..d8f4199 100644
--- a/src/components/echart/bottom/bottomLeftChart.vue
+++ b/src/components/echart/bottom/bottomLeftChart.vue
@@ -6,7 +6,6 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
 export default {
   data() {
     return {
@@ -20,7 +19,7 @@ export default {
   methods: {
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById("bottomLeftChart"));
+      this.chart = this.$echarts.init(document.getElementById("bottomLeftChart"));
       //  ----------------------------------------------------------------
       let category = [
         "市区",
@@ -227,7 +226,7 @@ export default {
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   { offset: 0, color: "#956FD4" },
                   { offset: 1, color: "#3EACE5" }
                 ])
@@ -244,7 +243,7 @@ export default {
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   { offset: 0, color: "rgba(156,107,211,0.8)" },
                   { offset: 0.2, color: "rgba(156,107,211,0.5)" },
                   { offset: 1, color: "rgba(156,107,211,0.2)" }
diff --git a/src/components/echart/bottom/bottomRightChart.vue b/src/components/echart/bottom/bottomRightChart.vue
index e15e564..4330c56 100644
--- a/src/components/echart/bottom/bottomRightChart.vue
+++ b/src/components/echart/bottom/bottomRightChart.vue
@@ -6,7 +6,7 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
+
 export default {
   data() {
     return {
@@ -26,7 +26,7 @@ export default {
     },
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById("bottomRightChart"));
+      this.chart = this.$echarts.init(document.getElementById("bottomRightChart"));
       //  ----------------------------------------------------------------
       // 数据
       let dateBase = new Date();
diff --git a/src/components/echart/center/centerChartRate.vue b/src/components/echart/center/centerChartRate.vue
index d45b422..be0021c 100644
--- a/src/components/echart/center/centerChartRate.vue
+++ b/src/components/echart/center/centerChartRate.vue
@@ -6,7 +6,7 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
+
 export default {
   data() {
     return {
@@ -47,7 +47,7 @@ export default {
   methods: {
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById(this.id));
+      this.chart = this.$echarts.init(document.getElementById(this.id));
       //  ----------------------------------------------------------------
       let tips = this.tips;
       let option = {
diff --git a/src/components/echart/centerLeft2/centreLeft1Chart.vue b/src/components/echart/centerLeft2/centreLeft1Chart.vue
index c3f4be5..c407d50 100644
--- a/src/components/echart/centerLeft2/centreLeft1Chart.vue
+++ b/src/components/echart/centerLeft2/centreLeft1Chart.vue
@@ -6,7 +6,7 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
+
 export default {
   data() {
     return {
@@ -20,7 +20,7 @@ export default {
   methods: {
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById("centreLeft1Chart"));
+      this.chart = this.$echarts.init(document.getElementById("centreLeft1Chart"));
       //  ----------------------------------------------------------------
 
       this.chart.setOption({
diff --git a/src/components/echart/centerLeft2/centreLeft2Chart.vue b/src/components/echart/centerLeft2/centreLeft2Chart.vue
index 41a0d6b..8903a16 100644
--- a/src/components/echart/centerLeft2/centreLeft2Chart.vue
+++ b/src/components/echart/centerLeft2/centreLeft2Chart.vue
@@ -6,7 +6,7 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
+
 export default {
   data() {
     return {
@@ -20,7 +20,7 @@ export default {
   methods: {
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById("centreLeft2Chart"));
+      this.chart = this.$echarts.init(document.getElementById("centreLeft2Chart"));
       //  ----------------------------------------------------------------
 
       let option = {
diff --git a/src/components/echart/centreRight2/centreRight2Chart1.vue b/src/components/echart/centreRight2/centreRight2Chart1.vue
index 3f50e38..2c89f28 100644
--- a/src/components/echart/centreRight2/centreRight2Chart1.vue
+++ b/src/components/echart/centreRight2/centreRight2Chart1.vue
@@ -6,7 +6,7 @@
 
 <script>
 import echartMixins from "@/utils/resizeMixins";
-const echarts = require("echarts");
+
 export default {
   data() {
     return {
@@ -20,7 +20,7 @@ export default {
   methods: {
     draw() {
       // 基于准备好的dom，初始化echarts实例
-      this.chart = echarts.init(document.getElementById("centreRight2Chart1"));
+      this.chart = this.$echarts.init(document.getElementById("centreRight2Chart1"));
       //  ----------------------------------------------------------------
       let dataBJ = [
         [94, 69, 114, 2.08, 73, 39, 22],
diff --git a/src/main.js b/src/main.js
index 0f009c7..4dc8377 100644
--- a/src/main.js
+++ b/src/main.js
@@ -22,6 +22,11 @@ import '@/common/flexible.js';
 // 引入全局css
 import './assets/scss/style.scss';
 
+
+//引入echart
+import echarts from 'echarts'
+Vue.prototype.$echarts = echarts
+
 Vue.config.productionTip = false;
 
 new Vue({
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..02b976a
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,11 @@
+const path = require('path')
+const resolve = dir => {
+  return path.join(__dirname, dir)
+}
+module.exports = {
+  publicPath: './',
+  chainWebpack: config => {
+    config.resolve.alias
+      .set('_c', resolve('src/components')) // key,value自行定义，比如.set('@@', resolve('src/components'))
+  },
+}
\ No newline at end of file