FusionCharts 3D帕累托圖

來源:互聯網
上載者:User

1、設計3D帕累托圖的頁面

Pareto3D.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>FusionCharts Pareto3D</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script type="text/javascript" src="../scripts/jquery-2.0.3.js"></script>    <script type="text/javascript" src="../scripts/Charts/FusionCharts.js"></script>    <script type="text/javascript">        $(function(){              var pareto3D = new FusionCharts( "../scripts/Charts/Pareto3D.swf", "pareto3DId", "100%", "540", "0" );        pareto3D.setXMLUrl("data/pareto3D.xml");              pareto3D.render("pareto3DChart");        });    </script>  </head>    <body>    <div id="pareto3DChart"></div>  </body></html>

2、設計3D帕累托圖的資料來源

pareto3D.xml:

<?xml version="1.0" encoding="UTF-8"?><chart  caption="一周統計人數" xAxisName="星期" PYAxisName ="人數" plotGradientColor="" showValues='0'        baseFont='微軟雅黑' baseFontSize='20' baseFontColor='#654545' outCnvBaseFont='宋體'         outCnvBaseFontSize='24' outCnvBaseFontColor='#989899' drawAnchors='1' anchorSides='4'        anchorRadius='10' anchorBorderColor='#FF0000' anchorBorderThickness='1' anchorBgColor='#00FF00'        anchorAlpha='50' anchorBgAlpha='50' numDivLines='8' divLineIsDashed='1'>   <set label="星期一" value="205"/>   <set label="星期二" value="165"/>   <set label="星期三" value="85"/>   <set label="星期四" value="62"/>   <set label="星期五" value="73"/>   <set label="星期六" value="109"/>   <set label="星期日" value="121"/></chart>

3、設計結果


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.