zx

src/components/v-echars/index.vue

@@ -59,8 +59,7 @@ export default {
                                 params.event.event.stopPropagation();
                                 let o = {
                                     key: params.data.name,
-                                    offsetX: params.event.offsetX,
-                                    offsetY: params.event.offsetY,
+                                    index: params.seriesIndex,
                                 }
                                 this.$emit("clickMark", o);
                             }

src/views/BrandInsight/titsopo/index.vue

@@ -56,6 +56,7 @@ export default {
                 width:300,
                 height:280
             },
+            activeCol: 0,
             //-*-//
             load: false,
             btnLoading: false,
@@ -64,8 +65,7 @@ export default {
                 sBrand: "奥迪",
             },
             opt: {},
-            markPointUrl: '',
-            urlArr: []
+            urlArr: [] //url列表
         };
     },
     created() {
@@ -85,15 +85,16 @@ export default {
                 let hotTopArr = [];
                 let urlArr = [];
                 let hotIndex = [];
+                let dataI = 0;
                 data.forEach((ele) => {
                     let time = ele.Time;
                     let value = ele.Data;
                     dx.push(time);
                     ds.push(value);
                     if(ele.hotTop[0]) {
-                        this.markPointUrl = ele.hotTop[0].url;
                         ele.hotTop.forEach((e) => {
                             let urlObj = {
+                                column: dataI,
                                 title: doStr(e.title, 30),
                                 url: e.url
                             };
@@ -104,7 +105,8 @@ export default {
                         label: time,
                         hotTop: ele.hotTop
                     }
-                    hotTopArr.push(obj)
+                    hotTopArr.push(obj);
+                    dataI = dataI + 1;
                 });
                 this.urlArr = urlArr;
                 //获取有热点信息的索引
@@ -149,6 +151,7 @@ export default {
             });
         },
         clickMark(data) {
+            this.activeCol = data.index
             this.modelShow = true;
             let mw = window.event;
             if((this.ecbox.width - mw.offsetX - 20) > this.ecmodel.width) {
@@ -262,10 +265,7 @@ export default {
         padding: 11px;
         width: 100%;
         font-size: 15px;
-        .vshow-link {
-            color: rgb(54, 189, 239);
-            width: 100%;
-        }
+        color: rgb(54, 189, 239);
     }
 }
 </style>

src/views/BrandInsight/titsopo/opt.js

@@ -50,6 +50,7 @@ function createData(ds = [], hotIndex = []) {
             }
         }
     };
+    //设定标记点
     hotIndex.forEach(e => {
         let yMax = 0; //y轴
         let colorMax = 0; //颜色的索引