设备利用率调整为折线图

src/views/pms/stat/rhkb/equipment-rate.vue

@@ -36,10 +36,7 @@ function getChartOption(data: ChartData): echarts.EChartsOption {
     tooltip: createTooltip({
       trigger: 'axis',
       axisPointer: {
-        type: 'shadow',
-        shadowStyle: {
-          color: THEME.split
-        }
+        type: 'line'
       },
       valueFormatter(value: number) {
         return formatRate(value)
@@ -99,28 +96,26 @@ function getChartOption(data: ChartData): echarts.EChartsOption {
     series: [
       {
         name: '设备利用率',
-        type: 'bar',
+        type: 'line',
+        smooth: true,
         data: values,
-        barWidth: 22,
-        showBackground: true,
-        backgroundStyle: {
-          color: THEME.split,
-          borderRadius: 999
+        symbol: 'circle',
+        symbolSize: 8,
+        showSymbol: true,
+        lineStyle: {
+          width: 2,
+          color: THEME.color.green.line
         },
         itemStyle: {
-          borderRadius: [12, 12, 0, 0],
-          shadowBlur: 12,
-          shadowColor: THEME.color.green.bg,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: THEME.color.green.light },
-            { offset: 0.5, color: THEME.color.green.mid },
-            { offset: 1, color: THEME.color.green.line }
-          ])
+          color: THEME.color.green.line
+        },
+        areaStyle: {
+          color: THEME.color.green.bg
         },
         label: {
           show: true,
           position: 'top',
-          distance: 8,
+          distance: 10,
           color: THEME.color.green.strong,
           fontSize: 14,
           fontWeight: 700,
@@ -128,6 +123,10 @@ function getChartOption(data: ChartData): echarts.EChartsOption {
           formatter(params: any) {
             return formatRate(Number(params.value))
           }
+        },
+        emphasis: {
+          focus: 'series',
+          scale: true
         }
       }
     ]