2016-05-15 5 views
2

ハイチャートを使用してグラフを描画します。私は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; 
    } 
}, 

結果は同じである:

Result

私の質問は:なぜ、このツールチップの上部には、いくつかのコンマを印刷しますか? どうすれば削除できますか?

ありがとう

答えて

4

あなたは配列を返しています。 formatterは、文字列が返されることを想定しています。セパレータのカンマを配列エントリから出力するようです。

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

は、代わりにあなたが( JSFiddle)を行うことができます::これはちょうどなし区切り記号を持つ配列のエントリを連結

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

あなたは、コードを持っています。

0

これは配列を返すためのデフォルトの文字列区切り文字です。

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

また、回答に説明を追加する必要があります。 –

+0

join()メソッドは、配列の要素を文字列に結合し、その文字列を返します。 要素は、指定されたセパレータで区切られます。デフォルトの区切り記号はカンマ(、)です。 – JJG

関連する問題