4

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

結果は同じです：

結果

私の質問は、このツールチップの上部にコンマが表示されるのはなぜですか? どうすればそれらを削除できますか?

ありがとう

4

2 に答える 2

7

配列を返しています。はformatter文字列が返されることを期待しています。配列エントリから区切りコンマを出力するようです。

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

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

代わりに（ JSFiddle ）を行うことができます：

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

これは、区切り記号なしで配列エントリを連結するだけです。

于 2016-05-15T17:23:21.483 に答える
1

これは、配列を返すためのデフォルトの文字列セパレータです。

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//   
    }
},
于 2016-07-21T06:23:00.647 に答える