vue中Echarts的使用-自选效果

export default {
  name: "",
  data() {
    return {};
  },
  mounted() {
    this.drawLine(); // 调用绘图函数
  },
  methods: {
    drawLine() {
      // 初始化
      let myCharts = echarts.init(this.$refs.myCharts);
    //  let myChart = echarts.init(document.getElementById(‘myChart‘));
    //   写配置
      let option = {
        xAxis: {
          type: "category",
          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: "line",
            smooth: true,
          },
        ],
      };

      // 使用配置生成报表
      myCharts.setOption(option);
    },
  },
};