Chart.js字段字符显示异常求助：标题、tooltip等内容乱码排查

• 检查页面与服务器编码配置
  确保HTML页面头部声明UTF-8编码：

  <meta charset="UTF-8">
  

  同时确认服务器响应头包含Content-Type: text/html; charset=utf-8，避免编码不匹配引发字符解析错误。

• 核实本地文件编码格式
  检查你的HTML、JS等本地文件编码是否为UTF-8（无BOM）。部分编辑器默认使用GBK或带BOM的UTF-8，会导致乱码。比如在VS Code中，可通过右下角编码选项切换为UTF-8并重新保存文件。

• 对齐Chart.js版本
  对比本地使用的Chart.js版本与Codepen测试时的版本，若版本不一致，升级至最新稳定版（或与Codepen同版本）。旧版本可能存在特殊字符渲染的兼容性bug。

• 确认字体支持特殊字符
  若页面默认字体不支持重音字符（如示例中的ó），会出现乱码。可通过CSS为图表容器指定支持多语言的字体：

  .chart-container {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }
  

• 排查后端数据编码（若涉及接口）
  如果dataSource来自后端接口，检查接口响应头是否设置Content-Type: application/json; charset=utf-8，同时确保前端接收数据时未进行错误转码操作。

内容的提问来源于stack exchange，提问作者rd1218