FusionCharts 2D條狀圖

最後更新：2014-01-19 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

$(function(){                var bar2D = new FusionCharts( "../script/Charts/Bar2D.swf", "myChartId", "100%", "540", "0" );                bar2D.setXMLUrl("data/bar2D.xml");                bar2D.render("bar2DChart");               });

<?xml version="1.0" encoding="UTF-8"?><chart caption='2013年動物飼養量' xAxisName='動物名稱' yAxisName='飼養量' showValues='1' baseFontSize='12' baseFontColor='#A45454'       dashed='1' numDivLines='40' divLineColor='#0000FF' divLineThickness='1' divLineAlpha='50' divLineIsDashed='1' divLineDashLen='2'       formatNumber='1' scaleRecursively='1' outCnvBaseFont='#456454' outCnvBaseFontSize='16' outCnvBaseFontColor='#00FF00' showToolTip='1'       toolTipBgColor='#565677' toolTipBorderColor='#CCCCCC' showToolTipShadow='1' chartLeftMargin='5' showLabel='1'>   <set label='豬' value='9856456454' />   <set label='牛' value='8754545554' />   <set label='羊' value='5784554458' />   <set label='兔' value='451545554' />   <set label='雞' value='7989565666' />   <vLine color='FF5904' thickness='2' dashed='1' showLabelBorder='1' labelVAlign='middle' labelHAlign='center'/>   <set label='鴨' value='5613265666' />   <set label='鵝' value='784545555' />   <set label='蛇' value='45412121' />   <set label='蛙' value='656521' />   <set label='魚' value='7854656666' /></chart>

<div id="bar2DChart"></div>

4、附錄

<!DOCTYPE html><!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.--><html>    <head>        <title>FusionCharts 2D條狀圖</title>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width">        <script type="text/javascript" src="../script/jquery-1.10.2.js"></script>        <script type="text/javascript" src="../script/Charts/FusionCharts.js"></script>        <style type="text/css">            body{                width:98%;                height:100%;                font-size:12px;            }            #bar2DChart{                width:100%;            }        </style>        <script type="text/javascript">            $(function(){                var bar2D = new FusionCharts( "../script/Charts/Bar2D.swf", "myChartId", "100%", "540", "0" );                bar2D.setXMLUrl("data/bar2D.xml");                bar2D.render("bar2DChart");               });        </script>    </head>    <body>        <div id="bar2DChart"></div>    </body></html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More