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

Question

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

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

我尝试使用模式填充来实现它，但无法获得它。

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

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/