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

diff --git a/tests/series-highlight.html b/tests/series-highlight.html
index e7eb171..299e0e4 100644
--- a/tests/series-highlight.html
+++ b/tests/series-highlight.html
@@ -1,16 +1,9 @@
 <!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]-->
-    <!--
-    For production (minified) code, use:
-    <script type="text/javascript" src="dygraph-combined.js"></script>
-    -->
-    <script type="text/javascript" src="../dygraph-dev.js"></script>
+    <link rel="stylesheet" href="../dist/dygraph.css">
+    <title>Series highlighting</title>
+    <script type="text/javascript" src="../dist/dygraph.js"></script>
 
     <style type='text/css'>
       .few .dygraph-legend > span.highlight { border: 1px solid grey; }
@@ -45,6 +38,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 +51,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 +72,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>
