X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fseries-highlight.html;h=94e09d6e70549da0e469958d3db64b5b95fa59bd;hb=refs%2Fheads%2Fissue-485-sep-fill;hp=e7eb1716c94f0480ee594e413e4f4b663aff28c5;hpb=38dbac3e0b3c24486d3f548ae63dabd6e1d73bc3;p=dygraphs.git
diff --git a/tests/series-highlight.html b/tests/series-highlight.html
index e7eb171..94e09d6 100644
--- a/tests/series-highlight.html
+++ b/tests/series-highlight.html
@@ -2,7 +2,7 @@
- Custom Circles
+ Series highlighting
@@ -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;
+ div.style.display = 'inline-block';
document.body.appendChild(div);
var labels = ['x'];
@@ -57,16 +58,15 @@ var makeGraph = function(className, numSeries, numRows, isStacked) {
div,
getData(numSeries, numRows, isStacked),
{
- width: 600,
- height: 400,
- stackedGraph: isStacked,
+ width: 480,
+ height: 320,
labels: labels.slice(),
+ stackedGraph: isStacked,
+
highlightCircleSize: 2,
strokeWidth: 1,
strokeBorderWidth: isStacked ? null : 1,
- //strokeBorderColor: 'white',
- highlightSeriesBackgroundFade: 0.5,
- highlightSeriesAnimate: true,
+
highlightSeriesOpts: {
strokeWidth: 3,
strokeBorderWidth: 1,
@@ -79,8 +79,8 @@ var makeGraph = function(className, numSeries, numRows, isStacked) {
makeGraph("few", 20, 50, false);
makeGraph("few", 10, 20, true);
-makeGraph("many", 100, 100, false);
-makeGraph("many", 100, 100, true);
+makeGraph("many", 75, 50, false);
+makeGraph("many", 40, 50, true);