diff --git a/src/views/BrandInsight/titsopo/index.vue b/src/views/BrandInsight/titsopo/index.vue index e924699..e5af3a2 100644 --- a/src/views/BrandInsight/titsopo/index.vue +++ b/src/views/BrandInsight/titsopo/index.vue @@ -84,6 +84,7 @@ export default { let ds = []; let hotTopArr = []; let urlArr = []; + let hotIndex = []; data.forEach((ele) => { let time = ele.Time; let value = ele.Data; @@ -105,8 +106,14 @@ export default { } hotTopArr.push(obj) }); - this.urlArr = urlArr - this.opt = createOpt(dx, ds, hotTopArr); + this.urlArr = urlArr; + //获取有热点信息的索引 + for(let i = 0; i { - let columnMax = 0; - ele.forEach(e => { - if(e.value * 1.0 >= columnMax) {columnMax = e.value * 1.0} - }) - if(columnMax >= maxVal) {maxVal = columnMax, maxIndex = vi}; - vi += 1; - }) - - let colorArr = ds[maxIndex]; - let mcIndex = 0; - let colorIndex = 0; - let colorMax = colorArr[0].value * 1; - colorArr.forEach(ele => { - if(ele.value * 1 >= colorMax) {colorMax = ele.value * 1, mcIndex = colorIndex}; - colorIndex += 1; - }); - let markColor = colors[mcIndex] - //--// +function createData(ds = [], hotIndex = []) { let arr = []; for (let i = 0; i < ds.length; i++) { let arr1 = ds[i]; @@ -64,16 +41,7 @@ function createData(ds = []) { }, data: [arr1[j].value], markPoint: { - data: [ - { - name: 'Max', - xAxis: maxIndex, yAxis: maxVal, - symbol: dataURI, - symbolSize: 24, - symbolOffset: [0, '-65%'], - itemStyle: {color: markColor}, - } - ], + data: [], } } arr.push(obj) @@ -81,11 +49,33 @@ function createData(ds = []) { arr[n].data.push(arr1[j].value) } } - } + }; + hotIndex.forEach(e => { + let yMax = 0; //y轴 + let colorMax = 0; //颜色的索引 + for(let i = 0; i yMax){ + yMax = arr[i].data[e]; + colorMax = i; + } + } + arr.forEach(ele => { + ele.markPoint.data.push( + { + name: 'Max', + xAxis: e, yAxis: yMax, + symbol: dataURI, + symbolSize: 24, + symbolOffset: [0, '-65%'], + itemStyle: {color: colors[colorMax]}, + } + ) + }) + }) return arr; } -export default function createOpt(dx = [], ds = [], hotTopArr=[]) { - let data = createData(ds) +export default function createOpt(dx = [], ds = [], hotTopArr=[], hotIndex = []) { + let data = createData(ds, hotIndex) return { grid: { left: '3%',