我们如何为 highcharts-default-patterns 设置不同的颜色？

Question

我想在堆积柱形条形图中显示所需颜色的斜条纹图案。我为它使用默认模式 url(#highcharts-default-pattern-0)，但无法更改它的颜色，因为我想要各种颜色的这种模式。

作为参考，我附上了我想使用斜条纹实现的图像。

我尝试使用 pattern-fills 实现它，但无法实现。

请提供您宝贵的意见。提前致谢！

Answer 1

最好的方法是使用官方pattern-fill模块：

plotOptions: {
    series: {
        color: {
            pattern: {
                path: {
                    d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
                    strokeWidth: 2
                },
                width: 10,
                height: 10,
                opacity: 0.4
            }
        }
    }
}

现场演示： https://jsfiddle.net/BlackLabel/0etopfLs/

文档： https://www.highcharts.com/blog/tutorials/pattern-fills/

我们如何为 highcharts-default-patterns 设置不同的颜色？

how can we set different colors to highcharts-default-patterns?

highcharts

react-highcharts