xt-element-ui 1.2.3 → 1.2.5

package/src/components/ex-chart/ExTrend.vue

@@ -1,124 +0,0 @@
-<template>
-  <div ref="barchart" class="bar-box" :style="{width:width}"></div>
-</template>
-<script>
-import EchartsUtil from "./utils";
-export default {
-  name: "XtTrend",
-  props: {
-    type: {
-      type: String,
-      default: "bar"
-    },
-    theme: {},
-    size: {
-      type: String,
-      default: "medium"
-    },
-    chartData: {
-      type: Array,
-      default: () => {
-        return [
-          { value: 53, label: "正常设备" },
-          { value: 10, label: "正常设备" },
-          { value: 60, label: "离线设备" }
-        ];
-      }
-    },
-    width: {
-      type: String,
-      default: "100%"
-    },
-    energyType: {
-      type: String,
-      default: "m³"
-    }
-  },
-  data() {
-    return {
-      myChart: null
-    };
-  },
-  watch: {
-    type: {
-      handler() {
-        const _self = this;
-        const option = _self.getOption();
-        _self.myChart.setOption(option);
-      }
-    },
-    chartData: {
-      deep: true,
-      handler(newVal, oldVal) {
-        const _self = this;
-        _self.initChart();
-      }
-    },
-    theme(newVal) {
-      this.initChart();
-    }
-  },
-  mounted() {
-    this.initChart();
-  },
-  methods: {
-    getOption() {
-      const _self = this;
-      // 数据处理
-      const option = {
-        xAxis: {
-          type: "category",
-          axisTick: {
-            show: false,
-            splitLine: {
-              lineStyle: {
-              }
-            }
-          },
-          axisLabel: {
-          }
-        },
-        tooltip: {
-          borderWidth: 1,
-          trigger: "item"
-        },
-        grid: {
-          top: "10",
-          left: "10",
-          right: "10",
-          bottom: "20"
-        },
-        yAxis: {
-          show: false,
-          type: "value"
-        },
-        series: {
-          type: _self.type || "bar",
-          areaStyle: {},
-          showSymbol: false,
-          smooth: true,
-          data: _self.chartData.map((item, ind) => {
-            const { label, value } = item;
-            return {
-              value,
-              label
-            };
-          })
-        }
-      };
-      return option;
-    },
-    initChart() {
-      const _self = this;
-      // 数据处理
-      const option = this.getOption();
-      this.myChart = EchartsUtil.init(_self.$refs.barchart, this.theme, option, this.size);
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.bar-box{
-  position: relative;
-}
-</style>