Javascript highcharts-2个日期选取问题

1） 我想知道如何从图表右侧删除日期选择器？我真的只需要左范围选择器按钮，即24小时，6小时

2） 当您单击其中一个rangeSelector选项时，是否也可以关闭数据标签

当放大显示5分钟的数据时，数据标签是方便的，但当查看24小时的数据时，由于拥挤，图表变得非常不可用。当我缩小时，如果它们能自动关闭就好了

非常感谢您的帮助，如果这确实是可能的话

---

对于第二个选项，我希望切换

   plotOptions:{series: {
      dataLabels:{
            enabled:true, 

从中自定义范围选择器之后

---

范围选择器：{inputenable:false}，

将禁用日期选择器。对于第二个问题，请提供一些代码示例（JSFIDLE），非常感谢，但我确实希望左侧的范围选择器按钮，如24小时、6小时、5分钟，但我不希望右侧的2月11日至11日日期选择器选项如此感谢您的回复-我相信这正是我所寻找的！再次非常感谢！我很高兴它有帮助。点击左上角答案开始处的勾号，将其标记为已接受答案

/**
* Load new data depending on the selected min and max
 */
function afterSetExtremes(e) {

    var chart = Highcharts.charts[0];

    chart.showLoading('Loading data from server...');
    $.getJSON('https://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(e.min) +
            '&end=' + Math.round(e.max) + '&callback=?', function (data) {

        chart.series[0].setData(data);
        chart.hideLoading();
    });
}

// See source code from the JSONP handler at https://github.com/highcharts/highcharts/blob/master/samples/data/from-sql.php
$.getJSON('https://www.highcharts.com/samples/data/from-sql.php?callback=?', function (data) {

    // Add a null value for the end date
    data = [].concat(data, [[Date.UTC(2011, 9, 14, 19, 59), null, null, null, null]]);

    // create the chart
    Highcharts.stockChart('container', {
        chart: {
            type: 'candlestick',
            zoomType: 'x'
        },

        navigator: {
            adaptToUpdatedData: false,
            series: {
                data: data
            }
        },

        scrollbar: {
            liveRedraw: false
        },

        title: {
            text: 'AAPL history by the minute from 1998 to 2011'
        },

        subtitle: {
            text: 'Displaying 1.7 million data points in Highcharts Stock by async server loading'
        },

        rangeSelector: {
            buttons: [{     //customization of buttons
                type: 'hour',
                count: 24,
                text: '24h'
            }, {
                type: 'hour',
                count: 6,
                text: '6h'
            }, {
                type: 'minute',
                count: 5,
                text: '5m'
            }],
            inputEnabled: false, // it remove datepicker
        },

        xAxis: {
            events: {
                afterSetExtremes: afterSetExtremes,
                setExtremes: function(e) {
                    if(typeof(e.rangeSelectorButton)!== 'undefined')
                    {
                      if(e.rangeSelectorButton.text=='5m'){
                            addlables(); //function to add data label
                      }else{
                            removelables(); // function to remove data lable
                      }
                    }
                }
            },
            minRange: 300 * 1000 // 5min * 1000
        },

        yAxis: {
            floor: 0
        },
        plotOptions:{
        series: {
            dataLabels:{
            enabled:false,
            }
            }
        },

        series: [{
            data: data,
            dataGrouping: {
                enabled: false
            }
        }]
    });
});

function removelables(){
        var chart = $('#container').highcharts();
        var opt = chart.series[0].options;
        opt.dataLabels.enabled = false;
        chart.series[0].update(opt);
}
function addlables(){
        var chart = $('#container').highcharts();
        var opt = chart.series[0].options;
        opt.dataLabels.enabled = true;
        chart.series[0].update(opt);
}