将AmCharts出口到PNG,JPG等

时间:2014-04-24 12:14:18

标签: java javascript html export amcharts

我很困惑......

我确定这是一个简单的问题,但我无法将我的AmChart导出为jpg,png等。 我在这里做错了什么?

<script src="/assets/javascripts/amcharts/amcharts.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/serial.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/themes/none.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/exporting/amexport.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/exporting/rgbcolor.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/exporting/canvg.js"
type="text/javascript"></script>
<script src="/assets/javascripts/amcharts/exporting/filesaver.js"
type="text/javascript"></script>

"exportConfig": {
                "menuTop": "21px",
                "menuBottom": "auto",
                "menuRight": "21px",
                "backgroundColor": "#efefef",

               "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'
                    }]
                }]
            }

<div id="chartdiv" style="min-height: 600px;"></div>

我已经跟着AmChartExport并且几乎完成了他们正在做的事情。禁用弹出窗口,尝试不同的浏览器,但结果仍然相同。所有的javascript包都被浏览器识别,我正在显示按钮和菜单,但是当我点击“png”时没有任何反应。

Screenshot

1 个答案:

答案 0 :(得分:2)

问题在amChart.com

的支持下得到了很大的帮助

这是我收到的消息。

  

问题在于,由于浏览器安全限制,它无法导出包含从显示图表的域以外的其他域加载的图像的图表。   幸运的是,它很容易修复,只需更新以下行:   “pathToImages”:“http://www.amcharts.com/lib/3/images/”,   指向您自己的服务器。

我告诉了什么,并且效果很好。