Question

我在我的应用程序中使用Highstock-1.2.4和jQuery。在其中一个对话框I highstocks堆叠列。

我的问题是，如果有大y轴值的图形（例如200 单位）以及具有小y轴值（例如1个单位）的图表，然后小图表的工具提示无法正确显示。

为了更好地理解，我提供了example。

在上面的示例中，“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]
    }]

}）;

Highchart堆积列工具提示问题

0 个答案: