在进行echarts开发时，往往需要使用到仪表盘，但是仪表盘的背景颜色有时候更需求 不相符，那应该怎么改变ECharts仪表盘的背景颜色呢？下面小编举例讲解如何改变ECharts仪表盘的背景颜色工具/原料more代码编辑器：Visual Studio Codeecharts+jquery+html方法/步骤1/10分步阅读

新建一个html文件，命名为test.html，用于讲解如何改变ECharts仪表盘的背景颜色 。

2/10

在test.html文件内，创建div标签并设置div标签的class属性为box。

3/10

在css标签内，通过class设置div的样式 ，定义它的宽度为1600px，高度为900px，背景颜色为浅蓝色。

4/10

新建一个js文件，命名为 pie.js，初始化echarts实例对象。

5/10

指定echarts实例对象的配置项option和数据，设置标题，指定图形为仪表盘等。

6/10

实现设置返回的数据内容有哪些。

7/10

实现对返回的数据内容的样式进行设置。

8/10

将配置项设置给echarts实例对象。

9/10

引入pie.js到test.html文件中。

10/10

在浏览器打开test.html文件，查看实现的效果。

总结：

1. 新建一个html文件，命名为test.html，用于讲解如何改变ECharts仪表盘的背景颜色 。

2. 在test.html文件内，创建div标签并设置div标签的class属性为box。

3. 在css标签内，通过class设置div的样式 ，定义它的宽度为1600px，高度为900px，背景颜色为浅蓝色。

4. 新建一个js文件，命名为 pie.js，初始化echarts实例对象。

5. 指定echarts实例对象的配置项option和数据，设置标题，指定图形为仪表盘等。

6. 实现设置返回的数据内容有哪些。

7. 实现对返回的数据内容的样式进行设置。

8. 将配置项设置给echarts实例对象。

9. 引入pie.js到test.html文件中。