[dygraphs.git] / tests / avoidMinZero.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../css/dygraph.css">
    <title>dygraph</title>
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dist/dygraph.js"></script>

  </head>
  <body>
    <p>1: Line chart with axis at zero problem:</p>
    <div id="graph1"></div>
    <script type="text/javascript">
        var g1 = new Dygraph(document.getElementById("graph1"),
            "Date,Temperature\n" +
            "2008-05-07,0\n" +
            "2008-05-08,1\n" +
            "2008-05-09,0\n" +
            "2008-05-10,0\n" +
            "2008-05-11,3\n" +
            "2008-05-12,4\n"
        )
    </script>

    <p>2: Step chart with axis at zero problem:</p>
    <div id="graphd2"></div>
    <script type="text/javascript">
        var g2 = new Dygraph(document.getElementById("graphd2"),
            "Date,Temperature\n" +
            "2008-05-07,0\n" +
            "2008-05-08,1\n" +
            "2008-05-09,0\n" +
            "2008-05-10,0\n" +
            "2008-05-11,3\n" +
            "2008-05-12,4\n",
            {
               stepPlot: true
            }
        )
    </script>

    <p>3: Line chart with <code>avoidMinZero</code> option:</p>
    <div id="graph3"></div>
    <script type="text/javascript">
        var g3 = new Dygraph(document.getElementById("graph3"),
            "Date,Temperature\n" +
            "2008-05-07,0\n" +
            "2008-05-08,1\n" +
            "2008-05-09,0\n" +
            "2008-05-10,0\n" +
            "2008-05-11,3\n" +
            "2008-05-12,4\n",
            {
                avoidMinZero: true
            }
        )
    </script>

    <p>4: Step chart with <code>avoidMinZero</code> option:</p>
    <div id="graphd4"></div>
    <script type="text/javascript">
        var g4 = new Dygraph(document.getElementById("graphd4"),
            "Date,Temperature\n" +
            "2008-05-07,0\n" +
            "2008-05-08,1\n" +
            "2008-05-09,0\n" +
            "2008-05-10,0\n" +
            "2008-05-11,3\n" +
            "2008-05-12,4\n",
            {
               stepPlot: true,
               avoidMinZero: true
            }
        )
    </script>

  </body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<link rel="stylesheet" href="../css/dygraph.css">
	5	<title>dygraph</title>
	6	<!--
	7	For production (minified) code, use:
	8	<script type="text/javascript" src="dygraph-combined.js"></script>
	9	-->
	10	<script type="text/javascript" src="../dist/dygraph.js"></script>
	11
	12	</head>
	13	<body>
	14	<p>1: Line chart with axis at zero problem:</p>
	15	<div id="graph1"></div>
	16	<script type="text/javascript">
	17	var g1 = new Dygraph(document.getElementById("graph1"),
	18	"Date,Temperature\n" +
	19	"2008-05-07,0\n" +
	20	"2008-05-08,1\n" +
	21	"2008-05-09,0\n" +
	22	"2008-05-10,0\n" +
	23	"2008-05-11,3\n" +
	24	"2008-05-12,4\n"
	25	)
	26	</script>
	27
	28	<p>2: Step chart with axis at zero problem:</p>
	29	<div id="graphd2"></div>
	30	<script type="text/javascript">
	31	var g2 = new Dygraph(document.getElementById("graphd2"),
	32	"Date,Temperature\n" +
	33	"2008-05-07,0\n" +
	34	"2008-05-08,1\n" +
	35	"2008-05-09,0\n" +
	36	"2008-05-10,0\n" +
	37	"2008-05-11,3\n" +
	38	"2008-05-12,4\n",
	39	{
	40	stepPlot: true
	41	}
	42	)
	43	</script>
	44
	45	<p>3: Line chart with <code>avoidMinZero</code> option:</p>
	46	<div id="graph3"></div>
	47	<script type="text/javascript">
	48	var g3 = new Dygraph(document.getElementById("graph3"),
	49	"Date,Temperature\n" +
	50	"2008-05-07,0\n" +
	51	"2008-05-08,1\n" +
	52	"2008-05-09,0\n" +
	53	"2008-05-10,0\n" +
	54	"2008-05-11,3\n" +
	55	"2008-05-12,4\n",
	56	{
	57	avoidMinZero: true
	58	}
	59	)
	60	</script>
	61
	62	<p>4: Step chart with <code>avoidMinZero</code> option:</p>
	63	<div id="graphd4"></div>
	64	<script type="text/javascript">
	65	var g4 = new Dygraph(document.getElementById("graphd4"),
	66	"Date,Temperature\n" +
	67	"2008-05-07,0\n" +
	68	"2008-05-08,1\n" +
	69	"2008-05-09,0\n" +
	70	"2008-05-10,0\n" +
	71	"2008-05-11,3\n" +
	72	"2008-05-12,4\n",
	73	{
	74	stepPlot: true,
	75	avoidMinZero: true
	76	}
	77	)
	78	</script>
	79
	80	</body>
	81	</html>