高条形图与条形条

Question

我正在使用高图表在我的网站上绘制一些图形表示。使用列图。柱图工作正常。但现在我需要在条形图中显示一些条。我该怎么做？

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

请看附图。我想要这样的东西。

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)

有关在highchart documentation中制作自己的模式的更多信息。