1

アプリケーションで jQuery と共に Highstock-1.2.4 を使用しています。ダイアログの 1 つで、積み上げられた列をハイストックします。

私の問題は、y 軸の値が大きい (例: 200 単位) グラフと小さい y 軸の値 (例: 1 単位) があるグラフがある場合、小さいグラフのツールチップが正しく表示されないことです。

理解を深めるために、例を提供しました。

上記の例では、「jan」には非常に小さなグラフがあります。その上にカーソルを合わせると (つまり jan)、シリーズ「3」と「4」のツールチップが表示されます。グラフのサイズを変更して (右隅にあるサイズ変更ハンドラーを使用して) グラフ幅を縮小し、「jan」の小さなグラフにカーソルを合わせると、シリーズ 4 (0) のツールチップのみが表示されます。

この種の問題を処理する方法を教えてください。

サンプルコード:

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

<div id="resizer" style="min-width: 350px; min-height: 200px">
    <div id="inner-resizer">
        <div id="container" style="height: 300px">
        </div>
    </div>
</div>



var container = $('#container')[0];
$('#resizer').resizable({
    resize: function() {
        chart.setSize(
            this.offsetWidth - 20,
            this.offsetHeight - 20,
            false
        );
    }
});

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container',
        type: 'column',
        zoomType:'xy'
},
credits: {
    enabled: false
},

xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
plotOptions: {
        series: {
            stacking: 'normal'
        }
    },

series: [{
        data: [0, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        data: [0,176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    },
            {
        data: [5, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        data: [0,176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    }]

});

4

1 に答える 1

1

グラフのサイズを非常に小さいサイズに変更すると、マウスオーバーを通常のサイズよりも完全に判断できなくなります。

通常のサイズでも、グラフを重ねると、後で他のシリーズのツールチップが表示されます。

ここで私が提案できるのは試してみることです

tooltip:{
        shared:true
    }

リンク: http://jsfiddle.net/mhardik/yPLjR/623/

これにより、小さいサイズでもツールチップを取得できます。

編集：

設定

plotOptions: {
            series: {
                stacking: 'percent'
            }
        }

パーセントを基準にして列の高さを設定します。そのため、非常に低い値でもバーが表示されます。

于 2012-12-19T10:05:53.510 に答える