javascript上有多个空格的字符串

时间:2014-04-10 21:35:14

标签: javascript highcharts

我正在尝试在两个字符串之间添加空格,并将其作为highcharts图的系列名称之一。但是,Javascript会自动忽略过多的空格。有什么方法可以把我想要的空格放在一个字符串上吗?

以下是我的示例代码:

var i = 's';
i = i.concat(Array(12).join(' '),'ss');
$(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: i,
            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: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            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]
        }]
    });
});

此外,这里是jsfiddle链接:http://jsfiddle.net/NJ6Eq/

3 个答案:

答案 0 :(得分:5)

使用

 \u00a0

添加多个空格

编辑 - 继承人的结果 - http://jsfiddle.net/NJ6Eq/4/

答案 1 :(得分:2)

实际上,HTML忽略了过多的空白。为防止这种情况,您需要使用不间断的空格:

i = i.concat(Array(12).join(' '),'ss');

此外,您现在需要告诉highcharts您的图表使用HTML标签而不是文本:

legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    borderWidth: 0,
    useHTML: true
},

JSFiddle:http://jsfiddle.net/NJ6Eq/3/

答案 2 :(得分:0)

在某些情况下,我发现我不能使用任何东西,但这个特殊的空白区域,JavaScript或HTML不知道它是一个白色空间。 - >”中“

<强>更新

看起来像stack over flow用常规空格替换它,所以这里是它的ASCII代码

Dec 160 Hex A0 Oct 240