X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fseries-highlight.html;h=94e09d6e70549da0e469958d3db64b5b95fa59bd;hb=48423521405286de95fe42cffe548464ffba8b7d;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);