三级片无码在线观看,日韩欧美国产动漫一区,91资源碰

產(chǎn)品

產(chǎn)品
資訊
資源
視頻
學(xué)院
示例

金喜正規(guī)買球 > 資訊 > AnyGantt實例教程——在Web網(wǎng)頁中添加多個甘特圖

AnyGantt實例教程——在Web網(wǎng)頁中添加多個甘特圖

原創(chuàng)|使用教程|編輯：龔雪|2014-04-09 10:05:09.000|閱讀 524 次

概述：AnyGantt控件實例詳解在web頁面中添加多個甘特圖。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

繼AnyGantt實例教程——在Web網(wǎng)頁中快速創(chuàng)建甘特圖后，慧都控件網(wǎng)整理發(fā)布如何實現(xiàn)多個甘特圖的添加。

創(chuàng)建3個隨機數(shù)據(jù)表甘特圖資源的XML文件，通過布局顯示甘特圖：

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
  <td colspan="2" width="60%">
    <div id="chartDiv-1"></div>
  </td>
  <td width="40%">
    <div id="chartDiv-2"></div>
  </td>
</tr>
<tr>
  <td colspan="3" width="100%">
    <div id="chartDiv-3"></div>
  </td>
</tr> 
</table>

然后添加代碼到onload事件中加載甘特圖：

最后在表格中添加甘特圖代碼：

<script type="text/javascript" language="javascript">
//<![CDATA[
// Set SWF file for all charts
AnyGantt.swfFile = './swf/AnyGantt.swf';

// Function that creates gantt charts will be launched when page loads
function init(){

var chart1 = new AnyGantt();

chart1.width = "100%";
chart1.height = 300;

chart1.setXMLFile('./data-1.xml');
chart1.write('chartDiv-1');

var chart2 = new AnyGantt();

chart2.width = "100%";
chart2.height = 300;

chart2.setXMLFile('./data-2.xml');
chart2.write('chartDiv-2');

var chart3 = new AnyGantt();

 chart3.width = "100%";
 chart3.height = "200";

 chart3.setXMLFile('./data-3.xml');
 chart3.write('chartDiv-3');
 }
//]]>
</script>

下載AnyGantt最新試用版

標(biāo)簽：甘特圖甘特圖開發(fā)

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：詳解ActiveReports 8 地圖控件的組成元素下一篇：福利：FastReport VCL入門視頻教程匯總