帶有條形的高圖表

Question

我使用高圖表在我的網站中繪製一些圖形表示。使用了柱形圖。柱形圖工作正常。但現在我需要在條形圖中顯示一些條。如何才能做到這一點？

series: [ 
     { 
       name: 'Day',     
       data: graphData, 
       color:'rgba(83, 223, 128, .6)', 
       zIndex: 0,     
       type: 'column', 
       enableMouseTracking: false     
      }] 

請參閱附件image.I想要這樣的事情。

Answer 1

您可以使用pattern-fill插件使用一些預定義模式。

添加到您的HTML代碼：

<script src="https://highcharts.github.io/pattern-fill/pattern-fill-v2.js"></script> 

然後，回到你的圖表：

series: [ 
    { 
     name: 'Day',     
     data: graphData, 
     color: 'url(#highcharts-default-pattern-1)', 
     borderColor: Highcharts.getOptions().colors[0], 
     zIndex: 0,     
     type: 'column', 
     enableMouseTracking: false     
    } 
] 

有10種預定義模式：highcharts-default-pattern-# (numbered 0-9)

製作你自己的模式的更多信息在高圖documentation。