Highcharts pattern-fill模块无法在导出服务器正常工作

问题表现 #

使用pattern-fill模块制作的带图案填充的Highcharts图表，在通过导出服务器导出时无法正常渲染：

• 带图案填充的配置提交到导出服务后，导出的图表样式异常，异常效果如下：
  
• 测试使用的带图案填充的核心配置如下：

{
  "series": [
    {
      "color": {
        "pattern": {
          "path": {
            "strokeWidth": 1,
            "d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
          },
          "backgroundColor": "#5B799E",
          "color": "#F6A800",
          "width": 10,
          "opacity": 1,
          "height": 10
        }
      },
      "data": [[1, 10]],
      "type": "column"
    }
  ]
}

• 将上述配置中的图案填充替换为纯色配置，如下所示：

"color": "red"

导出功能即可正常运行，正常导出效果如下：

解决方案 #

该问题的根因是导出服务默认未加载pattern-fill模块，无法识别图案填充配置，私有部署导出服务时可按以下步骤修复：

• 找到部署目录下node_modules/highcharts-export-server路径内的build.js文件
• 在文件的cdnScriptsCommon变量配置中，添加配置项"{{version}}/modules/pattern-fill.js"
• 执行命令node build.js重新构建服务
• 构建完成后重启导出服务，即可正常导出带pattern-fill图案填充的图表

内容的提问来源于stack exchange，提问作者Alays