vue中echarts横向柱状图

在Vue中使用Echarts绘制横向柱状图，可以通过以下步骤来改变背景颜色：

1. 安装Echarts库：

   npm install echarts --save

2. 在Vue组件中引入Echarts库：

   import echarts from 'echarts'

3. 在mounted钩子函数中初始化Echarts，并设置背景颜色：

   mounted() {
     // 初始化Echarts实例
     let myChart = echarts.init(document.getElementById('chart'))
     
     // 设置背景颜色
     myChart.setOption({
       backgroundColor: 'rgba(0, 0, 0, 0.8)'  // 设置为黑色透明度为0.8的背景色
     })
     
     // 绘制柱状图
     myChart.setOption({
       // 配置柱状图的其他属性
     })
   }

4. 在模板中添加一个DOM元素用于渲染图表：

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

这样就可以通过设置`backgroundColor`属性来改变横向柱状图的背景颜色了。注意，这里的背景颜色可以使用CSS颜色值，也可以使用rgba、hex等格式。