Highchart的工具提示中的逗號

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

這是返回數組的默認字符串分隔符。

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.join(''); //This will removed comma's, if you want to put an string separator just insert it inside the return// 
    } 
},