projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge pull request #678 from danvk/dygraphs-css
[dygraphs.git]
/
tests
/
unboxed-spark.html
diff --git
a/tests/unboxed-spark.html
b/tests/unboxed-spark.html
index
c113bb1
..
3dc8968
100644
(file)
--- a/
tests/unboxed-spark.html
+++ b/
tests/unboxed-spark.html
@@
-1,43
+1,46
@@
<!DOCTYPE html>
<html>
<head>
<!DOCTYPE html>
<html>
<head>
- <
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9
">
+ <
link rel="stylesheet" href="../css/dygraph.css
">
<title>dygraphs unboxed</title>
<title>dygraphs unboxed</title>
- <!--[if IE]>
- <script type="text/javascript" src="../excanvas.js"></script>
- <![endif]-->
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
- <script type="text/javascript" src="../d
ygraph-dev
.js"></script>
+ <script type="text/javascript" src="../d
ist/dygraph
.js"></script>
<script type="text/javascript" src="data.js"></script>
<style type="text/css">
#div_spark {
<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>
}
</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, {
<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;
}
);
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 {
if (show_box) {
btn.innerHTML = 'Hide box';
} else {
@@
-54,13
+57,19
@@
</p>
<script type="text/javascript">
</p>
<script type="text/javascript">
- new Dygraph(
+
var g2 =
new Dygraph(
document.getElementById("div_spark"),
data, {
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: '',
strokeWidth: 1.0,
rollPeriod: 7,
labelsDiv: '',