Question

我正在尝试提取通过CFCHART生成的zingchart的SVG内容，并将其传递给我的服务器以将SVG转换为PNG

$('#downloadGraph').click(function() {
    zingchart.EXPORTURL = 'imageexport.cfm'; 
    zingchart.AJAXEXPORT = true;
    zingchart.exec('myChart', 'getimagedata', {
        format : 'png',
        callback : function(sImageData) {
            console.log(sImageData);

        }
    });
});

但是我收到以下错误

Uncaught TypeError: Cannot call method 'zcExec' of null 
cfchart-lite.js:1
zingchart.exec_flash cfchart-lite.js:1
zingchart.exec cfchart-html.js:165

我知道该功能有效，因为如果您右键单击图表并选择“导出到PNG”它可以工作，但我想在我的页面上放一个按钮来执行相同的操作。

Answer 1

我解决了这个问题。除非呈现模式为canvas，否则您无法调用getImageData。当我使用'SVG'时它返回-1。但是，我认为cfchart-lite.js没有正确处理这个返回值。

解决方法是使用saveasimage代替

zingchart.EXPORTURL = 'imageexport.cfm'; 
zingchart.AJAXEXPORT = true;

zingchart.exec('datasetChart', 'saveasimage', {
        format : 'png',
        callback : function(sImageData) {
            console.log(sImageData);

    }
});

Zingchart getimagedata通过coldfusion

1 个答案: