<!DOCTYPE html>
<!-- saved from url=(0060)http://dojotoolkit.org/documentation/tutorials/1.9/charting/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta property="og:title" content="Dojo Charting">
<meta property="og:url" content="http://dojotoolkit.org/documentation/tutorials/1.9/charting/index.php">
<meta property="og:type" content="article">
<meta property="og:image" content="http://dojotoolkit.org/documentation/tutorials/resources/tutOpenMeta.jpg">
<title>Dojo Charting - The Dojo Toolkit</title>
<!-- Meta Tags -->
<meta name="keywords" content="The Dojo Toolkit, dojo, JavaScript Framework">
<meta name="description" content="Presenting statistical data in a readable, eye-catching manner is important, but it can also be difficult. The dojox/charting system was created to alleviate those pains by allowing developers to create dynamic, unique, and functional charts from varying sets of data. In addition, dojox/charting provides numerous themes and chart types to allow developers to display their data any way they'd like. This tutorial will show you how to create basic charts with varying data, plots, axes, and themes.
">
<meta name="author" content="Dojo Foundation">
<meta name="copyright" content="Copyright 2006-2011 by the Dojo Foundation">
<meta name="company" content="Dojo Foundation">
<link rel="shortcut icon" href="./images/favicon.png">
<link rel="apple-touch-icon" href="./images/apple.png">
<!-- CSS -->
<link rel="stylesheet" href="./css/site.css?t=05082014r2" media="screen">
<link rel="stylesheet" href="./css/print.css" media="print">
<link rel="stylesheet" href="http://dojotoolkit.org/documentation/tutorials/resources/style/style.css?10282011" media="screen">
<script type="text/javascript" async="" src="./DojoCharting_files/ga.js"></script><script src="./DojoCharting_files/shCore.js"></script>
<script src="./DojoCharting_files/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="./DojoCharting_files/shCoreDefault.css">
<script src="./DojoCharting_files/shBrushXml.js" type="text/javascript"></script>
<script src="./DojoCharting_files/shBrushCss.js" type="text/javascript"></script>
<script>
SyntaxHighlighter.all();
</script> </head>
<body class="claro">
<div id="page" class="docPage">
<div id="header">
<div class="container">
<span id="logo"><a href="http://dojotoolkit.org/" title="Home"><img src="./DojoCharting_files/logo.png" alt="Dojo Toolkit"></a></span>
<ul id="navigation">
<li class="home"><a href="http://dojotoolkit.org/"><span class="homeIcon"></span></a></li>
<li class="download"><a href="http://dojotoolkit.org/download/">Download</a></li>
<li class="features"><a href="http://dojotoolkit.org/features/">Features</a></li>
<li class="demos"><a href="http://demos.dojotoolkit.org/demos/">Demos</a></li>
<li class="docs"><a href="http://dojotoolkit.org/documentation">Documentation</a></li>
<li class="community"><a href="http://dojotoolkit.org/community">Community</a></li>
<li class="blog"><a href="http://dojotoolkit.org/blog">Blog</a></li>
<li class="support"><a href="http://dojotoolkit.org/support">Support</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="content" class="innerBox">
<div class="pageTitleContainer">
<h1>Documentation</h1>
<ul class="subnav">
<li class=""><a href="http://dojotoolkit.org/documentation/"><span>Tutorials</span></a></li>
<li><a href="http://dojotoolkit.org/reference-guide/"><span>Reference Guide</span></a></li>
<li><a href="http://dojotoolkit.org/api/"><span>API Documentation</span></a></li>
</ul>
</div> <div style="clear:left;">
<div class="container">
<div class="unit size2of3 firstUnit">
<div class="tutIntro">
<img src="./DojoCharting_files/preview.jpg" class="tut_preview">
<div class="introContainer">
<h2>Dojo Charting</h2>
<p class="summary">Presenting statistical data in a readable, eye-catching manner is important, but it can also be difficult. The <code>dojox/charting</code> system was created to alleviate those pains by allowing developers to create dynamic, unique, and functional charts from varying sets of data. In addition, <code>dojox/charting</code> provides numerous themes and chart types to allow developers to display their data any way they'd like. This tutorial will show you how to create basic charts with varying data, plots, axes, and themes.
</p>
<ul>
<li><span>Difficulty:</span> Beginner</li>
<li><span>Dojo Version:</span> 1.9</li>
</ul>
<div class="shareThis">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="dojo">Tweet</a>
<iframe src="./DojoCharting_files/saved_resource.htm" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:21px;" allowtransparency="true"></iframe>
</div> </div>
</div>
<!--<p class="proTip">Dojo 1.9 is not yet released, so links to other references may not work. Also, Dojo 1.9 is not yet available on the CDN, and will not work until the final release of 1.9 is available.</p>
-->
<h3>Getting Started</h3>
<p>Dojo's charting library lives within the <code>dojox/charting</code> resource. The <code>dojox/charting</code> collection is very unique in that it:</p>
<ul>
<li>Allows charts to be created with HTML (declaratively) or with JavaScript (programmatically)</li>
<li>Works on almost all devices</li>
<li>Can render charts in SVG, VML, Silverlight, and Canvas. An effort to allow SVGWeb rendering is also under way.</li>
<li>Allows for the developer to decide which renderer to use</li>
<li>Evaluates the client and uses an appropriate renderer based on what the client supports</li>
<li>Creates charts with <a href="http://dojotoolkit.org/reference-guide/1.9/dojox/gfx.html">dojox/gfx</a>, a powerful vector graphic library capable of making your charts animate in a wide variety of ways</li>
<li>Comes packaged with dozens of attractive, diverse themes</li>
<li>Allows for linear and radial gradients within chart themes (and even works in Internet Explorer!)</li>
</ul>
<h3>Configuring dojox/charting</h3>
<p>Before creating these wonderful charts, it's important to make chart resources available within the page.</p>
<p>As with any Dojo Toolkit resource, use <code>require</code> to load dependencies. Two dependencies that the developer will always need are the chart resource and the desired <a href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/charting/tests/theme_preview.html">theme</a>:</p>
<div><div id="highlighter_236323" class="syntaxhighlighter js"><div class="toolbar"><span><a href="http://dojotoolkit.org/documentation/tutorials/1.9/charting/#" class="toolbar_item command_help help">?</a></span></div><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><div class="line number4 index3 alt1">4</div><div class="line number5 index4 alt2">5</div><div class="line number6 index5 alt1">6</div><div class="line number7 index6 alt2">7</div><div class="line number8 index7 alt1">8</div><div class="line number9 index8 alt2">9</div><div class="line number10 index9 alt1">10</div></td><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="js plain">require([</code></div><div class="line number2 index1 alt1"><code class="js spaces"> </code><code class="js comments">// Require the basic 2d chart resource</code></div><div class="line number3 index2 alt2"><code class="js spaces"> </code><code class="js string">"dojox/charting/Chart"</code><code class="js plain">,</code></div><div class="line number4 index3 alt1"> </div><div class="line num
dojo 1.9 Tutorials(使用说明)
5星 · 超过95%的资源 需积分: 10 197 浏览量
2014-05-29
17:30:42
上传
评论
收藏 7.51MB RAR 举报 
dojo 1.9 Tutorials(使用说明) （1119个子文件） 
iphone.css 144KB site.css 43KB site.css 40KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 9KB shCoreDefault.css 8KB style.css 4KB demo.css 778B style.css 351B print.css 235B print.css 223B
dojoTheDefinitiveGuide.gif 14KB logo.gif 342B blank.gif 43B blank.gif 43B DojoCharting.htm 177KB Menus.htm 157KB ApplicationController.htm 135KB DijitThemes.htm 123KB dojoxGfx_iframe.htm 111KB Tree.htm 108KB ajax.htm 108KB AdvancedCharting.htm 101KB Modern.htm 90KB GFX.htm 90KB Layout.htm 88KB AdvancedAMD.htm 85KB Dialogs.htm 84KB CreatingDojoStores.htm 78KB AdvancedDijitSelects.htm 76KB Effects.htm 73KB dojoConfig.htm 72KB DataModeling.htm 71KB index1.htm 71KB DataGrid.htm 70KB index.htm 68KB DeferredsandPromises.htm 65KB Internationalization.htm 62KB customwidget.htm 61KB Hello.htm 58KB Sliders.htm 57KB NodeList.htm 56KB Dojo-Node.htm 54KB Events.htm 54KB Animations.htm 53KB共 1119 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
Quincylk2014-11-17很好的dojo入门文档
岩小黑2014-06-11还不错，要是有翻译就好了
wet123wet
- 粉丝: 0
- 资源: 3
