Kommas in Tooltip von Highchart

Question

Ich benutze Highchart, um ein Diagramm zu zeichnen. Ich benutze dieses Format in Tooltip 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; 
    } 
}, 

das Ergebnis ist dasselbe:

Meine Frage ist: Warum Anfang der einige Komma Tooltip drucken? Wie kann ich diese löschen?

danke

Answer 1

Sie geben ein Array zurück. Die formatter erwartet, dass eine Zeichenfolge zurückgegeben wird. Es scheint die Trennzeichen Kommas aus den Array-Einträgen zu drucken.

Sie haben den Code:

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

Stattdessen könnten Sie tun (JSFiddle):

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

Diese verkettet nur die Array-Einträge ohne Trennzeichen Zeichen.

Answer 2

Dies ist das Standardzeichenfolgentrennzeichen für die Rückgabe des Arrays.

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// 
    } 
},