X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=docs%2Findex.html;h=ca2c52f34b05bd1e839471e625f4f3792b7f7156;hb=3bc2cb3c62dbc37db8ca4b58fd64807be78dccfa;hp=95a9b4077c6e4c6aa4812e16b6882b9dcc47ef09;hpb=5af2de242af305c2d17d5316f52ea7316bad67f3;p=dygraphs.git
diff --git a/docs/index.html b/docs/index.html
index 95a9b40..ca2c52f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,12 +1,25 @@
+
@@ -86,8 +99,6 @@
(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)
-
Temperatures in New York vs. San Francisco
-
@@ -122,8 +135,8 @@
- Plots time series without using an external server or Flash
- Works in Internet Explorer (using excanvas)
- - Lightweight (57kb) and responsive
- - Displays values on mouseover (this makes it easily discoverable)
+ - Lightweight (69kb) and responsive
+ - Displays values on mouseover, making interaction easily discoverable
- Supports error bands around data series
- Interactive zoom
- Displays Annotations on the chart
@@ -358,17 +371,28 @@
Internet Explorer Compatibility
- The dygraphs library relies heavily on HTML's <canvas>
tag, which Microsoft Internet Explorer does not support. Fortunately, some clever engineers created the excanvas library, which implements the <canvas>
tag in IE using VML.
+ The dygraphs library relies heavily on the HTML5 <canvas>
tag, which Microsoft Internet Explorer did not traditionally support. To use Microsoft's native canvas implementation in IE9, you need to set an HTML5 doctype on your page:
+
+
+<!DOCTYPE html>
+
-
You can add IE support to any page using dygraphs by including the following in your page:
+
When IE9 is in HTML5 mode, dygraphs works just like in other modern browsers.
+
+
If you want to support previous versions of Internet Explorer (IE6–IE8), you'll need to include the excanvas library, which emulates the <canvas>
tag using VML. You can add excanvas by including the following snippet:
-<head>
- <!--[if IE]><script src="excanvas.js"></script><![endif]-->
-</head>
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+ <!--[if IE]><script src="path/to/excanvas.js"></script><![endif]-->
+ </head>
-
This works quite well in practice. Charts are responsive, even under VML emulation.
+
(This is surprisingly tricky because the HTML5 doctype breaks excanvas in IE8. See this discussion for details.)
+
+
While VML emulation sounds like it would be slow, it works well in practice for most charts.
One common gotcha to look out for: make sure you don't have any trailing commas in parameter lists, e.g.
@@ -580,9 +604,5 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high)
Created May 9, 2008 by Dan Vanderkam
-
-
-
-