source: Dev/trunk/src/client/dojox/charting/tests/test_shadow.html

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 4.1 KB
Line 
1<!--[if IE 7]>
2<!DOCTYPE>
3<html lang="en">
4        <head>
5<![endif]-->
6<!--[if IE 8]>
7<!DOCTYPE>
8<html lang="en">
9    <head>
10           <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
11<![endif]-->
12<![if gte IE 9]>
13<!DOCTYPE HTML>
14<html lang="en">
15        <head>
16<![endif]>
17                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
18                <title>Shadows</title>
19                <style type="text/css">
20                        @import "../../../dojo/resources/dojo.css";
21                        @import "../../../dijit/tests/css/dijitTests.css";
22                </style>
23                <!-- required for Tooltip: a default dijit theme: -->
24                <link rel="stylesheet" href="../../../dijit/themes/tundra/tundra.css">
25                <style>
26                        .dojoxLegendNode {border: 1px solid #ccc; margin: 5px 10px 5px 10px; padding: 3px}
27                        .dojoxLegendText {vertical-align: text-top; padding-right: 10px}
28                </style>
29                <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
30
31                <script type="text/javascript">
32                        var seriesB = [2.6, 1.8, 2, 1, 1.4, 0.7, 2];
33                        require([
34                        "dojox/charting/widget/Chart",
35                        "dojox/charting/axis2d/Default",
36                        "dojox/charting/plot2d/Columns",
37                        "dojox/charting/plot2d/Bars",
38                        "dojox/charting/plot2d/Default",
39                        "dojox/charting/plot2d/Pie",
40                        "dojox/charting/action2d/Shake",
41                        "dojox/charting/themes/PlotKit/orange",
42                        "dojox/charting/themes/PlotKit/blue",
43                        "dojox/charting/themes/PlotKit/green",
44                        "dojo/parser"]);
45                </script>
46        </head>
47        <body class="tundra">
48                <h1>Shadows</h1>
49                <p>Testing charts shadows</p>
50                <table border="0" cellspacing="30">
51                        <tr>
52                                <td>
53                                        <div data-dojo-type="dojox.charting.widget.Chart" id="chart1" style="width: 300px; height: 300px;">
54                                                <div class="axis" name="y" font="italic normal normal 8pt Tahoma" natural="true" fixLower="major" fixUpper="major"></div>
55                                                <div class="axis" name="x" vertical="true" fixUpper="major" includeZero="true"
56                                                        font="italic normal normal 8pt Tahoma"></div>
57                                                <div class="plot" name="default" type="Bars" fill="'red'" stroke="null" shadow="{dx: 2, dy: 2, width: 2, color: [ 150, 0, 0, 0.7 ]}" gap="5" animate="true"></div>
58                                                <div class="series" name="Run A" data="1, 2, 0.5, 1.5, 1, 2.8, 0.4"></div>
59                                                <div class="action" type="Shake"></div>
60                                        </div>
61                                </td>
62                                <td>
63                                        <div data-dojo-type="dojox.charting.widget.Chart" id="chart2" style="width: 300px; height: 300px;">
64                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma" natural="true" fixLower="major" fixUpper="major"></div>
65                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
66                                                        font="italic normal normal 8pt Tahoma"></div>
67                                                <div class="plot" name="default" type="Columns" fill="'red'" stroke="null" shadow="{dx: 2, dy: 2, width: 2, color: [ 150, 0, 0, 0.7 ]}" gap="5" animate="true"></div>
68                                                <div class="series" name="Run A" data="1, 2, 0.5, 1.5, 1, 2.8, 0.4"></div>
69                                                <div class="action" type="Shake"></div>
70                                        </div>
71                                </td>
72                        </tr>
73                        <tr>
74                                <td>
75                                        <div data-dojo-type="dojox.charting.widget.Chart" id="chart3" theme="dojox.charting.themes.PlotKit.blue"
76                                                         style="width: 300px; height: 300px;">
77                                                <div class="plot" name="default" type="Pie" radius="100" fontColor="white" shadow="{dx: 3, dy: 3, width: 3, color: [ 0, 0, 0, 0.3 ]}" animate="true"></div>
78                                                <div class="series" name="Series B" array="seriesB"></div>
79                                                <div class="action" type="Shake"></div>
80                                        </div>
81                                </td>
82                                <td>
83                                        <div data-dojo-type="dojox.charting.widget.Chart" id="chart4" style="width: 300px; height: 300px;">
84                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma" natural="true" fixLower="major" fixUpper="major"></div>
85                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
86                                                        font="italic normal normal 8pt Tahoma"></div>
87                                                <div class="plot" name="default" type="Default" stroke="{width: 4, color: 'red'}" shadow="{dx: 2, dy: 2, width:3,  color: [ 0, 0, 0, 0.3 ]}" animate="true"></div>
88                                                <div class="series" name="Run A" data="1, 2, 0.5, 1.5, 1, 2.8, 0.4"></div>
89                                        </div>
90                                </td>
91                        </tr>
92                </table>
93                <p>That's all Folks!</p>
94        </body>
95</html>
Note: See TracBrowser for help on using the repository browser.