ECharts在vue中怎么使用

要在 Vue 中使用 ECharts，需要先安装 ECharts 库，并在 Vue 组件中引入和使用它。

以下是使用 ECharts 的基本步骤：

1. 安装 ECharts：

可以使用 npm 安装 ECharts：

npm install echarts --save

2. 引入 ECharts：

在 Vue 组件中，可以使用 import 语句引入 ECharts：

import echarts from 'echarts'

3. 创建图表：

在 Vue 组件中，可以使用 mounted 钩子函数创建 ECharts 图表：

mounted() {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('chart'));

  // 绘制图表
  myChart.setOption({
    title: { text: 'ECharts 入门示例' },
    tooltip: {},
    xAxis: {
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {},
    series: [{
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20, 5]
    }]
  });
}

在上面的代码中，我们使用 document.getElementById() 方法获取图表容器的 DOM 元素，然后使用 echarts.init() 方法初始化 ECharts 实例，并使用 setOption() 方法设置图表的配置项和数据。

4. 在模板中渲染图表：

最后，在 Vue 组件的模板中，可以使用 div 标签来渲染图表：

<template>
  <div id="chart" style="width: 600px;height:400px;"></div>
</template>

以上就是在 Vue 中使用 ECharts 的基本步骤。当然，ECharts 还提供了许多高级功能，可以在官方文档中查看。