日韩亚洲精品一线在,日日夜夜精品免费视频,成人午夜精品视频

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

Flash圖表組件FusionCharts幫助文檔十三：調(diào)整圖表比例（百分比）

原創(chuàng)|其它|編輯：郝浩|2013-01-30 11:58:21.000|閱讀 1979 次

概述：FusionCharts圖表不僅允許你設(shè)置圖表寬度和高度的絕對(duì)像素值，還允許設(shè)置寬度和高度的百分比值。 FusionCharts圖表會(huì)根據(jù)父容器元素的尺寸自動(dòng)調(diào)整圖表的百分比大小。本文主要介紹如何利用代碼方式動(dòng)態(tài)調(diào)整FusionCharts圖表的百分比大小。

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

相關(guān)鏈接：

FusionCharts圖表不僅允許你設(shè)置圖表寬度和高度的絕對(duì)像素值，還允許設(shè)置寬度和高度的百分比值。 FusionCharts圖表會(huì)根據(jù)父容器元素的尺寸自動(dòng)調(diào)整圖表的百分比大小。本文主要介紹如何利用代碼方式動(dòng)態(tài)調(diào)整FusionCharts圖表的百分比大小。

<div id="chartContainer" style="width:800px; height:300px;">
This text is replaced by the chart
</div>
<script type="text/javascript"></script>

在上述代碼中，我們指定圖表的寬度為80%和高度為100%。"chartContainer" 是圖表的容器元素。因此，圖表的百分比寬度和高度取決于DIV的尺寸。

在上面的示例中，我們將DIV的寬度和高度分別設(shè)置為800像素和300像素。因此，圖表的大小將自動(dòng)調(diào)整為 640x300 像素，圖表效果如下：

動(dòng)態(tài)調(diào)整圖表大小：

當(dāng)圖表的父容器大小改變時(shí)，F(xiàn)usionCharts XT能夠自動(dòng)地調(diào)整圖表大小。操作步驟如下：

1、設(shè)置圖表百分比
2、設(shè)置HTML圖表容器，當(dāng)調(diào)整瀏覽器大小時(shí)，圖表容器大小也會(huì)自動(dòng)調(diào)整。

當(dāng)調(diào)整圖表容器大小時(shí)，圖表也會(huì)動(dòng)態(tài)調(diào)整其大小。在下面的例子中，圖表以全屏方式呈現(xiàn)在Web瀏覽器中。如果調(diào)整瀏覽器的大小，圖表也會(huì)根據(jù)瀏覽器的大小而進(jìn)行調(diào)整。

<html>
<head>
<title>My First chart using FusionCharts XT
- Using dynamically resizable chart</title>
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
</head>
<body style="height:100%;">
<div id="chartContainer" style="height:100%;" >
FusionCharts XT will load here
</div>

<script type="text/javascript"></script>
</body>
</html>