CN-1185: 趋势图展示的数据与悬浮框中的数据不符

src/views/charts/charts/tools.js

@@ -461,6 +461,9 @@ export function categoryBarTooltipFormatter (params, type) {
 }
 
 export function stackedLineTooltipFormatter (params) {
+  // 堆叠图tooltip倒叙操作
+  params = params.reverse()
+
   let str = '<div>'
   params.forEach((item, i) => {
     const tData = item.data[0]

src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue

@@ -201,6 +201,7 @@ export default {
         if (echartsData.length > 0) {
           this.chartOption = stackedLineChartOption
           const chartOption = this.chartOption.series[0]
+          echartsData = echartsData.reverse()
           this.chartOption.series = echartsData.map((t, i) => {
             return {
               ...chartOption,

src/views/charts2/charts/entityDetail/EntityDetailLine.vue

@@ -253,6 +253,7 @@ export default {
         const _this = this
         this.chartOption = stackedLineChartOption
         const chartOption = this.chartOption.series[0]
+        echartsData = echartsData.reverse()
         this.chartOption.series = echartsData.map((t, i) => {
           return {
             ...chartOption,

src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue

@@ -203,6 +203,7 @@ export default {
         this.chartOption = linkTrafficLineChartOption
         const chartOption = this.chartOption.series[0]
 
+        echartsData = echartsData.reverse()
         this.chartOption.series = echartsData.map((t, i) => {
           return {
             ...chartOption,

src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue

@@ -205,6 +205,9 @@ export default {
         const _this = this
         this.chartOption = stackedLineChartOption
         const chartOption = this.chartOption.series[0]
+        // 1、堆叠图从下往上堆叠图形，数组倒序操作，目的让堆叠图图形按数组一样从上往下展示
+        // 2、tooltip会跟着倒序操作，数据展示相反，tooltip处再将数组倒序回来
+        echartsData = echartsData.reverse()
         this.chartOption.series = echartsData.map((t, i) => {
           return {
             ...chartOption,

src/views/charts2/charts/npm/NpmLine.vue

@@ -178,6 +178,8 @@ export default {
         }
         this.chartOption = npmLineChartOption
         this.chartOption.color = this.chartData.params.color
+        this.chartOption.color = this.chartOption.color.reverse()
+        data = data.reverse()
 
         this.chartOption.series = data.map((t, i) => {
           return {

src/views/charts2/charts/npm/NpmTrafficLine.vue

@@ -219,6 +219,7 @@ export default {
           this.chartOption = _.cloneDeep(trafficLineChartOption)
           const chartOption = this.chartOption.series[0]
 
+          echartsData = echartsData.reverse()
           this.chartOption.series = echartsData.map((t) => {
             // 根据参数转换y轴单位
             this.chartOption.yAxis[0].axisLabel.formatter = (value) => {