管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-01-16 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf
src/components/echart14.vue
@@ -10,7 +10,7 @@
  components: {},
  data() {
    //这里存放数据
    return { myChart };
    return { myChart: null };
  },
  mounted() {
    this.lineChart();
@@ -24,6 +24,7 @@
      let option = {
        title: {
          text: '数据更新量与分布总量',
          top: '15',
          textStyle: {
            color: '#fff',
          },
@@ -38,7 +39,13 @@
          },
        },
        legend: {
          data: ['增量', '总量', 'Video Ads', 'Direct', 'Search Engine'],
          data: ['增量', '总量',],
          right: 0,
          top: 30,
          textStyle: {
            color: '#ffffff'//字体颜色
          },
        },
        toolbox: {
          feature: {
@@ -130,17 +137,18 @@
      });
    },
  },
  created() {},
  created() { },
};
</script>
<style lang="less" scoped>
//@import url(); 引入公共css类
.echart1_box {
  padding: 20px;
  // background: rgba(0, 0, 0, 0.6);
}
#echart1 {
  width: 100%;
  height: 100%;
}
#echart1 {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
</style>