javascript - 如何在highcharts中实现多点数据选择？

Question

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

    // create the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            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: [{
            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]        
        }]
    });
});  

这是示例代码。我想在 pin 模式下选择至少两个点。它仅包含选择后的缩放数据。在高位图表中是否有多个点可供选择？请帮忙

Answer 1

Highcharts 通过 allowPointSelect 选项提供多选：

例如对于柱形图：

var chart = new Highcharts.Chart({
    plotOptions: {
        column: { allowPointSelect: true }
    }
});

Shift+鼠标左键单击或Ctrl+鼠标左键单击将多选点。

Highcharts API 文档中提供了其他图表类型的示例