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

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

Added Dojo 1.9.3 release.
File size: 8.7 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>Test Missing point interpolation</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                <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
26
27                <script type="text/javascript">
28                        var seriesA = [
29                                { x: 1, y : null },
30                                { x: 2, y : 2 },
31                                { x: 3, y : 2 },
32                                { x: 4, y: null },
33                                { x: 5, y: null },
34                                { x: 6, y: 3 },
35                                { x: 7, y: 4 },
36                                { x: 8, y: null },
37                                { x: 9, y: 5 },
38                                { x: 10, y: 6 },
39                                { x: 13, y: 7 },
40                                { x: 14, y: 8 }
41                               
42                        ];
43                        var seriesB = [null, 3, 3, null, null, 4, 5, null, 6, 7, 7, 8];
44                        var seriesC = [
45                                { x: 2, y: 4 },
46                                { x: 3, y: 4 },
47                                { x: 6, y: 5 },
48                                { x: 7, y: 6 },
49                                { x: 9, y: 7 },
50                                { x: 10, y: 8 },
51                                { x: 13, y: 9 },
52                                { x: 14, y: 10 }
53                        ];
54                        // in theory this should not happen, this is really invalid data set...
55                        var seriesD = [
56                                null,
57                                { x: 2, y : 5 },
58                                { x: 3, y : 5 },
59                                null,
60                                null,
61                                { x: 6, y: 6 },
62                                { x: 7, y: 7 },
63                            null,
64                                { x: 9, y: 8 },
65                                { x: 10, y: 9 },
66                                null, null
67                        ];
68                        require([
69                        "dojox/charting/widget/Chart",
70                        "dojox/charting/axis2d/Default",
71                        "dojox/charting/plot2d/Lines",
72                        "dojox/charting/plot2d/StackedLines",
73                        "dojox/charting/plot2d/Columns",
74                        "dojox/charting/plot2d/StackedColumns",
75                        "dojox/charting/plot2d/ClusteredColumns",
76                        "dojox/charting/plot2d/Bars",
77                        "dojox/charting/plot2d/StackedBars",
78                        "dojox/charting/plot2d/ClusteredBars",
79                        "dojox/charting/themes/Adobebricks",
80                        "dojo/parser"]);
81                </script>
82        </head>
83        <body class="tundra">
84                <h1>Chart with missing data points</h1>
85                <table border="0" cellspacing="30">
86                        <tr>
87                                <td>
88                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart1" style="width: 400px; height: 400px;"
89                                                        theme="dojox.charting.themes.Adobebricks">
90                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
91                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
92                                                        font="italic normal normal 8pt Tahoma"></div>
93                                                <div class="plot" name="default" type="Lines"></div>
94                                                <div class="series" name="Run A" array="seriesA"></div>
95                                                <div class="series" name="Run B" array="seriesB"></div>
96                                                <div class="series" name="Run C" array="seriesC"></div>
97                                                <div class="series" name="Run D" array="seriesD"></div>
98                                        </div>
99                                </td>
100                                <td>
101                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart2" style="width: 400px; height: 400px;"
102                                                        theme="dojox.charting.themes.Adobebricks">
103                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
104                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
105                                                        font="italic normal normal 8pt Tahoma"></div>
106                                                <div class="plot" name="default" type="Lines" interpolate="true"></div>
107                                                <div class="series" name="Run A" array="seriesA"></div>
108                                                <div class="series" name="Run B" array="seriesB"></div>
109                                                <div class="series" name="Run C" array="seriesC"></div>
110                                                <div class="series" name="Run D" array="seriesD"></div>
111                                        </div>
112                                </td>
113                        </tr>
114                        <tr>
115                                <td>
116                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart3" style="width: 400px; height: 400px;"
117                                                        theme="dojox.charting.themes.Adobebricks">
118                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
119                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
120                                                        font="italic normal normal 8pt Tahoma"></div>
121                                                <div class="plot" name="default" type="StackedLines"></div>
122                                                <div class="series" name="Run A" array="seriesA"></div>
123                                                <div class="series" name="Run C" array="seriesC"></div>
124                                                <div class="series" name="Run D" array="seriesD"></div>
125                                        </div>
126                                </td>
127                                <td>
128                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart4" style="width: 400px; height: 400px;"
129                                                        theme="dojox.charting.themes.Adobebricks">
130                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
131                                                <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true"
132                                                        font="italic normal normal 8pt Tahoma"></div>
133                                                <div class="plot" name="default" type="StackedLines" interpolate="true"></div>
134                                                <div class="series" name="Run A" array="seriesA"></div>
135                                                <div class="series" name="Run C" array="seriesC"></div>
136                                                <div class="series" name="Run D" array="seriesD"></div>
137                                        </div>
138                                </td>
139                        </tr>
140                        <tr>
141                                <td>
142                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart5" style="width: 400px; height: 400px;"
143                                                        theme="dojox.charting.themes.Adobebricks">
144                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
145                                                <div class="axis" name="y" vertical="true" fixUpper="major"
146                                                        font="italic normal normal 8pt Tahoma"></div>
147                                                <div class="plot" name="default" type="Columns"></div>
148                                                <div class="series" name="Run A" array="seriesA"></div>
149                                                <div class="series" name="Run C" array="seriesC"></div>
150                                                <div class="series" name="Run D" array="seriesD"></div>
151                                        </div>
152                                </td>
153                                <td>
154                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart6" style="width: 400px; height: 400px;"
155                                                        theme="dojox.charting.themes.Adobebricks">
156                                                <div class="axis" name="y" font="italic normal normal 8pt Tahoma" fixUpper="major" ></div>
157                                                <div class="axis" name="x" vertical="true"
158                                                        font="italic normal normal 8pt Tahoma"></div>
159                                                <div class="plot" name="default" type="Bars"></div>
160                                                <div class="series" name="Run A" array="seriesA"></div>
161                                                <div class="series" name="Run C" array="seriesC"></div>
162                                                <div class="series" name="Run D" array="seriesD"></div>
163                                        </div>
164                                </td>
165                        </tr>
166                        <tr>
167                                <td>
168                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart7" style="width: 400px; height: 400px;"
169                                                        theme="dojox.charting.themes.Adobebricks">
170                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
171                                                <div class="axis" name="y" vertical="true" fixUpper="major" 
172                                                        font="italic normal normal 8pt Tahoma"></div>
173                                                <div class="plot" name="default" type="StackedColumns"></div>
174                                                <div class="series" name="Run A" array="seriesA"></div>
175                                                <div class="series" name="Run C" array="seriesC"></div>
176                                                <div class="series" name="Run D" array="seriesD"></div>
177                                        </div>
178                                </td>
179                                <td>
180                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart8" style="width: 400px; height: 400px;"
181                                                        theme="dojox.charting.themes.Adobebricks">
182                                                <div class="axis" name="y" font="italic normal normal 8pt Tahoma" fixUpper="major" ></div>
183                                                <div class="axis" name="x" vertical="true"
184                                                        font="italic normal normal 8pt Tahoma"></div>
185                                                <div class="plot" name="default" type="StackedBars"></div>
186                                                <div class="series" name="Run A" array="seriesA"></div>
187                                                <div class="series" name="Run C" array="seriesC"></div>
188                                                <div class="series" name="Run D" array="seriesD"></div>
189                                        </div>
190                                </td>
191                        </tr>
192                        <tr>
193                                <td>
194                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart9" style="width: 400px; height: 400px;"
195                                                        theme="dojox.charting.themes.Adobebricks">
196                                                <div class="axis" name="x" font="italic normal normal 8pt Tahoma"></div>
197                                                <div class="axis" name="y" vertical="true" fixUpper="major"
198                                                        font="italic normal normal 8pt Tahoma"></div>
199                                                <div class="plot" name="default" type="ClusteredColumns"></div>
200                                                <div class="series" name="Run A" array="seriesA"></div>
201                                                <div class="series" name="Run C" array="seriesC"></div>
202                                                <div class="series" name="Run D" array="seriesD"></div>
203                                        </div>
204                                </td>
205                                <td>
206                                        <div data-dojo-type="dojox/charting/widget/Chart" id="chart10" style="width: 400px; height: 400px;"
207                                                        theme="dojox.charting.themes.Adobebricks">
208                                                <div class="axis" name="y" font="italic normal normal 8pt Tahoma" fixUpper="major"></div>
209                                                <div class="axis" name="x" vertical="true" 
210                                                        font="italic normal normal 8pt Tahoma"></div>
211                                                <div class="plot" name="default" type="ClusteredBars"></div>
212                                                <div class="series" name="Run A" array="seriesA"></div>
213                                                <div class="series" name="Run C" array="seriesC"></div>
214                                                <div class="series" name="Run D" array="seriesD"></div>
215                                        </div>
216                                </td>
217                        </tr>
218                </table>
219                <p>That's all Folks!</p>
220        </body>
221</html>
Note: See TracBrowser for help on using the repository browser.