eachers柱状图vue+js代码示例，展示各省的每种类型的设备，要求每个省一个柱，可以循环展示各个省的数据。

好的，以下是一个简单的 Vue.js 和 JavaScript 代码示例，使用 ECharts 绘制柱状图，展示各省的每种类型设备的数量：

首先，需要在 HTML 中引入 ECharts 的库文件：

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

然后，可以在 Vue 组件中使用以下代码：

<template>
  <div ref="chart" style="width:100%;height:500px;"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  data() {
    return {
      data: {
        '北京': [100, 80, 120],
        '上海': [90, 110, 100],
        '广东': [80, 130, 90],
        // ... 其他省份的数据
      },
      labels: ['手机', '电脑', '平板'],
      colors: ['#2d8cf0', '#19be6b', '#ff9900']
    }
  },
  mounted() {
    this.renderChart()
  },
  methods: {
    renderChart() {
      const chart = echarts.init(this.$refs.chart)
      const legendData = Object.keys(this.data)
      const seriesData = legendData.map(province => ({
        name: province,
        type: 'bar',
        data: this.data[province],
        itemStyle: {
          color: this.colors
        }
      }))
      const option = {
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: legendData
        },
        xAxis: {
          type: 'category',
          data: this.labels
        },
        yAxis: {
          type: 'value'
        },
        series: seriesData
      }
      chart.setOption(option)
    }
  }
}
</script>

这个示例代码中，`data` 对象中存储了各个省份的设备数量数据，`labels` 数组中存储了设备类型，`colors` 数组中存储了柱状图的颜色。在 `mounted` 钩子函数中，调用 `renderChart` 方法绘制图表。`renderChart` 方法中，首先通过 `Object.keys` 方法获取所有省份的名称，然后使用 `map` 方法遍历所有省份，生成对应的 series 数据。最后使用 ECharts 的 `setOption` 方法设置图表的配置项和数据。

你可以根据自己的数据和需求，对代码进行适当的修改。