vue 使用echarts

要在 Vue 中使用 ECharts，首先需要在项目中安装 ECharts。可以使用 npm 或 yarn 来安装：

npm install echarts --save

或者

yarn add echarts

安装完成后，可以在 Vue 的组件中使用 ECharts。

首先，在 Vue 组件中引入 ECharts：

import echarts from 'echarts'

然后，在 mounted 钩子函数中创建一个 ECharts 实例并将其绑定到 DOM 元素上：

mounted() {
    // 初始化echarts实例
    this.myChart = echarts.init(document.getElementById('chart'))
    // 绘制图表
    this.myChart.setOption(this.option)
}

在模板中添加一个 div 元素作为 ECharts 的容器，并指定其 id 为 chart：

<template>
  <div id="chart"></div>
</template>

最后，在 Vue 中定义 ECharts 的配置项 option，并在组件中使用它：

data() {
    return {
        option: {
            // ECharts 配置项
        },
        myChart: null
    }
}

这样就可以在 Vue 中使用 ECharts 绘制图表了。