В настоящее время я работаю с Highcharts в сочетании с модулем заполнения шаблонов. Когда я устанавливаю шаблон для серии на диаграмме, шаблон отображается, но имеет прозрачный фон. Мне нужно установить дополнительный фон, потому что узор перекрывается с другой серией, которую я не хочу видеть за ним. Вы можете проверить этот рабочий пример. Так что в основном я не хочу видеть эти три столбца слева за шаблоном. Любые идеи, как я могу это сделать? Я не видел никаких вариантов установки дополнительного фона, но, возможно, вы знаете какой-то трюк. Это код, который я использую для шаблона:
"color": {
"pattern": {
"path": {
"d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
},
"width": 10,
"height": 10,
"opacity": 1,
"color": "rgb(84,198,232)"
}
}
Вам нужно установить атрибут fill
в качестве свойства пути:
"color": {
"pattern": {
"path": {
"d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11",
fill: 'red'
},
"width": 10,
"height": 10,
"opacity": 1,
"color": 'rgb(84,198,232)'
}
}
Живая демонстрация:https://jsfiddle.net/BlackLabel/m9rxwej5/
Я предполагаю, что было обновление. backgroundColor должен быть установлен на корневом уровне шаблона:
"color": {
"pattern": {
"backgroundColor": 'red',
"path": {
"d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11",
},
"width": 10,
"height": 10,
"opacity": 1,
"color": 'rgb(84,198,232)',
}
}