使用数据let arr = [ { name: '杭州', num1: 10, num2: 15, year: 2021 }, { name: '西安', num1: 30, num2: 18, year: 2021 } ]在vue中用echarts画柱状图

好的，可以使用以下步骤在 Vue 中使用 Echarts 画出柱状图：

1. 安装 Echarts：

npm install echarts --save

2. 在 Vue 组件中引入 Echarts：

import echarts from 'echarts'

3. 在 Vue 组件的 `mounted` 钩子中初始化 Echarts 实例并绘制图表：

mounted() {
  // 初始化 Echarts 实例
  const myChart = echarts.init(this.$refs.chart)

  // 定义图表配置项
  const option = {
    // 图表标题
    title: {
      text: '柱状图'
    },
    // 图表提示框
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'shadow'
      }
    },
    // 图例
    legend: {
      data: ['num1', 'num2']
    },
    // X 轴配置
    xAxis: {
      type: 'category',
      data: arr.map(item => item.name)
    },
    // Y 轴配置
    yAxis: {
      type: 'value'
    },
    // 数据系列
    series: [
      {
        name: 'num1',
        type: 'bar',
        data: arr.map(item => item.num1)
      },
      {
        name: 'num2',
        type: 'bar',
        data: arr.map(item => item.num2)
      }
    ]
  }

  // 使用刚指定的配置项和数据显示图表
  myChart.setOption(option)
}

4. 在 Vue 模板中添加一个 `div` 元素作为图表容器，并通过 `ref` 属性绑定到组件实例上：

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

这样就可以在 Vue 中使用 Echarts 绘制柱状图了。需要注意的是，上面的代码中的 `arr` 是指题目中给出的数据数组，需要在组件中定义或传入该数据。