1

ハイチャートのツールチップ生成に次のコードを使用しています。

tooltip: {
shared: true,
crosshairs: true,
formatter: function () {
    var s = '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) + '</b>';

    $.each(this.points, function (i, point) {
        s += '<br/>' + point.series.name + ': ' + point.y + ' m/s';
    });

    return s;
}

}

defaultSeriesType にスプラインを使用するグラフでは完全に機能しますが、散布図では機能しません。

スプラインとスキャッターの動作については、この Fiddle http://jsfiddle.net/s83aT/を参照してください。

どんなアドバイスでも大歓迎です。前もって感謝します。

4

1 に答える 1

2

Sebastian Bochan が「shared: true」が問題の一部であることを指摘した後、私はこれをさらに調べました。何らかの理由で、質問にリンクされているフィドルが台無しになりました。

shared: true

チャートに複数のシリーズがあり、すべてのシリーズを同じツールチップに表示したい場合に必要です。私の場合、これは私が作成した他のプロットからの残り物でしたが、最初の質問があった単一のシリーズ プロットでは必要ありませんでした。

単一系列プロットの場合、「shared: true」は使用しないでください。デフォルトは「shared: false」であるため、「shared」を含める必要はまったくありません。

これが私が現在使用しているフォーマッタコードであり、スプラインであろうとスキャッタであろうと、すべての単一シリーズで機能します:

tooltip: {
    crosshairs: true,
    formatter: function () {
        return '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +
                '</b> ' + this.series.name + ': ' + this.y + ' deg';
    }
},

実際のスプライン プロットと散布図については、 http://jsfiddle.net/Reality_Extractor/pNFYL/を参照してください。

于 2013-02-25T11:30:13.010 に答える