Chart.js 字段未正确显示字符

Question

当使用下面显示的

config

代码时，标题出现错误，如图所示。这也发生在其他字段，例如工具提示和标签。

但是当我在 https://codepen.io/ 尝试时，我得到了正确的结果（标题如预期）。

有谁知道如何解决这个问题吗？

    const config = {
        type: 'bar',
        data: dataSource,
        options: {
            plugins: {
                title: {
                    display: true,
                    text: 'Código',
                }
            }
        }
    };

Answer 1

尝试将

ó

替换为其十六进制代码，如下所示。

title: {
  display: true,
  text: 'C' + '\xF3' + 'digo'
}

或者...

title: {
  display: true,
  text: 'Código'.replace('ó', '\xF3')
}

Answer 2

解决这个问题，首先包含在

web.config

：

<system.web>
    <globalization fileEncoding="utf-8" requestEncoding="utf-8" responseEncoding="utf-8" culture="pt-BR" uiCulture="pt-BR" />
</system.web>

然后检查每个 JS 和 HTML 文件的编码是否正确。使用

Notepad++

，打开每个 JS/HTML 文件（通过 Windows，在 Visual Studio 之外）并检查文件编码，预期为

UTF-8 BOM

。我有几个

ANSI

格式的文件。要进行更改，

Notepad++

在菜单中提供了一个内置工具，然后您只需保存更新的文件即可。

最后，打开 Visual Studio，这些更改应该会自动出现，您可以将它们上传/提交到您的存储库。