Highcharts 将图表保存在项目文件夹中，而不是使用 javascript 的下载文件夹中答案

【问题标题】：Highcharts save a chart in the project folder instead of downloads folder using javascriptHighcharts 将图表保存在项目文件夹中，而不是使用 javascript 的下载文件夹中
【发布时间】：2016-03-27 11:47:09
【问题描述】：

我需要为带有模式的图表生成 svg。我已经使用图案填充插件添加了图像。

                    name : 'XXX',
                    id : 'Series 3',
                    type : 'column',   
                    data : [ protected_protection_ng_values ],
                    color :
                    {
                            pattern : './image-assets/pattern1.png',
                            width : 190,
                            height : 190
                    }

但是当我生成 svg 图像时，模式图像不会出现，因为 svg 正在下载文件夹中寻找图像。如何仅使用 javascript 将 svg 保存在项目的文件夹中（除 PhantomJS 脚本之外的任何其他方法。如果这是最好的解决方案，请告知如何操作）？

【问题讨论】：

SVG 可以离线查看吗？为什么不使用指向在线位置的绝对路径？
它是离线查看的，因为客户需要一个svg格式的图像，必须添加到pdf中。

标签： javascript svg highcharts

【解决方案1】：

在版本 2 中使用 Pattern Fill 插件时，您可以将模式定义为 SVG 元素，它们将被导出，而无需引用任何外部图像文件。

查看启用导出的自定义模式演示：http://jsfiddle.net/fzL82mnw/

其他选项可能是使用 base64 而不是 url 作为模式。要查看 base64 图像如何嵌入到导出的 SVG 中，您可以导出 boost module demo 图表并消除输出 SVG。

示例：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/studies/canvas-area/

【讨论】：