-<!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:
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.
*/
//@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) {
};
},
-<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),
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) {
}
},
-<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
*/
}
});
-</pre></pre></body></html>
\ No newline at end of file
+</pre>
+</body>
+</html>