From 73e2ce463b4d9982cb5e5d4ba83e0294dead562c Mon Sep 17 00:00:00 2001
From: wangxi <982339955@qq.com>
Date: Tue, 10 Aug 2021 11:47:58 +0800
Subject: [PATCH] =?UTF-8?q?[mod]=E6=8A=98=E7=BA=BF=E9=A5=BC=E7=8A=B6?=
 =?UTF-8?q?=E5=9B=BE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../educationalWisdom/utils/LineEcharts.vue   | 99 +++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/educationalWisdom/utils/LineEcharts.vue

diff --git a/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/educationalWisdom/utils/LineEcharts.vue b/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/educationalWisdom/utils/LineEcharts.vue
new file mode 100644
index 0000000..979aef2
--- /dev/null
+++ b/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/educationalWisdom/utils/LineEcharts.vue
@@ -0,0 +1,99 @@
+<template>
+    <div>
+        <!-- echart表格 -->
+        <div id="lineChart" :style="echartStyle"></div>
+    </div>
+</template>
+
+<script>
+    import * as echarts from 'echarts';
+    export default {
+        props: {
+            // 样式
+            echartStyle: {
+                type: Object,
+                default(){
+                    return {}
+                }
+            },
+            //类型（line-折线，area-基础面积，bar-柱形图）
+            isType: {
+                type: String,
+                default(){
+                    return "line"
+                }
+            },
+            xAxisData: {
+                type: Array,
+                default(){
+                    return []
+                }
+            },
+            yAxisData: {
+                type: Array,
+                default(){
+                    return []
+                }
+            },
+
+        },
+        data(){
+            return {
+                //
+            }
+        },
+
+        methods: {
+            drawLine(id) {
+                this.charts = echarts.init(document.getElementById(id));
+                this.charts.setOption({
+                    xAxis: {
+                        type: "category",
+                        boundaryGap: false,
+                        data: this.xAxisData,
+                    },
+                    yAxis: {
+                        type: "value",
+                    },
+                    series: [
+                        {
+                            data: this.yAxisData,
+                            type: this.isType==='area'?'line': this.isType,
+                            areaStyle: this.isType!=='area'?null:
+                                {
+                                    color:"#B9DDFF"
+                                },
+                            itemStyle : {
+                                normal : {
+                                    lineStyle:{
+                                        color:'#1890FF'
+                                    },
+                                }
+                            },
+                        },
+                    ],
+                    tooltip : {
+                        trigger: 'axis',
+                        axisPointer: {
+                            type: 'cross',
+                            label: {
+                                backgroundColor: '#6a7985'
+                            }
+                        }
+                    }
+                });
+            },
+        },
+        mounted() {
+            this.$nextTick(function() {
+                this.drawLine('lineChart')
+            })
+        },
+    };
+</script>
+
+<style scoped>
+    #lineChart{
+        width: 100%;
+    }
+</style>
\ No newline at end of file