2 * @fileoverview Test cases for how axis labels are chosen and formatted,
3 * specializing on the deprecated xLabelFormatter, etc.
5 * @author dan@dygraphs.com (Dan Vanderkam)
7 var DeprecatedAxisLabelsTestCase
= TestCase("axis-labels-deprecated");
9 DeprecatedAxisLabelsTestCase
.prototype.setUp
= function() {
10 document
.body
.innerHTML
= "<div id='graph'></div>";
13 DeprecatedAxisLabelsTestCase
.prototype.tearDown
= function() {
16 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedDeprecatedXAxisTimeLabelFormatter
= function() {
21 var data
= [[5.0,0],[5.1,1],[5.2,2],[5.3,3],[5.4,4],[5.5,5],[5.6,6],[5.7,7],[5.8,8],[5.9,9]];
22 var graph
= document
.getElementById("graph");
23 var g
= new Dygraph(graph
, data
, opts
);
25 xAxisLabelFormatter
: function (totalMinutes
) {
26 var hours
= Math
.floor( totalMinutes
/ 60);
27 var minutes
= Math
.floor((totalMinutes
- (hours
* 60)));
28 var seconds
= Math
.round((totalMinutes
* 60) - (hours
* 3600) - (minutes
* 60));
30 if (hours
< 10) hours
= "0" + hours
;
31 if (minutes
< 10) minutes
= "0" + minutes
;
32 if (seconds
< 10) seconds
= "0" + seconds
;
34 return hours
+ ':' + minutes
+ ':' + seconds
;
38 assertEquals(["00:05:00","00:05:12","00:05:24","00:05:36","00:05:48"], Util
.getXLabels());
40 // The legend does not use the xAxisLabelFormatter:
42 assertEquals('5.1: Y1: 1', Util
.getLegend());
45 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedAxisLabelFormatter
= function () {
49 xAxisLabelFormatter
: function(x
, granularity
, opts
, dg
) {
50 assertEquals('number', typeof(x
));
51 assertEquals('number', typeof(granularity
));
52 assertEquals('function', typeof(opts
));
53 assertEquals('[Dygraph graph]', dg
.toString());
56 yAxisLabelFormatter
: function(y
, granularity
, opts
, dg
) {
57 assertEquals('number', typeof(y
));
58 assertEquals('number', typeof(granularity
));
59 assertEquals('function', typeof(opts
));
60 assertEquals('[Dygraph graph]', dg
.toString());
66 for (var i
= 0; i
< 10; i
++) {
67 data
.push([i
, 2 * i
]);
69 var graph
= document
.getElementById("graph");
70 var g
= new Dygraph(graph
, data
, opts
);
72 assertEquals(['x0','x2','x4','x6','x8'], Util
.getXLabels());
73 assertEquals(["y0","y5","y10","y15"], Util
.getYLabels());
76 assertEquals("2: y: 4", Util
.getLegend());
79 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedDateAxisLabelFormatter
= function () {
83 xAxisLabelFormatter
: function(x
, granularity
, opts
, dg
) {
84 assertTrue(Dygraph
.isDateLike(x
));
85 assertEquals('number', typeof(granularity
));
86 assertEquals('function', typeof(opts
));
87 assertEquals('[Dygraph graph]', dg
.toString());
88 return 'x' + Util
.formatDate(x
);
90 yAxisLabelFormatter
: function(y
, granularity
, opts
, dg
) {
91 assertEquals('number', typeof(y
));
92 assertEquals('number', typeof(granularity
));
93 assertEquals('function', typeof(opts
));
94 assertEquals('[Dygraph graph]', dg
.toString());
98 x
: { pixelsPerLabel
: 60 }
103 for (var i
= 1; i
< 10; i
++) {
104 data
.push([new Date("2011/01/0" + i
), 2 * i
]);
106 var graph
= document
.getElementById("graph");
107 var g
= new Dygraph(graph
, data
, opts
);
109 assertEquals(["x2011/01/02","x2011/01/04","x2011/01/06","x2011/01/08"], Util
.getXLabels());
110 assertEquals(["y5","y10","y15"], Util
.getYLabels());
113 assertEquals("2011/01/01: y: 2", Util
.getLegend());
116 // This test verifies that when a valueFormatter is set (but not an
117 // axisLabelFormatter), then the valueFormatter is used to format the axis
119 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedValueFormatter
= function () {
123 xValueFormatter
: function(x
, opts
, series_name
, dg
) {
124 assertEquals('number', typeof(x
));
125 assertEquals('function', typeof(opts
));
126 assertEquals('string', typeof(series_name
));
127 assertEquals('[Dygraph graph]', dg
.toString());
130 yValueFormatter
: function(y
, opts
, series_name
, dg
) {
131 assertEquals('number', typeof(y
));
132 assertEquals('function', typeof(opts
));
133 assertEquals('string', typeof(series_name
));
134 assertEquals('[Dygraph graph]', dg
.toString());
140 for (var i
= 0; i
< 10; i
++) {
141 data
.push([i
, 2 * i
]);
143 var graph
= document
.getElementById("graph");
144 var g
= new Dygraph(graph
, data
, opts
);
146 // the valueFormatter options do not affect the ticks.
147 assertEquals(['0','2','4','6','8'], Util
.getXLabels());
148 assertEquals(["0","5","10","15"], Util
.getYLabels());
150 // they do affect the legend, however.
152 assertEquals("x2: y: y4", Util
.getLegend());
155 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedDateValueFormatter
= function () {
159 xValueFormatter
: function(x
, opts
, series_name
, dg
) {
160 assertEquals('number', typeof(x
));
161 assertEquals('function', typeof(opts
));
162 assertEquals('string', typeof(series_name
));
163 assertEquals('[Dygraph graph]', dg
.toString());
164 return 'x' + Util
.formatDate(x
);
166 yValueFormatter
: function(y
, opts
, series_name
, dg
) {
167 assertEquals('number', typeof(y
));
168 assertEquals('function', typeof(opts
));
169 assertEquals('string', typeof(series_name
));
170 assertEquals('[Dygraph graph]', dg
.toString());
173 axes
: { x
: { pixelsPerLabel
: 60 } },
178 for (var i
= 1; i
< 10; i
++) {
179 data
.push([new Date("2011/01/0" + i
), 2 * i
]);
181 var graph
= document
.getElementById("graph");
182 var g
= new Dygraph(graph
, data
, opts
);
184 // valueFormatters do not affect ticks.
185 assertEquals(["02 Jan","04 Jan","06 Jan","08 Jan"], Util
.getXLabels());
186 assertEquals(["5","10","15"], Util
.getYLabels());
188 // the valueFormatter options also affect the legend.
190 assertEquals('x2011/01/03: y: y6', Util
.getLegend());
193 // This test verifies that when both a valueFormatter and an axisLabelFormatter
194 // are specified, the axisLabelFormatter takes precedence.
195 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedAxisLabelFormatterPrecedence
= function () {
199 xValueFormatter
: function(x
) {
202 yValueFormatter
: function(y
) {
205 xAxisLabelFormatter
: function(x
, granularity
) {
208 yAxisLabelFormatter
: function(y
) {
214 for (var i
= 0; i
< 10; i
++) {
215 data
.push([i
, 2 * i
]);
217 var graph
= document
.getElementById("graph");
218 var g
= new Dygraph(graph
, data
, opts
);
220 assertEquals(['x0','x2','x4','x6','x8'], Util
.getXLabels());
221 assertEquals(["y0","y5","y10","y15"], Util
.getYLabels());
224 assertEquals("xvf9: y: yvf18", Util
.getLegend());
227 // This is the same as the previous test, except that options are added
229 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedAxisLabelFormatterIncremental
= function () {
236 for (var i
= 0; i
< 10; i
++) {
237 data
.push([i
, 2 * i
]);
239 var graph
= document
.getElementById("graph");
240 var g
= new Dygraph(graph
, data
, opts
);
242 xValueFormatter
: function(x
) {
247 yValueFormatter
: function(y
) {
252 xAxisLabelFormatter
: function(x
, granularity
) {
257 yAxisLabelFormatter
: function(y
) {
262 assertEquals(["x0","x2","x4","x6","x8"], Util
.getXLabels());
263 assertEquals(["y0","y5","y10","y15"], Util
.getYLabels());
266 assertEquals("xvf9: y: yvf18", Util
.getLegend());