Как мы можем установить разные цвета для 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/