Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / charts / LiveAnimated.html
diff --git a/examples/charts/LiveAnimated.html b/examples/charts/LiveAnimated.html

new file mode 100644 (file)

index 0000000..29f25dc
--- /dev/null
+++ b/examples/charts/LiveAnimated.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+    <title>Live Updated Chart - Animated</title>
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+    <script type="text/javascript" src="../../bootstrap.js"></script>
+    <script type="text/javascript" src="../example-data.js"></script>
+    <script type="text/javascript" src="LiveAnimated.js"></script>
+</head>
+    <body id="docbody">
+        <h1>Live Updated Chart - Animated</h1>
+        <p>
+            Display 3 sets of random data in a line series. In this example, random data is added to the store every 1000ms and a 500ms animation will occur to animate the change visually.  The chart will scroll and the bottom axis will update once the line reaches the right side of the chart.  <a href="LiveAnimated.js">View Source</a>.
+        </p>
+        <p>
+            See our introductory blog post on the topic <a href="http://www.sencha.com/blog/ext-js-4-drawing-charting">here</a>.
+        </p>
+        <br>
+    </body>
+</html>
+\ No newline at end of file