2

ハイチャートのツールチップがバー全体を覆うのを避けるにはどうすればよいですか? ドリルダウン機能を備えた棒グラフを作成しようとしていますが、以下の例の「John」のバーは常にツールチップ自体に含まれているため、ドリルダウンが非常に困難です。

http://jsfiddle.net/3XZwV/

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Column chart with negative values'
            },
            xAxis: {
                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
            },
            credits: {
                enabled: false
            },
            plotOptions: {
                series: {
                    cursor: 'pointer'
                }
            },
            series: [{
                name: 'John',
                data: [-1, -1, -1, -1, 2]
            }, {
                name: 'Jane',
                data: [2, -2, -3, 2, 1]
            }, {
                name: 'Joe',
                data: [3, 4, 4, -2, 5]
            }]
        });
    });
4

1 に答える 1

6

興味がある場合は、いくつかの方法で実行できます。

ツールチップの位置を修正

を使用して、ツールチップの位置を修正しますtooltip positioner。

        tooltip: {
        positioner: function () {
            return { x: 80, y: 50 };
        }

実際の例はhere.

followPointer の使用

フォロー ポインター オプションの使用。直面している問題を回避し、ツールチップをフローティングのままにすることができます。

tooltip:{
            followPointer:true
        },

別の実例はhere.

于 2013-05-23T06:30:44.443 に答える