<template>
  <div class="mod-demo-echarts">
    <el-breadcrumb class="divi2" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>可视化设计</el-breadcrumb-item>
    </el-breadcrumb>
    <el-divider class="divi"></el-divider>
    <!-- <design-graph></design-graph> -->
    <design-graph-1></design-graph-1>
  </div>
</template>

<script>
// import DesignGraph from "./design-graph.vue"
import DesignGraph1 from "./design-graph1.vue";
export default {
  components: {
    // DesignGraph,
    DesignGraph1,
  },
  data() {
    return {
      // chartLine: null,
      // chartBar: null,
      // chartPie: null,
      // chartScatter: null,
    };
  },
  mounted() {
    
  },
  activated() {
    if (location.href.indexOf("#reloaded") == -1) {
      location.href = location.href + "#reloaded";
      location.reload();
    }
  },
  methods: {},
};
</script>

<style lang="scss">
.mod-demo-echarts {
  > .el-alert {
    margin-bottom: 10px;
  }
  > .el-row {
    margin-top: -10px;
    margin-bottom: -10px;
    .el-col {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
  .chart-box {
    min-height: 400px;
  }
}
.divi {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  background-color: #dcdfe6;
  position: relative;
}
.divi2 {
  display: block;
  height: 1px;
  width: 100%;
  position: relative;
}
</style>

