"echarts-gl": "^1.1.2",

根据引用\[1\]和引用\[2\]的信息，您在本地环境中使用的是echarts-gl版本1.1.2。然而，您提到水球图的背景颜色无法改变，并且代码不兼容这种写法。为了解决这个问题，您可以尝试在echarts.init()之前添加以下代码进行局部的动态引入：

let echarts = require("echarts/lib/echarts");

这样可以确保echarts-liquidfill组件被正确引入并与echarts-gl版本兼容。请注意，您需要确保您的vue环境中已经安装了vue^2.6.14、vuex^3.6.2、vue-router^3.5.1和element-ui^2.15.13，以避免与echarts及其相关组件的版本兼容问题。引用\[3\]提到了echarts与echarts-gl、echarts-liquidfill版本兼容的问题。
#### 引用[.reference_title]
- *1* *2* *3* [echarts与echarts-gl、echarts-liquidfill版本兼容问题，报Component series.XXX not exists. Load it ...](https://blog.csdn.net/gather_info/article/details/131181684)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]