echarts 背景颜色

要设置 Echarts 图表的背景颜色，你可以在图表的选项（`option`）中使用 `backgroundColor` 属性来指定颜色值。下面是一个示例代码，展示了如何设置图表的背景颜色：

// 导入Echarts库
import echarts from 'echarts';

// 创建图表实例
const chart = echarts.init(document.getElementById('chart'));

// 定义图表数据
const data = [
  { name: 'A', value: 100 },
  { name: 'B', value: 200 },
  { name: 'C', value: 300 },
  { name: 'D', value: 400 },
];

// 配置图表选项
const option = {
  backgroundColor: '#f2f2f2', // 设置背景颜色为灰色
  xAxis: {
    type: 'category',
    data: data.map(item => item.name),
  },
  yAxis: {
    type: 'value',
  },
  series: [{
    type: 'bar',
    data: data.map(item => item.value),
  }],
};

// 设置图表选项
chart.setOption(option);

在上述代码中，我们在图表的选项中添加了 `backgroundColor` 属性，将其设置为 `#f2f2f2`，即灰色。你可以根据需要设置其他颜色值，可以使用 CSS 颜色名称、十六进制颜色码或 RGB 颜色值。

请注意，上述代码中的 `chart`、`data` 和 `option` 都是示例变量名，你需要根据自己的实际情况进行相应的修改。另外，你还需要在 HTML 文件中添加一个具有唯一标识的元素，作为图表的容器（例如 `<div id="chart"></div>`）。