您的位置:首页 > 其它

解决fusionCharts显示不全,经常挤在一起的问题

2014-12-04 09:44 120 查看
<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,但是经常会出现一个问题,那就是报表图形挤在了一起,显示效果根本显示不出来,如果解决呢,解决方法就是在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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: