使用 Highcharts 样式模式 svg 模式不导出

Question

不知道是否有人对这个问题有任何建议：

我正在为 Highcharts 使用样式模式并为图表填充定义自定义 SVG 模式，但是当我将图表导出为图像时，它不会呈现模式并且似乎默认为黑白。

这样定义模式：

// Define the patterns
Highcharts.setOptions({
defs: {
    hatchLeft: {
        tagName: 'pattern',
        id: 'hatch-left',
        etc.

您可以在 Highcharts 自己的示例 JS Fiddle 中看到这个问题：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/pattern/ - 尝试导出图表。

有人有什么想法吗？我想我可以通过包含 patternfill 模块并以这种方式以及在 CSS 中定义模式来解决它，但这感觉就像是冗余代码......

谢谢， 拉赫

Answer 1

要正确使用该模式，您还应该导入 pattern-fills 模块。

<script src="https://code.highcharts.com/modules/pattern-fill.js"></script>

演示：https://jsfiddle.net/BlackLabel/e9cqgpfk/