CN-399 Detection--服务质量事件 指标变化曲线开发

src/views/detections/options/detectionOptions.js

@@ -1,6 +1,7 @@
 import {
   chartColor,
-  tooLongFormatter
+  tooLongFormatter,
+  axisFormatter
 } from '@/views/charts/charts/tools'
 import unitConvert from '@/utils/unit-convert'
 import _ from 'lodash'
@@ -286,3 +287,76 @@ export const activeAttackBar = {
     barCategoryGap: '10%'
   }]
 }
+export const metricOption = {
+  tooltip: {
+    appendToBody: true,
+    trigger: 'axis',
+    textStyle: {
+      width: '20px',
+      overflow: 'truncate'
+    },
+    //formatter: axisFormatter,
+    show: true,
+    className: 'nz-chart-tooltip',
+    extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);max-width: 300px !important'
+  },
+  xAxis: {
+    type: 'time',
+    show: false
+  },
+  yAxis: {
+    type: 'value',
+    show: false
+  },
+  animation: false,
+  grid: {
+    left: 0,
+    bottom: 2,
+    top: 5,
+    right: 0
+  },
+  legend: {
+    show: false
+  },
+  series: [
+      {
+        name:'metric',
+        type: 'line',
+        legendHoverLink: false,
+        lineStyle: {
+          width: 1,
+          type:'dashed'
+        },
+        color: '#ec836c',
+        data: [],
+        showSymbol: false
+      },
+      {
+        name:'metric',
+        type: 'line',
+        legendHoverLink: false,
+        lineStyle: {
+          width: 1,
+          type:'solid'
+        },
+        areaStyle: {
+          color: 'rgba(244, 187, 174, 0.59)'
+        },
+        color: '#ec836c',
+        data: [],
+        showSymbol: false
+      },
+      {
+        name:'metric',
+        type: 'line',
+        legendHoverLink: false,
+        lineStyle: {
+          width: 1,
+          type:'dashed'
+        },
+        color: '#ec836c',
+        data: [],
+        showSymbol: false
+      }
+   ]
+}