projects
/
dygraphs.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
38dbac3
)
Tweak series-highlight demo
author
Klaus Weidner
<klausw@google.com>
Sun, 26 Feb 2012 01:11:27 +0000
(17:11 -0800)
committer
Klaus Weidner
<klausw@google.com>
Sun, 26 Feb 2012 01:11:27 +0000
(17:11 -0800)
tests/series-highlight.html
patch
|
blob
|
blame
|
history
diff --git
a/tests/series-highlight.html
b/tests/series-highlight.html
index
e7eb171
..
9af12bd
100644
(file)
--- a/
tests/series-highlight.html
+++ b/
tests/series-highlight.html
@@
-2,7
+2,7
@@
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
- <title>
Custom Circles
</title>
+ <title>
Series highlighting
</title>
<!--[if IE]>
<script type="text/javascript" src="../excanvas.js"></script>
<![endif]-->
<!--[if IE]>
<script type="text/javascript" src="../excanvas.js"></script>
<![endif]-->
@@
-45,6
+45,7
@@
var getData = function(numSeries, numRows, isStacked) {
var makeGraph = function(className, numSeries, numRows, isStacked) {
var div = document.createElement('div');
div.className = className;
var makeGraph = function(className, numSeries, numRows, isStacked) {
var div = document.createElement('div');
div.className = className;
+ div.style.display = 'inline-block';
document.body.appendChild(div);
var labels = ['x'];
document.body.appendChild(div);
var labels = ['x'];
@@
-57,14
+58,13
@@
var makeGraph = function(className, numSeries, numRows, isStacked) {
div,
getData(numSeries, numRows, isStacked),
{
div,
getData(numSeries, numRows, isStacked),
{
- width:
60
0,
- height:
40
0,
+ width:
48
0,
+ height:
32
0,
stackedGraph: isStacked,
labels: labels.slice(),
highlightCircleSize: 2,
strokeWidth: 1,
strokeBorderWidth: isStacked ? null : 1,
stackedGraph: isStacked,
labels: labels.slice(),
highlightCircleSize: 2,
strokeWidth: 1,
strokeBorderWidth: isStacked ? null : 1,
- //strokeBorderColor: 'white',
highlightSeriesBackgroundFade: 0.5,
highlightSeriesAnimate: true,
highlightSeriesOpts: {
highlightSeriesBackgroundFade: 0.5,
highlightSeriesAnimate: true,
highlightSeriesOpts: {
@@
-79,8
+79,8
@@
var makeGraph = function(className, numSeries, numRows, isStacked) {
makeGraph("few", 20, 50, false);
makeGraph("few", 10, 20, true);
makeGraph("few", 20, 50, false);
makeGraph("few", 10, 20, true);
-makeGraph("many",
100, 10
0, false);
-makeGraph("many",
100, 10
0, true);
+makeGraph("many",
75, 5
0, false);
+makeGraph("many",
40, 5
0, true);
</script>
</body>
</html>
</script>
</body>
</html>