Question

我使用Highchart绘制一些图表。我在highchart的工具提示中使用这种格式：

tooltip: {
     crosshairs: [true, true],
     shared: true,
     useHTML: true,
    formatter: function() {

            var s = [];
            s.push('<table><tr><td style="text-align:right;" colspan="3"><b>' + 
             this.x + '</b></td></tr>');
            $.each(this.points, function(i, point) {
                s.push('<tr><td style="text-align: right;">'+
                              '<b><span style="color:'+point.series.color +'">\u25CF</span></b>'+
                           '</td>'+
                           '<td style="text-align: right;"><b>'+point.series.name +' : </b></td>'+
                           '<td><b>' + point.y+'</b></td>'+
                       '</tr>');
            });

            s.push('<tr><td style="text-align:right;" colspan="3"><b>تعداد خبر : ' +
             this.points[0].point.NumberNews + '</b></td></tr></table>');                                   
            return s;   
    }
},

结果相同：

我的问题是：为什么这个工具提示的顶部会打印一些逗号？我怎么能删除那些？

感谢

Answer 1

您正在返回一个数组。 formatter期望返回一个字符串。它似乎从数组条目中打印分隔符逗号。

你有代码：

var s = [];
// ...
return s;

相反，你可以做（JSFiddle）：

var s = [];
// ...
return s.join('');

这只是连接数组条目而没有分隔符号。

Answer 2

这是返回数组的默认字符串分隔符。

<div class="container">

    @if (User.Identity.IsAuthenticated && User.IsInRole("administrator"))
    {
        <tbody>
            <tr ng-repeat="item in usersAndRolesList | filter : search">
                <td style="padding-top:17px;width:50%">{{item.username}}</td>
                <td style="padding-top:17px;width:30%">{{item.roles}}</td>
                <td><button class="btn btn" style="background-color:transparent"><i class="fa fa-pencil fa-2x" aria-hidden="true"></i></i> </button></td>
                            <td><button class="btn btn" style="background-color:transparent"><i class="fa fa-trash-o fa-2x" aria-hidden="true"></i> </button></td>
            </tr>
        </tbody>
    }}

Highchart工具提示中的逗号

2 个答案: