Zingchart通过Java调用getimagedata API

问题描述

我尝试导出zingchart图像以在Java的base64对象中获取它。

我想在js中像这样使用getimageapi：

function exportImgChart(idChart) {
zingchart.exec('idChart','getimagedata',{
    filetype: 'png',callback : function(imagedata) {
        console.log(imagedata);
        document.getElementById('output_image').src = imagedata;
    }
});}

但是我不知道如何从Java代码中调用它？我把我的js函数像这样：

    public void getimageChart(AjaxRequestTarget target,String idChart) {

    String js = messageformat.format("exportImgChart({0});",//
            StringUtils.wrap(this.getMarkupId(),"'") //
            );

    target.appendJavaScript(js);
    
    //how to get image base 64 here ?

}

我的Java框架是Wicket

感谢您的帮助！

杰夫

解决方法

之所以调用

getImageChart(AjaxRequestTarget,String)是因为从浏览器到服务器进行了一些Ajax调用。

然后在服务器端构造一个字符串，该字符串将将与响应一起发送到浏览器。 target.appendJavaScript(js);不会立即发送。它只是说“'js'将成为响应的一部分”，但是一旦getImageChart()并且其他方法完全执行后，响应就会刷新到浏览器。

您不能在target.appendJavaScript(js)之后获得base64编码的图像。要获取base64数据，您需要在JavaScript函数exportImgChart()中对服务器进行新的Ajax调用。这个新的Ajax调用很可能会调用新的回调方法，例如onBase64Image()或其他名称。

有关更多信息，请参见以下答案：https://stackoverflow.com/a/42612027/497381