使用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中定义模式来解决这个问题，但这感觉像是多余的代码。。。

谢谢，Rach

Answer 1

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

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

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