<!DOCTYPE html>
<html>
<head>
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+ <link rel="stylesheet" href="../dist/dygraph.css">
<title>dygraphs unboxed</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>
+ <script type="text/javascript" src="../dist/dygraph.js"></script>
+
<script type="text/javascript" src="data.js"></script>
<style type="text/css">
#div_spark {
- display: inline;
+ display: inline-block;
}
</style>
</head>
<body>
<p>This shows dygraphs without any boxlike elements (i.e. axes or grids):</p>
- <div id="div_g" style="width:600px; height:300px;"></div>
+ <div id="div_g" style="width:600px; height:300px; border:1px solid white;"></div>
<script type="text/javascript">
var show_box = false;
g = new Dygraph(
document.getElementById("div_g"),
data, {
- drawXAxis: show_box,
- drawYAxis: show_box,
- drawXGrid: show_box,
- drawYGrid: show_box
+ axes : {
+ x : {
+ drawGrid: show_box,
+ drawAxis : show_box,
+ },
+ y : {
+ drawGrid: show_box,
+ drawAxis : show_box,
+ }
+ }
}
);
function toggleBox(btn) {
show_box = !show_box;
- document.getElementById("div_g").style.border = show_box ? '1px solid black' : '';
+ document.getElementById("div_g").style.border = show_box ? '1px solid black' : '1px solid white';
if (show_box) {
btn.innerHTML = 'Hide box';
} else {
</p>
<script type="text/javascript">
- new Dygraph(
+ var g2 = new Dygraph(
document.getElementById("div_spark"),
data, {
- drawXAxis: false,
- drawYAxis: false,
- drawXGrid: false,
- drawYGrid: false,
+ axes : {
+ x : {
+ drawGrid: false,
+ drawAxis : false,
+ },
+ y : {
+ drawGrid: false,
+ drawAxis : false,
+ }
+ },
strokeWidth: 1.0,
rollPeriod: 7,
labelsDiv: '',