X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fseries-highlight.html;h=f1f8d498be82842dd6e88d9cdc2db92f6673bd0c;hb=79ea4032d8200129384974c9f14ff35cd3443b3f;hp=e7eb1716c94f0480ee594e413e4f4b663aff28c5;hpb=353e254e2e3ec0d21f7e7f8e277b9d5ea1f2fae9;p=dygraphs.git

diff --git a/tests/series-highlight.html b/tests/series-highlight.html
index e7eb171..f1f8d49 100644
--- a/tests/series-highlight.html
+++ b/tests/series-highlight.html
@@ -1,11 +1,7 @@
 <!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>
@@ -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;
+  div.style.display = 'inline-block';
   document.body.appendChild(div);
 
   var labels = ['x'];
@@ -57,16 +54,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 +75,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);
 </script>
 </body>
 </html>
