谷歌图表标题和列名中使用特殊字符

Question

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

例如，我在Google图表选项中有以下代码：

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

这将在图表标题中打印实际的“ç”。如果使用“ç”，则会打印出“�”。

- Fonsini

Answer 1

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

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

            };

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

- Abinaya Selvaraju

---

我相信这是最好的解决方案。非常感谢。 - Fonsini

Answer 2

如果你正在使用jQuery，你可以利用html()函数。

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

编辑：不知道为什么Google图表无法解析带有特殊HTML字符的字符串，或者为什么没有声明标题为HTML的选项-即使<em>等也会呈现为文本，但上述方法可行。

- davidkonrad

---

如果由于某些原因无法使用UNICODE解决方案，这可以用作快速修复。 - clintgh

Answer 3

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

- user1380540