HighCharts - 选择事件保持选择标记在图表中

时间:2014-02-25 15:20:02

标签: javascript jquery highcharts

有人知道如何在HighCharts图表中保留选择吗?

$(function () {
    var $report = $('#report');

    // create the chart
    $('#container').highcharts({
        chart: {
            events: {
                selection: function(event) {
                    if (event.xAxis) {
                        $report.html('min: '+ event.xAxis[0].min +', max: '+ event.xAxis[0].max);
                    } else {
                        $report.html ('Selection reset');
                    }
                }
            },
            zoomType: 'x'
        },
        xAxis: {
        },

        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()
        }]
    });
});

例如:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/events-selection/

假设一旦我选择了图形区域,该区域将保持选中状态,直到用户进行新选择或重置缩放。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

请参阅Highcharts网站的demo - 名为master的底部图表正在使用addPlotBand()标记(取消)所选区域。