special-characters - 带有特殊字符的 Google 图表标题和列名

Question

我正在寻找的解决方案应该在这里。但是，当我尝试使用 ASCII 字符编码时，实际上会打印 ASCII 码。任何想法为什么？

例如，我在 Google Chart Option 上有以下代码：

var optionsTotUsers = {
    'title': 'Transaçoes',
    'backgroundColor': 'transparent',
    'height': '300',
    'legend': 'bottom',
    'vAxis': { viewWindowMode: "explicit", viewWindow: { min: 0} }
};

这会在图表标题上打印实际的 ç。如果我使用“ç”，它会打印出�。

Answer 1

我认为这会对您有所帮助。使用 UNICODE 您可以在标题中添加特殊字符。特殊字符的 UNICODE 可在此处获得。您需要使用 UNICODE，如下所示。

var options = {
                'title': 'Transa\u00E7oes',
                'backgroundColor': 'transparent',
                'height': '300',
                'legend': 'bottom',
                'vAxis': { viewWindowMode: "explicit", viewWindow: { min: 0} }

            };

单击此处查看工作示例。jqfaq.com

Answer 2

如果您使用的是 jQuery，则可以利用该html()功能

var options = {
   title: $('<div>Transa&ccedil;oes</div>').html()
   ...
};

编辑：不知道为什么谷歌图表无法解析带有特殊 HTML 字符的字符串，或者为什么没有将标题声明为 HTML 的选项 - 甚至<em>等被呈现为文本，但上述工作。

Answer 3

.html() 函数适用于图表标题，但我需要使用 .text() 函数来获取字符代码以显示垂直轴和水平轴标签。