Upgrade to ExtJS 4.0.7 - Released 10/19/2011

[extjs.git] / docs / source / Highlight.html
diff --git a/docs/source/Highlight.html b/docs/source/Highlight.html

index 67b8fe9..e703e64 100644 (file)
--- a/docs/source/Highlight.html
+++ b/docs/source/Highlight.html
@@ -1,6 +1,23 @@
-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-chart.Highlight'>/**
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
+  <style type="text/css">
+    .highlight { display: block; background-color: #ddd; }
+  </style>
+  <script type="text/javascript">
+    function highlight() {
+      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+    }
+  </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-chart-Highlight'>/**
  </span> * @class Ext.chart.Highlight
- * @ignore
+ * A mixin providing highlight functionality for Ext.chart.series.Series.
   */
  Ext.define('Ext.chart.Highlight', {
  
@@ -10,9 +27,9 @@ Ext.define('Ext.chart.Highlight', {
  
      /* End Definitions */
  
-<span id='Ext-chart.Highlight-property-highlight'>    /**
+<span id='Ext-chart-Highlight-property-highlight'>    /**
  </span>     * Highlight the given series item.
-     * @param {Boolean|Object} Default's false. Can also be an object width style properties (i.e fill, stroke, radius) 
+     * @param {Boolean/Object} Default's false. Can also be an object width style properties (i.e fill, stroke, radius) 
       * or just use default styles per series by setting highlight = true.
       */
      highlight: false,
@@ -35,7 +52,7 @@ Ext.define('Ext.chart.Highlight', {
          }
      },
  
-<span id='Ext-chart.Highlight-method-highlightItem'>    /**
+<span id='Ext-chart-Highlight-method-highlightItem'>    /**
  </span>     * Highlight the given series item.
       * @param {Object} item Info about the item; same format as returned by #getItemForPoint.
       */
@@ -49,10 +66,7 @@ Ext.define('Ext.chart.Highlight', {
              opts = me.highlightCfg,
              surface = me.chart.surface,
              animate = me.chart.animate,
-            p,
-            from,
-            to,
-            pi;
+            p, from, to, pi;
  
          if (!me.highlight || !sprite || sprite._highlighted) {
              return;
@@ -62,8 +76,7 @@ Ext.define('Ext.chart.Highlight', {
          }
          sprite._highlighted = true;
          if (!sprite._defaults) {
-            sprite._defaults = Ext.apply(sprite._defaults || {},
-            sprite.attr);
+            sprite._defaults = Ext.apply({}, sprite.attr);
              from = {};
              to = {};
              for (p in opts) {
@@ -93,6 +106,7 @@ Ext.define('Ext.chart.Highlight', {
              }
              sprite._from = from;
              sprite._to = to;
+            sprite._endStyle = to;
          }
          if (animate) {
              sprite._anim = Ext.create('Ext.fx.Anim', {
@@ -106,7 +120,7 @@ Ext.define('Ext.chart.Highlight', {
          }
      },
  
-<span id='Ext-chart.Highlight-method-unHighlightItem'>    /**
+<span id='Ext-chart-Highlight-method-unHighlightItem'>    /**
  </span>     * Un-highlight any existing highlights
       */
      unHighlightItem: function() {
@@ -120,9 +134,7 @@ Ext.define('Ext.chart.Highlight', {
              opts = me.highlightCfg,
              animate = me.chart.animate,
              i = 0,
-            obj,
-            p,
-            sprite;
+            obj, p, sprite;
  
          for (; i &lt; len; i++) {
              if (!items[i]) {
@@ -144,6 +156,8 @@ Ext.define('Ext.chart.Highlight', {
                      }
                  }
                  if (animate) {
+                    //sprite._to = obj;
+                    sprite._endStyle = obj;
                      sprite._anim = Ext.create('Ext.fx.Anim', {
                          target: sprite,
                          to: obj,
@@ -177,4 +191,6 @@ Ext.define('Ext.chart.Highlight', {
              }
          }
      }
-});</pre></pre></body></html>
-\ No newline at end of file
+});</pre>
+</body>
+</html>