4

JQuery を使用して ASP.Net MVC アプリケーションで HighCharts を使用しています。

マウスの移動時に十字線の垂直バーを含むツールチップを表示することができました。ただし、ユーザーがマウスをチャートの外に移動しても、このツールプ + バーを非表示にしたくありません。これを達成するためにハイチャートで利用できるオプションはありますか?

フォーラムを検索しましたが、実際の例は見つかりませんでした。これらのソリューションの 1 つは、クリック イベントでのツールチップの複製に関連しています。

4

1 に答える 1

36

次のように、空の（操作なし）関数でラップできますHighcharts.Tooltip.prototype.hide

(function (H) {
    H.wrap(H.Tooltip.prototype, 'hide', function (defaultCallback) {
        /*
            ░░░░░▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▄▄▄░░░░░░░
            ░░░░░█░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▀▀▄░░░░
            ░░░░█░░░▒▒▒▒▒▒░░░░░░░░▒▒▒░░█░░░
            ░░░█░░░░░░▄██▀▄▄░░░░░▄▄▄░░░░█░░
            ░▄▀▒▄▄▄▒░█▀▀▀▀▄▄█░░░██▄▄█░░░░█░
            █░▒█▒▄░▀▄▄▄▀░░░░░░░░█░░░▒▒▒▒▒░█
            █░▒█░█▀▄▄░░░░░█▀░░░░▀▄░░▄▀▀▀▄▒█
            ░█░▀▄░█▄░█▀▄▄░▀░▀▀░▄▄▀░░░░█░░█░
            ░░█░░░▀▄▀█▄▄░█▀▀▀▄▄▄▄▀▀█▀██░█░░
            ░░░█░░░░██░░▀█▄▄▄█▄▄█▄████░█░░░
            ░░░░█░░░░▀▀▄░█░░░█░█▀██████░█░░
            ░░░░░▀▄░░░░░▀▀▄▄▄█▄█▄█▄█▄▀░░█░░
            ░░░░░░░▀▄▄░▒▒▒▒░░░░░░░░░░▒░░░█░
            ░░░░░░░░░░▀▀▄▄░▒▒▒▒▒▒▒▒▒▒░░░░█░
            ░░░░░░░░░░░░░░▀▄▄▄▄▄░░░░░░░░█░░
            */
    });
}(Highcharts));

Highcharts/Highstock ツールチップは常に @ JsFiddle に表示されます

ミニマリストにとって、

(function (H) {
    H.wrap(H.Tooltip.prototype, 'hide', function () {});
}(Highcharts));

仕事もします;）

続きを読む @ハイチャートのカスタマイズ - ツールチップの表示

于 2012-09-07T13:31:22.443 に答える