Question

我需要为带有模式的图表生成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（除了PhantomJS脚本以外的任何其他方法）将svg保存在我项目的文件夹中。如果这是最好的解决方案，请指教如何做到这一点）？

Answer 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/

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

1 个答案: