FusionCharts 2D面積圖

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

上載者：User

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

<?xml version="1.0" encoding="UTF-8"?><chart caption='2013年水果年產量' xAxisName='水果名稱' yAxisName='水果產量' baseFont='微軟雅黑' baseFontSize='12' showValues='0'       baseFontColor='#00FF33' outCnvBaseFont='宋體' outCnvBaseFontSize='14' outCnvBaseFontColor='#0000FF'showLabels='1'        useEllipsesWhenOverflow='1' rotateLabels='1' showYAxisValues='1' showLimits='1' showDivLineValues='1' adjustDiv='1'       rotateYAxisName='1' defaultAnimation='1' yAxisMinValue='0' yAxisMaxValue='10000000' setAdaptiveYMin='1' centerYaxisName='1'       bgColor='#0000FF' bgAlpha='50' bgRatio='50' bgAngle='90' canvasBgColor='#EE7700' showVLineLabelBorder='1' drawAnchors='1'       anchorSides='8' anchorRadius='10' anchorBorderColor='#EEEE00' numDivLines='8' divLineIsDashed='1' numVDivLines='8'        showAlternateVGridColor='1' vDivLineIsDashed='1' vDivLineAlpha='50' vDivLineThickness='1' showToolTip='1'>   <set label='蘋果' value='8945459' />   <set label='橘子' value='3652120' />   <set label='桃子' value='4578540' />   <set label='荔枝' value='1245120' />   <set label='梨子' value='8451222' />   <set label='李子' value='4125120' />   <set label='芒果' value='2356412' />   <set label='香蕉' value='7541201' />   <set label='菠蘿' value='6541222' />   <set label='菩提' value='1201421' />   <set label='櫻桃' value='6541112' />   <set label='葡萄' value='2356666' />   <trendLines>     <line startValue='7000000' color='009933' displayvalue='Target' />   </trendLines>   <styles>      <definition>         <style name='CanvasAnim' type='animation' param='_xScale' start='0' duration='1' />      </definition>      <application>         <apply toObject='Canvas' styles='CanvasAnim' />      </application>   </styles></chart>

var area2D = new FusionCharts( "../script/Charts/Area2D.swf", "myChartId", "100%", "540", "0" );area2D.setXMLUrl("data/area2D.xml");area2D.render("area2DChart");

<div id="area2DChart"></div>

<!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;            }            #area2DChart{                width:100%;            }        </style>        <script type="text/javascript">            $(function(){                var area2D = new FusionCharts( "../script/Charts/Area2D.swf", "myChartId", "100%", "540", "0" );                area2D.setXMLUrl("data/area2D.xml");                area2D.render("area2DChart");               });        </script>    </head>    <body>        <div id="area2DChart"></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