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