projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Check that setRow is not negative, fixes #644. (#773)
[dygraphs.git]
/
tests
/
series-highlight.html
diff --git
a/tests/series-highlight.html
b/tests/series-highlight.html
index
e7eb171
..
6abb715
100644
(file)
--- a/
tests/series-highlight.html
+++ b/
tests/series-highlight.html
@@
-1,16
+1,12
@@
<!DOCTYPE html>
<html>
<head>
<!DOCTYPE html>
<html>
<head>
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
- <title>Custom Circles</title>
- <!--[if IE]>
- <script type="text/javascript" src="../excanvas.js"></script>
- <![endif]-->
+ <title>Series highlighting</title>
<!--
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>
<style type='text/css'>
.few .dygraph-legend > span.highlight { border: 1px solid grey; }
<style type='text/css'>
.few .dygraph-legend > span.highlight { border: 1px solid grey; }
@@
-45,6
+41,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,16
+54,15
@@
var makeGraph = function(className, numSeries, numRows, isStacked) {
div,
getData(numSeries, numRows, isStacked),
{
div,
getData(numSeries, numRows, isStacked),
{
- width: 600,
- height: 400,
- stackedGraph: isStacked,
+ width: 480,
+ height: 320,
labels: labels.slice(),
labels: labels.slice(),
+ stackedGraph: isStacked,
+
highlightCircleSize: 2,
strokeWidth: 1,
strokeBorderWidth: isStacked ? null : 1,
highlightCircleSize: 2,
strokeWidth: 1,
strokeBorderWidth: isStacked ? null : 1,
- //strokeBorderColor: 'white',
- highlightSeriesBackgroundFade: 0.5,
- highlightSeriesAnimate: true,
+
highlightSeriesOpts: {
strokeWidth: 3,
strokeBorderWidth: 1,
highlightSeriesOpts: {
strokeWidth: 3,
strokeBorderWidth: 1,
@@
-79,8
+75,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>