是否可以禁用導航器（小系列），但仍然是可擴展滾動條，Highstock

-1

我需要保持可擴展滾動條的功能，但我不需要概覽導航器。像：是否可以禁用導航器（小系列），但仍然是可擴展滾動條，Highstock

我需要滾動條（區域1）仍然是可擴展的，但除去導航（區域2）。

這是我想要的設計：

demo你可以快速修改來自：

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

});

來源

2016-04-07 Jaskey

滾動條不能調整大小像導航儀，所以我覺得你真的想要使用的是（2）導航器並禁用（1）滾動條。下面是簡單的例子做的事：

： http://jsfiddle.net/dJbZT/183/

 navigator: { 
      enabled:true, 
      outlineWidth: 0, 
      height: 14, 
      maskFill: '#cccccc', 
      series: { 
       data: [] // empty navigator 
      }, 
      xAxis: { 
       labels: { 
       y: -20 // move labels outside the navigator 
       } 
      } 
     },

如果導航儀應該有背景，你可以爲系列，一個在原系列的開頭，一個在結尾處添加兩個虛擬點

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

然後，只需將顏色和fillOpacity設置爲您想要實現的顏色，並將yAxis.max設置爲低於您的虛擬值（在我的情況下爲2）。工作演示：http://jsfiddle.net/dJbZT/184/

來源

2016-04-08 12:31:13

怎麼樣的背景顏色，在你的例子中，我們看不到一個「滾動條」容器。 – Jaskey

這是正確的，沒有背景。但是，您可以在導航器中設置一系列的顏色。隨着一些拋光，你會得到所需的結果，看看：http://jsfiddle.net/dJbZT/184/ –

什麼是導航數據的含義？它必須是兩個數據還是什麼？你能否在你的回答中更新解釋？ – Jaskey

是否可以禁用導航器（小系列），但仍然是可擴展滾動條，Highstock

回答

相關問題