我正在尝试向highcharts柱形图添加模式填充。x1c 0d1x的数据列的颜色是#9fdae9，对角线图案是黑色的，不透明度为20%。最好不要使用图像，因为不同颜色的列具有相同的对角线图案。我看过Highcharts pattern-fill.js，但缺少示例。我对svg模式没有经验，所以不确定是否可以用它来完成。如有任何建议，我们将不胜感激。
pieyvz9o1#
下面是你可以参考的例子：
const linePattern = "M 10 0 L 0 10 M 11 9 L 9 11 M 1 -1 L -1 1"; series: [{ data: [1, 3, 2, 4, 5], color: { pattern: { backgroundColor: "#9fdae9", path: { d: linePattern, stroke: "rgba(0,0,0,0.2)" }, width: 10, height: 10 } } }]
字符串
Demo：https://jsfiddle.net/BlackLabel/dnf2akgv/
1条答案
按热度按时间pieyvz9o1#
下面是你可以参考的例子：
字符串
Demo：https://jsfiddle.net/BlackLabel/dnf2akgv/