主图选择,附图放大进行主图所选区域的观察(即主图不变,附图负责观察详情)

 

$(function () {
	var chart = null;
    // create the chart
    $('#container').highcharts({
        chart: {
            events: {
                selection: function (event) {
                    var min = event.xAxis[0].min;
                    var max = event.xAxis[0].max;
                     chart.xAxis[0].setExtremes(Math.ceil(min), Math.ceil(max));
                    
                    return false;
                }
            },
            zoomType: 'x'
        },
        title: {
            text: 'Chart selection demo'
        },
        subtitle: {
            text: 'Click and drag the plot area to draw a selection'
        },

        series: [{
            type: 'column',
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse()
        }]
    });
    
    $('#min-chart').highcharts({
        
        title: {
            text: ''
        },
       
       

        series: [{
            type: 'column',
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse()
        }]
    }, function(c) {
        chart = c;
    });
        
});

 

你可能感兴趣的:(主图选择,附图放大进行主图所选区域的观察(即主图不变,附图负责观察详情))