无法在系列名称中显示高亮图中具有特殊字符的图例

时间:2015-03-27 14:53:16

标签: highcharts

我有一个具有特殊性格的系列名称,我无法改变。我怎么能表现出来?我尝试过传说:{useHMTL:true},但它没有用。

我的代码在这里:

    $(function () {
    $('#container').highcharts({
        title: {
                        useHTML: true,
            text: 'Monthly Average Temperature'
        },
        subtitle: {
                        useHTML: true,
            text: 'Source: WorldClimate.com'
        },
        xAxis: {

            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },

        legend: {

            title: {
                text: 'City<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Click to hide)</span>',
            },
            layout: 'vertical',
            x: -10,
            y: 100
        },
        series: [{
            name: '<Tokyo>',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        },{
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
});

http://jsfiddle.net/4x6susks/

它不适用于<Tokio>传奇

1 个答案:

答案 0 :(得分:0)

使用<替换名称:&lt;。否则,图例会将该名称用作标记(例如<span><div>)。请参阅演示:http://jsfiddle.net/4x6susks/3/