[dygraphs.git] / tests / small-range-zero.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>no range</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
    <script type="text/javascript" src="../dygraph-canvas.js"></script>
    <script type="text/javascript" src="../dygraph.js"></script>
  </head>
  <body>
    <p>There should be an appropriate amount of padding at the top of the chart:</p>
    <div id="blah"></div>

    <script type="text/javascript">
    function CSV() {
      var label = "X";
      
      return "date," + label + "\n20091206,2659329.631743\n20091213,2772361.123362\n20091220,2737584.647191\n20091227,2720000.550414\n20100103,2910306.897977\n20100110,2901385.313093\n20100117,2903041.312099\n20100124,2966455.128911\n";
    }

    new Dygraph(document.getElementById("blah"),
                CSV,
                {
                  width: 640,
                  height: 480,
                  includeZero: true
                });

    </script>
    
    <p>The second series (which is entirely zero) should be visible, and the
    y-axis should go down to zero.</p>
    <div id="blah2"></div>
    <script type="text/javascript"> 
        var data=[
          ["2006-10-11",0,15228],
          ["2006-10-12",0,15219],
          ["2006-10-13",0,15225],
          ["2006-10-14",0,15212],
          ["2006-10-15",0,15211],
          ["2006-10-16",0,15322],
          ["2006-10-17",0,15414],
          ["2006-10-18",0,15422],
          ["2006-10-19",0,15434],
          ["2006-10-20",0,15423]
        ];
        var str = "";
        for (var i = 0; i < data.length; i++) {
          str += data[i].join(",") + "\n";
        }

        new Dygraph(document.getElementById("blah2"),
                    str,
                    { labels: [ "date", "zero", "non-zero" ] });
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
d053ab5a DV	2	<html>
d053ab5a DV	3	<head>
10494b48	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
d053ab5a DV	5	<title>no range</title>
d053ab5a DV	6	<!--[if IE]>
a2b2c3a1	7	<script type="text/javascript" src="../excanvas.js"></script>
d053ab5a	8	<![endif]-->
d37dca40 DV	9	<script type="text/javascript" src="../strftime/strftime-min.js"></script>
d37dca40 DV	10	<script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
d053ab5a DV	11	<script type="text/javascript" src="../dygraph-canvas.js"></script>
	12	<script type="text/javascript" src="../dygraph.js"></script>
	13	</head>
	14	<body>
	15	<p>There should be an appropriate amount of padding at the top of the chart:</p>
	16	<div id="blah"></div>
	17
	18	<script type="text/javascript">
	19	function CSV() {
	20	var label = "X";
	21
	22	return "date," + label + "\n20091206,2659329.631743\n20091213,2772361.123362\n20091220,2737584.647191\n20091227,2720000.550414\n20100103,2910306.897977\n20100110,2901385.313093\n20100117,2903041.312099\n20100124,2966455.128911\n";
	23	}
	24
	25	new Dygraph(document.getElementById("blah"),
	26	CSV,
	27	{
	28	width: 640,
	29	height: 480,
	30	includeZero: true
	31	});
	32
	33	</script>
85abed30 DV	34
	35	<p>The second series (which is entirely zero) should be visible, and the
	36	y-axis should go down to zero.</p>
	37	<div id="blah2"></div>
	38	<script type="text/javascript">
	39	var data=[
	40	["2006-10-11",0,15228],
	41	["2006-10-12",0,15219],
	42	["2006-10-13",0,15225],
	43	["2006-10-14",0,15212],
	44	["2006-10-15",0,15211],
	45	["2006-10-16",0,15322],
	46	["2006-10-17",0,15414],
	47	["2006-10-18",0,15422],
	48	["2006-10-19",0,15434],
	49	["2006-10-20",0,15423]
	50	];
	51	var str = "";
	52	for (var i = 0; i < data.length; i++) {
	53	str += data[i].join(",") + "\n";
	54	}
	55
	56	new Dygraph(document.getElementById("blah2"),
	57	str,
	58	{ labels: [ "date", "zero", "non-zero" ] });
	59	</script>
d053ab5a DV	60	</body>
d053ab5a DV	61	</html>