jquery - 如何从外部按钮导出图形 AmCharts？

Question

目前图表内有一个导出按钮，是 AmCharts 默认选项，但我需要从外部按钮执行此操作。

示例:`exportConfig:{ 菜单顶部:“21px”， 菜单底部:“自动”， 右菜单:“21px”， 背景颜色:“#effefef”，

                menuItemStyle   : {
                backgroundColor         : '#EFEFEF',
                rollOverBackgroundColor : '#DDDDDD'},

                menuItems: [{
                    textAlign: 'center',
                    icon: 'http://www.amcharts.com/lib/3/images/export.png',
                    onclick:function(){},
                    items: [{
                        title: 'JPG',
                        format: 'jpg'
                    }, {
                        title: 'PNG',
                        format: 'png'
                    }, {
                        title: 'SVG',
                        format: 'svg'
                    }]
                }]
            }
        });`

http://jsfiddle.net/BGuuT/

我需要导出页面内但图表外的按钮点击的功能。

Answer 1

当然可以，您可以像这样手动创建导出实例。导出回调包含 blob，在这种情况下是图像的 base 64 数据字符串。

var tmp = new AmCharts.AmExport(chart);
tmp.init();
tmp.output({
    output: 'datastring',
    format: 'jpg'
},function(blob) {
    var image = new Image();
    image.src = blob;

    document.body.appendChild(image);
});

这是更新后的 jsfiddle 版本，希望可以帮助您 http://jsfiddle.net/BGuuT/1/