带有特殊字符的Google Chart标题和列名称

时间:2013-07-09 16:24:30

标签: special-characters google-visualization

我正在寻找的解决方案应该是here。但是,当我尝试使用ASCII字符编码时,实际上会打印ASCII码。有什么想法吗?

例如,我在Google Chart Option上有以下代码:

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

这会在图表标题上打印实际& ccedil。如果我使用'ç',则打印出 。

3 个答案:

答案 0 :(得分:9)

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

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

            };

点击此处查看工作样本。 jqfaq.com

答案 1 :(得分:7)

如果您使用的是jQuery,则可以利用html()函数

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

enter image description here

修改:不知道为什么谷歌图表无法解析带有特殊HTML字符的字符串,或者为什么没有将标题声明为HTML的选项 - 甚至<em>和所以它被渲染为文本,但上述工作。

答案 2 :(得分:0)

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