vue柱状图横坐标固定，纵坐标根据后端传来的横坐标标签加数量来匹配

您可以使用Vue.js和echarts来实现这个功能。

首先，您需要在Vue.js中引入echarts，并且创建一个包含echarts实例的组件。在这个组件中，您可以使用echarts的option对象来设置柱状图的横坐标和纵坐标。

以下是一个示例代码，其中数据是从后端传递过来的：

<template>
  <div class="chart-container">
    <div ref="chart" class="chart"></div>
  </div>
</template>

<script>
import echarts from 'echarts'

export default {
  name: 'BarChart',
  props: {
    data: {
      type: Array,
      required: true
    }
  },
  mounted() {
    this.renderChart()
  },
  methods: {
    renderChart() {
      const chart = echarts.init(this.$refs.chart)
      const xAxisData = this.data.map(item => item.label)
      const seriesData = this.data.map(item => item.value)

      const option = {
        xAxis: {
          type: 'category',
          data: xAxisData
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: seriesData,
            type: 'bar'
          }
        ]
      }

      chart.setOption(option)
    }
  }
}
</script>

<style scoped>
.chart {
  height: 400px;
}
</style>

在这个示例中，我们通过props接收数据，并使用map方法来从数据中提取出横坐标和纵坐标数据。然后，我们使用echarts的option对象来设置柱状图的横坐标和纵坐标，并将数据传递给series中的data属性。最后，我们使用chart.setOption方法来将option对象应用到echarts实例中。

请注意，这个示例中的横坐标是从数据中动态生成的。如果您希望固定横坐标，可以直接在option对象中设置xAxis的data属性。例如：

const option = {
  xAxis: {
    type: 'category',
    data: ['标签1', '标签2', '标签3']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: seriesData,
      type: 'bar'
    }
  ]
}

这样，柱状图的横坐标就固定为标签1、标签2和标签3了。