如何在新窗口中生成amchart.js

我试图在新窗口中生成一个amchart（https://www.amcharts.com/demos/bullet-chart/）项目符号表。当我从HTML文档内嵌运行代码时，它运行良好，但是当我尝试在用户点击提交后在新窗口中生成图表（见下文）时，没有任何反应，即控制台中没有警告或错误。这里是我的代码：如何在新窗口中生成amchart.js

var OpenWindow4 = window.open("", "newin4", "width=1000,height=600,toolbar=no,scrollbars=" + scroll + ",menubar=no"); 
     OpenWindow4.document.write('<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title>Features</title><script src="https://www.amcharts.com/lib/3/amcharts.js"></script><script src="https://www.amcharts.com/lib/3/serial.js"></script><script src="https://www.amcharts.com/lib/3/themes/none.js"></script><div class="chart-block"><div id="chartdiv1" style="width:100%; height:220px;"></div></div><script type="text/javascript"> (function() { var chart = AmCharts.makeChart("chartdiv1", { "type": "serial", "theme": "none", "autoMargins": false, "marginTop": 30, "marginLeft": 80, "marginBottom": 30, "marginRight": 50, "dataProvider": [{ "category": "Evaluation", "excelent": 20, "good": 20, "average": 20, "poor": 20, "bad": 20, "limit": 78, "full": 100, "bullet": 65 }], "valueAxes": [{ "maximum": 100, "stackType": "regular", "gridAlpha": 0 }], "startDuration": 1, "graphs": [{ "fillAlphas": 0.8, "lineColor": "#19d228", "showBalloon": false, "type": "column", "valueField": "excelent" }, { "fillAlphas": 0.8, "lineColor": "#b4dd1e", "showBalloon": false, "type": "column", "valueField": "good" }, { "fillAlphas": 0.8, "lineColor": "#f4fb16", "showBalloon": false, "type": "column", "valueField": "average" }, { "fillAlphas": 0.8, "lineColor": "#f6d32b", "showBalloon": false, "type": "column", "valueField": "poor" }, { "fillAlphas": 0.8, "lineColor": "#fb7116", "showBalloon": false, "type": "column", "valueField": "bad" }, { "clustered": false, "columnWidth": 0.3, "fillAlphas": 1, "lineColor": "#000000", "stackable": false, "type": "column", "valueField": "bullet" },{ "columnWidth": 0.5, "lineColor": "#000000", "lineThickness": 3, "noStepRisers": true, "stackable": false, "type": "step", "valueField": "limit" }], "rotate": true, "columnWidth": 1, "categoryField": "category", "categoryAxis": { "gridAlpha": 0, "position": "left" } });})();</script> </head> </html>'); 
    }

来源

2016-08-04 Haloor

此外，我可以插入一个canvas.js图表或d3.js图表，并且使用上述结构可以正常工作 - 因此，当使用'window.open'生成图表时，它似乎与amChart.js图表有些奇怪图表 – Haloor

看来，当你创建这样的DOM准备的事件没有被正确地开了窗，所以这个表甚至没有开始初始化。

要强制图表的绘制添加以下在图表代码末尾：

chart.write("chartdiv1");

这应该做的伎俩。

来源

2016-08-11 05:18:55 martynasma

如何在新窗口中生成amchart.js

回答

相关问题