From: Klaus Weidner Date: Sun, 26 Feb 2012 01:11:27 +0000 (-0800) Subject: Tweak series-highlight demo X-Git-Tag: v1.0.0~314^2~15^2~2 X-Git-Url: https://adrianiainlam.tk/git/?a=commitdiff_plain;h=7ebdf2fd369ae12ed4a26bc19aaf5a88408808bc;p=dygraphs.git Tweak series-highlight demo --- diff --git a/tests/series-highlight.html b/tests/series-highlight.html index e7eb171..9af12bd 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,14 +58,13 @@ var makeGraph = function(className, numSeries, numRows, isStacked) { div, getData(numSeries, numRows, isStacked), { - width: 600, - height: 400, + width: 480, + height: 320, stackedGraph: isStacked, labels: labels.slice(), highlightCircleSize: 2, strokeWidth: 1, strokeBorderWidth: isStacked ? null : 1, - //strokeBorderColor: 'white', 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("many", 100, 100, false); -makeGraph("many", 100, 100, true); +makeGraph("many", 75, 50, false); +makeGraph("many", 40, 50, true);