Javascript 是否可以禁用导航器（小系列），但保留可扩展滚动条Highstock

我需要保留可扩展滚动条的功能，但不需要概览导航器。比如：

我需要滚动条（区域1）保持可扩展，但删除导航器（区域2）

这是我想要的设计：

您可以从以下位置快速修改：

$(function () {

$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function (data) {
    // Create the chart
    var chart = $('#container').highcharts('StockChart', {
        rangeSelector : {
            enabled: false 
        }, 
        title: {
            text: null
        },
        navigator: {
            enabled:false,//make it false , but the scroll bar is not extensible
            outlineWidth: 0
        },
        scrollbar: {
            barBackgroundColor: '#ccc',
            barBorderWidth: 0,
            buttonBackgroundColor: '#ccc',
            buttonBorderWidth: 0,
            buttonArrowColor: '#fff',
            buttonBorderRadius: 3,
            rifleColor: '#fff',
            trackBackgroundColor: 'white',
            trackBorderWidth: 1,
            trackBorderColor: '#ccc',
            trackBorderRadius: 3
        },
        series: [{
              type:'areaspline',
            showInLegend: false,
            name: 'AAPL1',
            data: data
        },{
              type:'areaspline',
            showInLegend: false,
            name: 'AAPL2',
            data: data.map(function(d){return [d[0],parseInt(d[1])*2 ]})
        }]
    });
});

});

---

滚动条不能像导航器那样调整大小，所以我认为您真正想要使用的是（2）导航器和禁用（1）滚动条。下面是一个简单的示例：

如果导航器应有背景，则可以为序列添加两个虚拟点，一个在原始序列的开头，一个在结尾：

              data: [
                [data[0][0], 2],
                [data[data.length - 1][0], 2]
              ]

---

然后只需将序列的颜色和填充不透明度设置为您想要实现的颜色，并将

yAxis.max

设置为低于您的虚拟值（

2

）。工作演示：

背景色如何，在您的示例中，我们看不到“滚动条”容器。没错，没有背景。但是，可以在导航器中设置系列的颜色。经过一些润色，您将获得所需的结果，看看：navigator数据是什么意思？必须是两个数据还是什么？请在回答时更新解释，谢谢！我让我的代码为这个工作。下一个问题是如何设置句柄的样式：。

              data: [
                [data[0][0], 2],
                [data[data.length - 1][0], 2]
              ]