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','y2','y4','y6','y8','y10','y12','y14','y16','y18'], 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/01", "x2011/01/02", "x2011/01/03", "x2011/01/04", "x2011/01/05", "x2011/01/06", "x2011/01/07", "x2011/01/08"], Util
.getXLabels());
110 assertEquals(['y2','y4','y6','y8','y10','y12','y14','y16','y18'], 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','2','4','6','8','10','12','14','16','18'],
151 // they do affect the legend, however.
153 assertEquals("x2: y: y4", Util
.getLegend());
156 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedDateValueFormatter
= function () {
160 xValueFormatter
: function(x
, opts
, series_name
, dg
) {
161 assertEquals('number', typeof(x
));
162 assertEquals('function', typeof(opts
));
163 assertEquals('string', typeof(series_name
));
164 assertEquals('[Dygraph graph]', dg
.toString());
165 return 'x' + Util
.formatDate(x
);
167 yValueFormatter
: function(y
, opts
, series_name
, dg
) {
168 assertEquals('number', typeof(y
));
169 assertEquals('function', typeof(opts
));
170 assertEquals('string', typeof(series_name
));
171 assertEquals('[Dygraph graph]', dg
.toString());
174 axes
: { x
: { pixelsPerLabel
: 60 } },
179 for (var i
= 1; i
< 10; i
++) {
180 data
.push([new Date("2011/01/0" + i
), 2 * i
]);
182 var graph
= document
.getElementById("graph");
183 var g
= new Dygraph(graph
, data
, opts
);
185 // valueFormatters do not affect ticks.
186 assertEquals(['01 Jan','02 Jan','03 Jan','04 Jan','05 Jan','06 Jan','07 Jan','08 Jan'], Util
.getXLabels());
187 assertEquals(['2','4','6','8','10','12','14','16','18'], Util
.getYLabels());
189 // the valueFormatter options also affect the legend.
191 assertEquals('x2011/01/03: y: y6', Util
.getLegend());
194 // This test verifies that when both a valueFormatter and an axisLabelFormatter
195 // are specified, the axisLabelFormatter takes precedence.
196 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedAxisLabelFormatterPrecedence
= function () {
200 xValueFormatter
: function(x
) {
203 yValueFormatter
: function(y
) {
206 xAxisLabelFormatter
: function(x
, granularity
) {
209 yAxisLabelFormatter
: function(y
) {
215 for (var i
= 0; i
< 10; i
++) {
216 data
.push([i
, 2 * i
]);
218 var graph
= document
.getElementById("graph");
219 var g
= new Dygraph(graph
, data
, opts
);
221 assertEquals(['x0','x2','x4','x6','x8'], Util
.getXLabels());
222 assertEquals(['y0','y2','y4','y6','y8','y10','y12','y14','y16','y18'], Util
.getYLabels());
225 assertEquals("xvf9: y: yvf18", Util
.getLegend());
228 // This is the same as the previous test, except that options are added
230 DeprecatedAxisLabelsTestCase
.prototype.testDeprecatedAxisLabelFormatterIncremental
= function () {
237 for (var i
= 0; i
< 10; i
++) {
238 data
.push([i
, 2 * i
]);
240 var graph
= document
.getElementById("graph");
241 var g
= new Dygraph(graph
, data
, opts
);
243 xValueFormatter
: function(x
) {
248 yValueFormatter
: function(y
) {
253 xAxisLabelFormatter
: function(x
, granularity
) {
258 yAxisLabelFormatter
: function(y
) {
263 assertEquals(["x0","x2","x4","x6","x8"], Util
.getXLabels());
264 assertEquals(['y0','y2','y4','y6','y8','y10','y12','y14','y16','y18'], Util
.getYLabels());
267 assertEquals("xvf9: y: yvf18", Util
.getLegend());