带有条形的高图表

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。