转码之后，Echarts显示不全解决思路

最近在项目中遇到了一个坑:

问题描述：

将原来.com的项目换成.cn域名时，使用相同的页面、样式和js，结果发现com站显示正常而cn站有部分Echarts显示不全或缺失或只显示一点点。类似下图：

Echarts显示不全

原因：

研究许久发现：com站是gbk编码，cn站是utf-8编码，cn站Echarts图例显示缺失是因为cn站Echarts相关的js文件未按照指定编码。

解决方案：

将相关文件进行转码

总结：（划重点）

刚开始遇到这种问题我的第一反应就是修改样式，但是后来想到一个问题：为什么相同的HTML/CSS/JS只不过域名变了页面为什么会显示有些出入呢？当遇到这种问题不要想着修改样式，首先得从大方向考虑：

1、是否是服务器问题；
2、查看文档头部是否有区别（头部声明是否一样，编码方式是否一样）；
3、样式问题（如果实在找不到原因那就直接修改样式，但注意和com的样式文件区分便于维护）；

注意事项：
1、gbk转utf-8的时候要小心谨慎，很容易出错。gbk与utf-8一旦错误转码之后，无法正确恢复，有的时候虽然vscode右下角显示是utf-8编码，但是实际上这是一个gbk编码文件。

项目填坑笔记整理，对你有用就点♥吧