X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2FlabelsKMB.html;h=f0ff349d1e40b567f183529e1e0eec1a2d4d5d19;hb=a5f3d82dc74669f378a1e7c63e10bd9804ce4ca2;hp=dd4899e8df196d27ac59ae21aca68d8e8aa6dac6;hpb=c4a1115d27233f6f08fb683c072cfc4447a2298c;p=dygraphs.git diff --git a/tests/labelsKMB.html b/tests/labelsKMB.html index dd4899e..f0ff349 100644 --- a/tests/labelsKMB.html +++ b/tests/labelsKMB.html @@ -1,16 +1,9 @@ - + labelsKMB - - - + @@ -23,6 +16,9 @@

labelsKMG2 with yValueFormatter:

+

labelsKMG2 with very small numbers:

+
+

The curves are exponentials. Zooming in should reveal each of the 'K', 'M', 'B', etc. labels.

@@ -32,9 +28,10 @@ return Math.round(num * shift)/shift; }; - var data = []; + var data = [], smalldata = []; for (var i = 0, n = 1; i < 63; i++, n *= 2) { data.push([i, n]); + smalldata.push([i, Math.pow(10,-n)]); } var suffixes = ['', 'k', 'M', 'G', 'T']; @@ -48,10 +45,28 @@ suffixes[magnitude]; } - var g = new Dygraph(document.getElementById("labelsKMB"), data, { labelsKMB: true }); - var g2 = new Dygraph(document.getElementById("labelsKMG2"), data, { labelsKMG2: true }); - var g3 = new Dygraph(document.getElementById("labelsKMG2yValueFormatter"), data, - { labelsKMG2: true, yValueFormatter: formatValue }); + var g = new Dygraph(document.getElementById("labelsKMB"), data, { + labelsKMB: true, + labels: ['Base', 'Power'] + }); + var g2 = new Dygraph(document.getElementById("labelsKMG2"), data, { + labelsKMG2: true, + labels: ['Base', 'Power'] + }); + var g3 = new Dygraph(document.getElementById("labelsKMG2yValueFormatter"), data, { + labelsKMG2: true, + axes: { + y: { + valueFormatter: formatValue + } + }, + labels: ['Base', 'Power'] + }); + + var g4 = new Dygraph(document.getElementById("labelsKMG2SmallNumbers"), smalldata, { + labelsKMG2: true, + labels: ['Base', 'Power'] + });