2014-02-12 19 views
-2

image with exampleHighcharts。如何添加自定義滾動條?

在圖像的頂部是嵌入滾動條與導航器,但我需要創建滾動條與自定義元素 - 圖像底部的滾動條。

我需要使用它滾動並調整圖形大小。

我該怎麼做?

UPD:標記

<div class="chart-box"> 

    <div id="chart-pane"> 
     <div id="chart-pays"> 
      <div class="chart-canvas"> 
       <!-- place for graph --> 
      </div> 
     </div> 
    </div> 


    <!-- my custom scrollbar --> 
    <div id="chart-scrollbar"> 
     <div class="handler ui-draggable ui-resizable"> 
      <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div> 
      <div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div> 
     </div> 
    </div> 

</div> 

回答

1

您可以自定義圖表高滾動條

$('#container').highcharts('StockChart', { 
scrollbar: { 
       barBackgroundColor: 'gray', 
       barBorderRadius: 7, 
       barBorderWidth: 0, 
       buttonBackgroundColor: 'gray', 
       buttonBorderWidth: 0, 
       buttonBorderRadius: 7, 
       trackBackgroundColor: 'none', 
       trackBorderWidth: 1, 
       trackBorderRadius: 8, 
       trackBorderColor: '#CCC' 
      }, 
} 

refer here

+0

謝謝,但這種變異並不適合。 在描述我寫道,我需要創建一個自定義元素。 主要目標 - 調整圖表大小。 – tilvan

+1

請參考這裏http://api.highcharts.com/highcharts,或向我們展示一些代碼,你已經嘗試過 – Prashobh

+0

部分標記在描述中的upd。 – tilvan