Define the examples differently and make them phat.

benschwarz · Apr 14, 2009 · 2a2535a · 2a2535a
1 parent 2740455
commit 2a2535a
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/example/sparkline.html b/example/sparkline.html
@@ -7,7 +7,7 @@
     <style type="text/css" media="screen">
       body { background-color: #ccc; font-family: Georgia; font-size: 0.8em; }
       ul { list-style-type: none; }
-      li { background-color: #fff; width: 150px; margin-top: 1em; }
+      li { background-color: #fff; width: 230px; margin-top: 1em; }
 
       /* Background colours can be set using the parent element */
       #spark_2 { background-color: #ccffcc;}
@@ -24,12 +24,12 @@
   <script src="../lib/js/leonardo-graph-sparkline.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript" charset="utf-8">
     $(function () {
-      var data_1 = [22, 0, 41, 31, 12, 69, 44, 32, 109, 99, 129, 83, 136, 112, 91, 81, 139, 36, 5, 152, 89, 29, 99, 46, 269, 207, 268, 75, 297, 177, 228, 209, 177, 139, 178, 55, 365, 286, 257, 364, 375, 703];
-      var data_2 = [0, 2, 6, 10, 12, 3, 0, 5, 14, 5, 10, 16, 9, 5, 22, 5, 5, 37, 30, 41, 40, 31, 0.753710572841685, 4, 7, 9, 17, 18, 13, 9, 27, 32, 38, 32, 42, 13, 65, 27, 78, 77, 41, 29, 61, 74, 86, 64, 10]
-      new Leonardo.Sparkline('spark_1', 100, 30, data_1)
-      new Leonardo.Sparkline('spark_2', 100, 30, data_2, {
+      var data_1 = [300, 100, 410, 331, 12, 69, 44, 32, 109, 99, 129, 83, 136, 112, 91, 81, 139, 36, 5, 152, 89, 29, 99, 46, 269, 207, 268, 75, 297, 177, 228, 209, 177, 139, 178, 55, 365, 286, 257, 364, 375, 703];
+      var data_2 = [0, 2, 6, 10, 12, 3, 0, 5, 14, 5, 10, 16, 9, 5, 22, 5, 5, 37, 30, 41, 40, 31, 10]
+      new Leonardo.Sparkline('spark_1', 200, 30, data_1)
+      new Leonardo.Sparkline('spark_2', 200, 30, data_2, {
         sparkColour: '#333'
       })
     })
   </script>
-</html>
+</html>