解決fusionCharts顯示不全，經常擠在一起的問題
來源：程序員人生 發布時間：2014-12-20 08:25:05 閱讀次數：3368次
<script>
//生成fushioncharts
function showChart(chartType,showDiv,data){
var myChart1= new FusionCharts("<%=request.getContextPath()%>/framework/fusioncharts/"+chartType+".swf?ChartNoDataText=當前沒有可展現圖形的數據",
"myChartId1", "100%", "100%", "0", "0");
myChart1.setDataXML(data);
myChart1.setTransparent(true);
myChart1.render( showDiv);
}
$(document).ready(
function(){
var resultXml=$("#resultXml").val();
showChart(charType,"div1",resultXml);
}
);
</script>
</head>
<body scroll="no" >
<s:form action="busiChatDayAction">
<table width="100%" height="100%" border="1">
<tr>
<td width="65%" height="50%">
<div id="div1" ></div> <!-- fusioncharts業務類型 -->
</td>
在之前的寫法中，我總是在$(document).ready()中，增加fusioncharts，也就是頁面加載以后加載fusioncharts，但是常常會出現1個問題，那就是報表圖形擠在了1起，顯示效果根本顯示不出來，如果解決呢，解決方法就是在div后面直接跟<script>，不再在$(document).ready頁面加載后加載fusioncharts就能夠解決問題
<table width="100%" height="100%" border="1">
<tr>
<td width="65%" height="50%">
<div id="div1" ></div> <!-- 業務類型 -->
<script type="text/javascript">
var myChart1= new FusionCharts("<%=request.getContextPath()%>/framework/fusioncharts/${property.chartStyle}.swf?ChartNoDataText=當前沒有可展現圖形的數據",
"myChartId1", "100%", "100%", "0", "0");
myChart1.setDataXML("${property.resultXml}");
myChart1.setTransparent(true);
myChart1.render( "div1");
</script>
</td>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
