java - 将 AmCharts 导出为 PNG、JPG 等

Question

我很困惑...

我确定这是一个简单的问题，但我无法将我的 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”时没有任何反应。

Answer 1

在 amChart.com 支持的大力帮助下，问题得到解决

这是我收到的消息。

The problem is that due to browser security restrictions, it cannot export charts that contain images loaded from other domains than the one displaying the chart. Luckily it's pretty easy to fix, just update the following line: "pathToImages": "http://www.amcharts.com/lib/3/images/", To point to your own server.

按照我说的去做，效果很好。