Highcharts導航器手柄高度

Question

有沒有什麼方法可以增加highstock導航器組件中手柄的高度？現在，唯一可用的選項是更改顏色和邊框顏色。手柄的高度和寬度如何？

http://api.highcharts.com/highstock#navigator.handles

感謝，

維卡斯。

Answer 1

你可以用drawHandles功能修改它以增加高度。

var height = 20; 

(function (H) { 
    H.wrap(H.Scroller.prototype, 'drawHandle', function (proceed, x, index) { 
     var scroller = this, 
      chart = scroller.chart, 
      renderer = chart.renderer, 
      elementsToDestroy = scroller.elementsToDestroy, 
      handles = scroller.handles, 
      handlesOptions = scroller.navigatorOptions.handles, 
      attr = { 
       fill: handlesOptions.backgroundColor, 
       stroke: handlesOptions.borderColor, 
        'stroke-width': 1 
      }, 
      tempElem; 

     // create the elements 
     if (!scroller.rendered) { 
      // the group 
      handles[index] = renderer.g('navigator-handle-' + ['left', 'right'][index]) 
       .css({ 
       cursor: 'e-resize' 
      }) 
       .attr({ 
       zIndex: 4 - index 
      }) // zIndex = 3 for right handle, 4 for left 
      .add(); 

      // the rectangle 
      tempElem = renderer.rect(-4.5, 0, 9, height, 0, 1) 
       .attr(attr) 
       .add(handles[index]); 
      elementsToDestroy.push(tempElem); 

      // the rifles 
      tempElem = renderer.path([ 
       'M', -1.5, 4, 
       'L', -1.5, 12, 
       'M', 
      0.5, 4, 
       'L', 
      0.5, 12]).attr(attr) 
       .add(handles[index]); 
      elementsToDestroy.push(tempElem); 
     } 

     // Place it 
     handles[index][chart.isResizing ? 'animate' : 'attr']({ 
      translateX: scroller.scrollerLeft + scroller.scrollbarHeight + parseInt(x, 10), 
      translateY: scroller.top + scroller.height/2 - 8 
     }); 

    }); 
}(Highcharts)); 

http://jsfiddle.net/za68w54r/

Answer 2

有增加導航太的高度選項..

檢查此琴：

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/navigator/height/

代碼：

navigator: { 
     height: 100 
    },