[dygraphs.git] / tests / layout-options.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../dist/dygraph.css">
    <title>Layout Options</title>
    <script type="text/javascript" src="../dist/dygraph.js"></script>

    <script type="text/javascript" src="data.js"></script>
  </head>
  <body>
    <h2>Layout Options Update</h2>
    <div id="chart" style="width:600px; height:300px;"></div>
    <script type="text/javascript">
    g = new Dygraph(document.getElementById('chart'), data,
    {
      strokeWidth: 2
    });

    function change() {
      g.updateOptions({strokeWidth:
          parseFloat(document.getElementById("strokeWidth").value)});
    }
    </script>

    <p>Stroke Width:
    <input type=text id="strokeWidth" value="2.0" />
    <input type=button value="Change Stroke Width" onClick="change()" />
    </p>
  </body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<link rel="stylesheet" href="../dist/dygraph.css">
	5	<title>Layout Options</title>
	6	<script type="text/javascript" src="../dist/dygraph.js"></script>
	7
	8	<script type="text/javascript" src="data.js"></script>
	9	</head>
	10	<body>
	11	<h2>Layout Options Update</h2>
	12	<div id="chart" style="width:600px; height:300px;"></div>
	13	<script type="text/javascript">
	14	g = new Dygraph(document.getElementById('chart'), data,
	15	{
	16	strokeWidth: 2
	17	});
	18
	19	function change() {
	20	g.updateOptions({strokeWidth:
	21	parseFloat(document.getElementById("strokeWidth").value)});
	22	}
	23	</script>
	24
	25	<p>Stroke Width:
	26	<input type=text id="strokeWidth" value="2.0" />
	27	<input type=button value="Change Stroke Width" onClick="change()" />
	28	</p>
	29	</body>
	30	</html>