highcharts - Highcharts - 永久的、可拖动的选择框

Question

我目前正在尝试使用 Highcharts 图表库，并且完全被它的功能所震撼。

我想要完成的事情是在我的图表中添加一个永久的、可拖动的“选择”框（或蒙版）。这个选择框总是有一定的固定宽度。例如，假设我的图表有 30 天的数据，我希望有一个宽度为 1 天的可拖动框。在 x 轴上上下拖动框（在实际图表数据上）将使用所选日期作为参数触发其他应用程序事件。

我想我正在寻找与 Highstock 图表中的导航器非常相似的东西——但主要区别还是保持固定宽度选择。任何提示或建议将不胜感激。

Answer 1

在 Highcharts 中没有这样的内置功能，但在 Highstock 中您也可以只使用滚动条，请参阅：http: //jsfiddle.net/ea7za/现在您可以使用底部滚动条或平移​​（在绘图区域上拖动）。

$.getJSON('url.json', function(data) {
    var min = data[0][0],     // min
        max = data[500][0];   // max  - e.g. max = min + 24 * 3600 * 1000; as one day


    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            enabled: false
        },
        navigator: {
            enabled: false
        },
        xAxis: {
            min: min,
            max: max
        },
        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});