vue2 echarts 图表设置背景色

在 Vue2 中使用 ECharts 绘制图表并设置背景色，你可以通过配置`backgroundColor`属性来实现。ECharts 提供了一种灵活的方式来控制图表的样式，包括背景颜色。以下是基本步骤：

1. 首先，在你的 Vue 组件中，需要安装 ECharts 和 Vue-ECharts 插件。如果还没有安装，可以使用 npm 或者 yarn 安装：

   npm install echarts vue-echarts

2. 然后，在组件的 `data` 对象中，初始化 ECharts 的实例，并为其设置背景色：

   import { ECharts } from 'vue-echarts'

   export default {
     components: {
       ECharts
     },
     data() {
       return {
         options: {
           backgroundColor: '#f0f0f0', // 设置背景颜色，可以是一个 CSS 样式字符串
           // ... 其他图表配置项...
         }
       }
     }
   }

3. 最后，在模板中使用 ECharts 组件，并传入配置选项：

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

   <script>
   </script>