elementui中使用echarts

在 ElementUI 中使用 ECharts 首先需要安装 ECharts，可以通过 npm 安装：

npm install echarts --save

安装完成后，在需要使用 ECharts 的页面中引入 ECharts 和 ElementUI：

<template>
  <div>
    <el-card>
      <div ref="chart"></div>
    </el-card>
  </div>
</template>

<script>
// 引入 ECharts
import echarts from 'echarts'

export default {
  mounted() {
    // 使用 ElementUI 的 $nextTick 方法确保 DOM 已经渲染完毕
    this.$nextTick(() => {
      // 初始化 ECharts 实例
      const chart = echarts.init(this.$refs.chart)
      // 设置 ECharts 配置项
      const options = {
        // ...
      }
      // 渲染图表
      chart.setOption(options)
    })
  }
}
</script>

然后就可以在需要显示 ECharts 图表的地方引用 `div` 元素，通过 `ref` 属性获取该元素的引用，然后使用 ECharts 的 API 初始化实例并渲染图表。注意在 ElementUI 中使用 `$nextTick` 方法确保 DOM 已经渲染完毕再进行初始化操作。