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

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

Answer 1

Highcharts通过allowPointSelect选项提供多项选择：

e.g。对于柱形图：

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

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

Highcharts API Documentation

中提供了其他图表类型的示例

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

1 个答案: