Bug fix for dygraph point selection touch event.

[dygraphs.git] / tests / series-highlight.html
diff --git a/tests/series-highlight.html b/tests/series-highlight.html

index e7eb171..299e0e4 100644 (file)
--- 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>