Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / Gauge2.html
index a632fc5..022b18d 100644 (file)
@@ -1,9 +1,26 @@
-<!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.series.Gauge'>/**
+<!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-series-Gauge'>/**
 </span> * @class Ext.chart.series.Gauge
  * @extends Ext.chart.series.Series
  * 
  * Creates a Gauge Chart. Gauge Charts are used to show progress in a certain variable. There are two ways of using the Gauge chart.
- * One is setting a store element into the Gauge and selecting the field to be used from that store. Another one is instanciating the
+ * One is setting a store element into the Gauge and selecting the field to be used from that store. Another one is instantiating the
  * visualization and using the `setValue` method to adjust the value you want.
  *
  * A chart/series configuration for the Gauge visualization could look like this:
@@ -46,39 +63,38 @@ Ext.define('Ext.chart.series.Gauge', {
 
     rad: Math.PI / 180,
 
-<span id='Ext-chart.series.Gauge-cfg-highlightDuration'>    /**
+<span id='Ext-chart-series-Gauge-cfg-highlightDuration'>    /**
 </span>     * @cfg {Number} highlightDuration
      * The duration for the pie slice highlight effect.
      */
     highlightDuration: 150,
 
-<span id='Ext-chart.series.Gauge-cfg-angleField'>    /**
-</span>     * @cfg {String} angleField
+<span id='Ext-chart-series-Gauge-cfg-angleField'>    /**
+</span>     * @cfg {String} angleField (required)
      * The store record field name to be used for the pie angles.
      * The values bound to this field name must be positive real numbers.
-     * This parameter is required.
      */
     angleField: false,
 
-<span id='Ext-chart.series.Gauge-cfg-needle'>    /**
+<span id='Ext-chart-series-Gauge-cfg-needle'>    /**
 </span>     * @cfg {Boolean} needle
      * Use the Gauge Series as an area series or add a needle to it. Default's false.
      */
     needle: false,
     
-<span id='Ext-chart.series.Gauge-cfg-donut'>    /**
-</span>     * @cfg {Boolean|Number} donut
+<span id='Ext-chart-series-Gauge-cfg-donut'>    /**
+</span>     * @cfg {Boolean/Number} donut
      * Use the entire disk or just a fraction of it for the gauge. Default's false.
      */
     donut: false,
 
-<span id='Ext-chart.series.Gauge-cfg-showInLegend'>    /**
+<span id='Ext-chart-series-Gauge-cfg-showInLegend'>    /**
 </span>     * @cfg {Boolean} showInLegend
      * Whether to add the pie chart elements as legend items. Default's false.
      */
     showInLegend: false,
 
-<span id='Ext-chart.series.Gauge-cfg-style'>    /**
+<span id='Ext-chart-series-Gauge-cfg-style'>    /**
 </span>     * @cfg {Object} style
      * An object containing styles for overriding series styles from Theming.
      */
@@ -134,7 +150,7 @@ Ext.define('Ext.chart.series.Gauge', {
     //@private updates some onbefore render parameters.
     initialize: function() {
         var me = this,
-            store = me.chart.substore || me.chart.store;
+            store = me.chart.getChartStore();
         //Add yFields to be used in Legend.js
         me.yField = [];
         if (me.label.field) {
@@ -229,13 +245,13 @@ Ext.define('Ext.chart.series.Gauge', {
         };
     },
 
-<span id='Ext-chart.series.Gauge-method-drawSeries'>    /**
+<span id='Ext-chart-series-Gauge-method-drawSeries'>    /**
 </span>     * Draws the series for the current chart.
      */
     drawSeries: function() {
         var me = this,
             chart = me.chart,
-            store = chart.substore || chart.store,
+            store = chart.getChartStore(),
             group = me.group,
             animate = me.chart.animate,
             axis = me.chart.axes.get(0),
@@ -407,7 +423,7 @@ Ext.define('Ext.chart.series.Gauge', {
         delete me.value;
     },
     
-<span id='Ext-chart.series.Gauge-method-setValue'>    /**
+<span id='Ext-chart-series-Gauge-method-setValue'>    /**
 </span>     * Sets the Gauge chart to the current specified value.
     */
     setValue: function (value) {
@@ -442,7 +458,7 @@ Ext.define('Ext.chart.series.Gauge', {
         }
     },
     
-<span id='Ext-chart.series.Gauge-method-getLegendColor'>    /**
+<span id='Ext-chart-series-Gauge-method-getLegendColor'>    /**
 </span>     * Returns the color of the series (to be displayed as color for the series legend item).
      * @param item {Object} Info about the item; same format as returned by #getItemForPoint
      */
@@ -452,4 +468,6 @@ Ext.define('Ext.chart.series.Gauge', {
     }
 });
 
-</pre></pre></body></html>
\ No newline at end of file
+</pre>
+</body>
+</html>