问题描述
本地引用的echarts源文件,页面其他部分编码显示正常,唯独toolbox鼠标悬停在上面时提示信息显示乱码。
如图所示:
尝试过的方法
- 使用sublime text 3,notepad++,记事本更改文件编码为utf-8
- 引入时,在script标签内加入charset属性
<script src='echarts.js' charset='utf-8></script>
解决过程
直接打开项目引用的:echarts.min.js,发现里面中文都是乱码
cdn:https://unpkg.com/echarts@3.5.3/dist/echarts.js
然后我又把cdn上的echarts文件全选复制然后保存到本地utf-8编码的echarts.js文件里,再运行却又出现了乱码问题。
但是到这里应该可以排除原echarts文件本身的问题了,一定是文件编码问题,所以就只能出现在保存到本地的过程中。
最后的解决办法是:
不要从浏览器上全选复制然后再粘贴到本地的js文件里,会改变文件编码,导致中文是乱码
正确的做法是:
直接在echarts源文件页面Ctrl+s保存文件或右键然后下载文件,最后保存到本地,乱码问题就会解决。
或者是从vue项目里npm指令安装的echarts里拷贝一个到html的项目