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

来源：互联网发布：企业oa软件外贸编辑：程序博客网时间：2024/05/07 03:36

<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>

0 0