stv0g/tvheadend
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
tvheadend/vendor/ext-3.4.1/docs/source/Chart.html
Adam Sutton bafcfff42d webui: restructure webui/extjs source files 
I want to keep the 3rd-party packages away from the main source
where possible.
2013-06-03 17:11:01 +01:00

1015 lines
37 KiB
HTML
Raw Permalink Blame History

<!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-Chart-method-constructor'><span id='Ext-chart-Chart'>/**
</span></span> * @class Ext.chart.Chart
* @extends Ext.FlashComponent
* The Ext.chart package provides the capability to visualize data with flash based charting.
* Each chart binds directly to an Ext.data.Store enabling automatic updates of the chart.
* To change the look and feel of a chart, see the {@link #chartStyle} and {@link #extraStyle} config options.
* @constructor
* @xtype chart
*/
Ext.chart.Chart = Ext.extend(Ext.FlashComponent, {
<span id='Ext-chart-Chart-property-refreshBuffer'> refreshBuffer: 100,
</span>
<span id='Ext-chart-Chart-cfg-backgroundColor'> /**
</span> * @cfg {String} backgroundColor
* @hide
*/
<span id='Ext-chart-Chart-cfg-chartStyle'> /**
</span> * @cfg {Object} chartStyle
* Sets styles for this chart. This contains default styling, so modifying this property will &lt;b&gt;override&lt;/b&gt;
* the built in styles of the chart. Use {@link #extraStyle} to add customizations to the default styling.
*/
chartStyle: {
padding: 10,
animationEnabled: true,
font: {
name: 'Tahoma',
color: 0x444444,
size: 11
},
dataTip: {
padding: 5,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .9
},
font: {
name: 'Tahoma',
color: 0x15428B,
size: 10,
bold: true
}
}
},
<span id='Ext-chart-Chart-cfg-url'> /**
</span> * @cfg {String} url
* The url to load the chart from. This defaults to Ext.chart.Chart.CHART_URL, which should
* be modified to point to the local charts resource.
*/
<span id='Ext-chart-Chart-cfg-extraStyle'> /**
</span> * @cfg {Object} extraStyle
* Contains extra styles that will be added or overwritten to the default chartStyle. Defaults to &lt;tt&gt;null&lt;/tt&gt;.
* For a detailed list of the options available, visit the YUI Charts site
* at &lt;a href=&quot;http://developer.yahoo.com/yui/charts/#basicstyles&quot;&gt;http://developer.yahoo.com/yui/charts/#basicstyles&lt;/a&gt;&lt;br/&gt;
* Some of the options availabe:&lt;br /&gt;
* &lt;ul style=&quot;padding:5px;padding-left:16px;list-style-type:inherit;&quot;&gt;
* &lt;li&gt;&lt;b&gt;padding&lt;/b&gt; - The space around the edge of the chart's contents. Padding does not increase the size of the chart.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;animationEnabled&lt;/b&gt; - A Boolean value that specifies whether marker animations are enabled or not. Enabled by default.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;font&lt;/b&gt; - An Object defining the font style to be used in the chart. Defaults to &lt;tt&gt;{ name: 'Tahoma', color: 0x444444, size: 11 }&lt;/tt&gt;&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;name&lt;/b&gt; - font name&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;color&lt;/b&gt; - font color (hex code, ie: &quot;#ff0000&quot;, &quot;ff0000&quot; or 0xff0000)&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;size&lt;/b&gt; - font size in points (numeric portion only, ie: 11)&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;bold&lt;/b&gt; - boolean&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;italic&lt;/b&gt; - boolean&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;underline&lt;/b&gt; - boolean&lt;/li&gt;
* &lt;/ul&gt;
* &lt;/li&gt;
* &lt;li&gt;&lt;b&gt;border&lt;/b&gt; - An object defining the border style around the chart. The chart itself will decrease in dimensions to accomodate the border.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color&lt;/b&gt; - border color (hex code, ie: &quot;#ff0000&quot;, &quot;ff0000&quot; or 0xff0000)&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;size&lt;/b&gt; - border size in pixels (numeric portion only, ie: 1)&lt;/li&gt;
* &lt;/ul&gt;
* &lt;/li&gt;
* &lt;li&gt;&lt;b&gt;background&lt;/b&gt; - An object defining the background style of the chart.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color&lt;/b&gt; - border color (hex code, ie: &quot;#ff0000&quot;, &quot;ff0000&quot; or 0xff0000)&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;image&lt;/b&gt; - an image URL. May be relative to the current document or absolute.&lt;/li&gt;
* &lt;/ul&gt;
* &lt;/li&gt;
* &lt;li&gt;&lt;b&gt;legend&lt;/b&gt; - An object defining the legend style&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;display&lt;/b&gt; - location of the legend. Possible values are &quot;none&quot;, &quot;left&quot;, &quot;right&quot;, &quot;top&quot;, and &quot;bottom&quot;.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;spacing&lt;/b&gt; - an image URL. May be relative to the current document or absolute.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;padding, border, background, font&lt;/b&gt; - same options as described above.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;dataTip&lt;/b&gt; - An object defining the style of the data tip (tooltip).&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;padding, border, background, font&lt;/b&gt; - same options as described above.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;xAxis and yAxis&lt;/b&gt; - An object defining the style of the style of either axis.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color&lt;/b&gt; - same option as described above.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;size&lt;/b&gt; - same option as described above.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;showLabels&lt;/b&gt; - boolean&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;labelRotation&lt;/b&gt; - a value in degrees from -90 through 90. Default is zero.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;majorGridLines and minorGridLines&lt;/b&gt; - An object defining the style of the style of the grid lines.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color, size&lt;/b&gt; - same options as described above.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;zeroGridLine&lt;/b&gt; - An object defining the style of the style of the zero grid line.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color, size&lt;/b&gt; - same options as described above.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;majorTicks and minorTicks&lt;/b&gt; - An object defining the style of the style of ticks in the chart.&lt;br/&gt;
* &lt;ul style=&quot;padding:5px;padding-left:26px;list-style-type:circle;&quot;&gt;
* &lt;li&gt;&lt;b&gt;color, size&lt;/b&gt; - same options as described above.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;length&lt;/b&gt; - the length of each tick in pixels extending from the axis.&lt;/li&gt;
* &lt;li&gt;&lt;b&gt;display&lt;/b&gt; - how the ticks are drawn. Possible values are &quot;none&quot;, &quot;inside&quot;, &quot;outside&quot;, and &quot;cross&quot;.&lt;/li&gt;
* &lt;/ul&gt;&lt;/li&gt;&lt;/li&gt;
* &lt;/ul&gt;
*/
extraStyle: null,
<span id='Ext-chart-Chart-cfg-seriesStyles'> /**
</span> * @cfg {Object} seriesStyles
* Contains styles to apply to the series after a refresh. Defaults to &lt;tt&gt;null&lt;/tt&gt;.
*/
seriesStyles: null,
<span id='Ext-chart-Chart-cfg-disableCaching'> /**
</span> * @cfg {Boolean} disableCaching
* True to add a &quot;cache buster&quot; to the end of the chart url. Defaults to true for Opera and IE.
*/
disableCaching: Ext.isIE || Ext.isOpera,
<span id='Ext-chart-Chart-property-disableCacheParam'> disableCacheParam: '_dc',
</span>
<span id='Ext-chart-Chart-method-initComponent'> initComponent : function(){
</span> Ext.chart.Chart.superclass.initComponent.call(this);
if(!this.url){
this.url = Ext.chart.Chart.CHART_URL;
}
if(this.disableCaching){
this.url = Ext.urlAppend(this.url, String.format('{0}={1}', this.disableCacheParam, new Date().getTime()));
}
this.addEvents(
'itemmouseover',
'itemmouseout',
'itemclick',
'itemdoubleclick',
'itemdragstart',
'itemdrag',
'itemdragend',
<span id='Ext-chart-Chart-event-beforerefresh'> /**
</span> * @event beforerefresh
* Fires before a refresh to the chart data is called. If the beforerefresh handler returns
* &lt;tt&gt;false&lt;/tt&gt; the {@link #refresh} action will be cancelled.
* @param {Chart} this
*/
'beforerefresh',
<span id='Ext-chart-Chart-event-refresh'> /**
</span> * @event refresh
* Fires after the chart data has been refreshed.
* @param {Chart} this
*/
'refresh'
);
this.store = Ext.StoreMgr.lookup(this.store);
},
<span id='Ext-chart-Chart-method-setStyle'> /**
</span> * Sets a single style value on the Chart instance.
*
* @param name {String} Name of the Chart style value to change.
* @param value {Object} New value to pass to the Chart style.
*/
setStyle: function(name, value){
this.swf.setStyle(name, Ext.encode(value));
},
<span id='Ext-chart-Chart-method-setStyles'> /**
</span> * Resets all styles on the Chart instance.
*
* @param styles {Object} Initializer for all Chart styles.
*/
setStyles: function(styles){
this.swf.setStyles(Ext.encode(styles));
},
<span id='Ext-chart-Chart-method-setSeriesStyles'> /**
</span> * Sets the styles on all series in the Chart.
*
* @param styles {Array} Initializer for all Chart series styles.
*/
setSeriesStyles: function(styles){
this.seriesStyles = styles;
var s = [];
Ext.each(styles, function(style){
s.push(Ext.encode(style));
});
this.swf.setSeriesStyles(s);
},
<span id='Ext-chart-Chart-method-setCategoryNames'> setCategoryNames : function(names){
</span> this.swf.setCategoryNames(names);
},
<span id='Ext-chart-Chart-method-setLegendRenderer'> setLegendRenderer : function(fn, scope){
</span> var chart = this;
scope = scope || chart;
chart.removeFnProxy(chart.legendFnName);
chart.legendFnName = chart.createFnProxy(function(name){
return fn.call(scope, name);
});
chart.swf.setLegendLabelFunction(chart.legendFnName);
},
<span id='Ext-chart-Chart-method-setTipRenderer'> setTipRenderer : function(fn, scope){
</span> var chart = this;
scope = scope || chart;
chart.removeFnProxy(chart.tipFnName);
chart.tipFnName = chart.createFnProxy(function(item, index, series){
var record = chart.store.getAt(index);
return fn.call(scope, chart, record, index, series);
});
chart.swf.setDataTipFunction(chart.tipFnName);
},
<span id='Ext-chart-Chart-method-setSeries'> setSeries : function(series){
</span> this.series = series;
this.refresh();
},
<span id='Ext-chart-Chart-method-bindStore'> /**
</span> * Changes the data store bound to this chart and refreshes it.
* @param {Store} store The store to bind to this chart
*/
bindStore : function(store, initial){
if(!initial &amp;&amp; this.store){
if(store !== this.store &amp;&amp; this.store.autoDestroy){
this.store.destroy();
}else{
this.store.un(&quot;datachanged&quot;, this.refresh, this);
this.store.un(&quot;add&quot;, this.delayRefresh, this);
this.store.un(&quot;remove&quot;, this.delayRefresh, this);
this.store.un(&quot;update&quot;, this.delayRefresh, this);
this.store.un(&quot;clear&quot;, this.refresh, this);
}
}
if(store){
store = Ext.StoreMgr.lookup(store);
store.on({
scope: this,
datachanged: this.refresh,
add: this.delayRefresh,
remove: this.delayRefresh,
update: this.delayRefresh,
clear: this.refresh
});
}
this.store = store;
if(store &amp;&amp; !initial){
this.refresh();
}
},
<span id='Ext-chart-Chart-method-onSwfReady'> onSwfReady : function(isReset){
</span> Ext.chart.Chart.superclass.onSwfReady.call(this, isReset);
var ref;
this.swf.setType(this.type);
if(this.chartStyle){
this.setStyles(Ext.apply({}, this.extraStyle, this.chartStyle));
}
if(this.categoryNames){
this.setCategoryNames(this.categoryNames);
}
if(this.tipRenderer){
ref = this.getFunctionRef(this.tipRenderer);
this.setTipRenderer(ref.fn, ref.scope);
}
if(this.legendRenderer){
ref = this.getFunctionRef(this.legendRenderer);
this.setLegendRenderer(ref.fn, ref.scope);
}
if(!isReset){
this.bindStore(this.store, true);
}
this.refresh.defer(10, this);
},
<span id='Ext-chart-Chart-method-delayRefresh'> delayRefresh : function(){
</span> if(!this.refreshTask){
this.refreshTask = new Ext.util.DelayedTask(this.refresh, this);
}
this.refreshTask.delay(this.refreshBuffer);
},
<span id='Ext-chart-Chart-method-refresh'> refresh : function(){
</span> if(this.fireEvent('beforerefresh', this) !== false){
var styleChanged = false;
// convert the store data into something YUI charts can understand
var data = [], rs = this.store.data.items;
for(var j = 0, len = rs.length; j &lt; len; j++){
data[j] = rs[j].data;
}
//make a copy of the series definitions so that we aren't
//editing them directly.
var dataProvider = [];
var seriesCount = 0;
var currentSeries = null;
var i = 0;
if(this.series){
seriesCount = this.series.length;
for(i = 0; i &lt; seriesCount; i++){
currentSeries = this.series[i];
var clonedSeries = {};
for(var prop in currentSeries){
if(prop == &quot;style&quot; &amp;&amp; currentSeries.style !== null){
clonedSeries.style = Ext.encode(currentSeries.style);
styleChanged = true;
//we don't want to modify the styles again next time
//so null out the style property.
// this causes issues
// currentSeries.style = null;
} else{
clonedSeries[prop] = currentSeries[prop];
}
}
dataProvider.push(clonedSeries);
}
}
if(seriesCount &gt; 0){
for(i = 0; i &lt; seriesCount; i++){
currentSeries = dataProvider[i];
if(!currentSeries.type){
currentSeries.type = this.type;
}
currentSeries.dataProvider = data;
}
} else{
dataProvider.push({type: this.type, dataProvider: data});
}
this.swf.setDataProvider(dataProvider);
if(this.seriesStyles){
this.setSeriesStyles(this.seriesStyles);
}
this.fireEvent('refresh', this);
}
},
<span id='Ext-chart-Chart-method-createFnProxy'> // private
</span> createFnProxy : function(fn){
var fnName = 'extFnProxy' + (++Ext.chart.Chart.PROXY_FN_ID);
Ext.chart.Chart.proxyFunction[fnName] = fn;
return 'Ext.chart.Chart.proxyFunction.' + fnName;
},
<span id='Ext-chart-Chart-method-removeFnProxy'> // private
</span> removeFnProxy : function(fn){
if(!Ext.isEmpty(fn)){
fn = fn.replace('Ext.chart.Chart.proxyFunction.', '');
delete Ext.chart.Chart.proxyFunction[fn];
}
},
<span id='Ext-chart-Chart-method-getFunctionRef'> // private
</span> getFunctionRef : function(val){
if(Ext.isFunction(val)){
return {
fn: val,
scope: this
};
}else{
return {
fn: val.fn,
scope: val.scope || this
};
}
},
<span id='Ext-chart-Chart-method-onDestroy'> // private
</span> onDestroy: function(){
if (this.refreshTask &amp;&amp; this.refreshTask.cancel){
this.refreshTask.cancel();
}
Ext.chart.Chart.superclass.onDestroy.call(this);
this.bindStore(null);
this.removeFnProxy(this.tipFnName);
this.removeFnProxy(this.legendFnName);
}
});
Ext.reg('chart', Ext.chart.Chart);
Ext.chart.Chart.PROXY_FN_ID = 0;
Ext.chart.Chart.proxyFunction = {};
<span id='Ext-chart-Chart-static-property-CHART_URL'>/**
</span> * Sets the url to load the chart from. This should be set to a local resource.
* @static
* @type String
*/
Ext.chart.Chart.CHART_URL = 'http:/' + '/yui.yahooapis.com/2.8.2/build/charts/assets/charts.swf';
<span id='Ext-chart-PieChart-method-constructor'><span id='Ext-chart-PieChart'>/**
</span></span> * @class Ext.chart.PieChart
* @extends Ext.chart.Chart
* @constructor
* @xtype piechart
*/
Ext.chart.PieChart = Ext.extend(Ext.chart.Chart, {
<span id='Ext-chart-PieChart-property-type'> type: 'pie',
</span>
<span id='Ext-chart-PieChart-method-onSwfReady'> onSwfReady : function(isReset){
</span> Ext.chart.PieChart.superclass.onSwfReady.call(this, isReset);
this.setDataField(this.dataField);
this.setCategoryField(this.categoryField);
},
<span id='Ext-chart-PieChart-method-setDataField'> setDataField : function(field){
</span> this.dataField = field;
this.swf.setDataField(field);
},
<span id='Ext-chart-PieChart-method-setCategoryField'> setCategoryField : function(field){
</span> this.categoryField = field;
this.swf.setCategoryField(field);
}
});
Ext.reg('piechart', Ext.chart.PieChart);
<span id='Ext-chart-CartesianChart-method-constructor'><span id='Ext-chart-CartesianChart'>/**
</span></span> * @class Ext.chart.CartesianChart
* @extends Ext.chart.Chart
* @constructor
* @xtype cartesianchart
*/
Ext.chart.CartesianChart = Ext.extend(Ext.chart.Chart, {
<span id='Ext-chart-CartesianChart-method-onSwfReady'> onSwfReady : function(isReset){
</span> Ext.chart.CartesianChart.superclass.onSwfReady.call(this, isReset);
this.labelFn = [];
if(this.xField){
this.setXField(this.xField);
}
if(this.yField){
this.setYField(this.yField);
}
if(this.xAxis){
this.setXAxis(this.xAxis);
}
if(this.xAxes){
this.setXAxes(this.xAxes);
}
if(this.yAxis){
this.setYAxis(this.yAxis);
}
if(this.yAxes){
this.setYAxes(this.yAxes);
}
if(Ext.isDefined(this.constrainViewport)){
this.swf.setConstrainViewport(this.constrainViewport);
}
},
<span id='Ext-chart-CartesianChart-method-setXField'> setXField : function(value){
</span> this.xField = value;
this.swf.setHorizontalField(value);
},
<span id='Ext-chart-CartesianChart-method-setYField'> setYField : function(value){
</span> this.yField = value;
this.swf.setVerticalField(value);
},
<span id='Ext-chart-CartesianChart-method-setXAxis'> setXAxis : function(value){
</span> this.xAxis = this.createAxis('xAxis', value);
this.swf.setHorizontalAxis(this.xAxis);
},
<span id='Ext-chart-CartesianChart-method-setXAxes'> setXAxes : function(value){
</span> var axis;
for(var i = 0; i &lt; value.length; i++) {
axis = this.createAxis('xAxis' + i, value[i]);
this.swf.setHorizontalAxis(axis);
}
},
<span id='Ext-chart-CartesianChart-method-setYAxis'> setYAxis : function(value){
</span> this.yAxis = this.createAxis('yAxis', value);
this.swf.setVerticalAxis(this.yAxis);
},
<span id='Ext-chart-CartesianChart-method-setYAxes'> setYAxes : function(value){
</span> var axis;
for(var i = 0; i &lt; value.length; i++) {
axis = this.createAxis('yAxis' + i, value[i]);
this.swf.setVerticalAxis(axis);
}
},
<span id='Ext-chart-CartesianChart-method-createAxis'> createAxis : function(axis, value){
</span> var o = Ext.apply({}, value),
ref,
old;
if(this[axis]){
old = this[axis].labelFunction;
this.removeFnProxy(old);
this.labelFn.remove(old);
}
if(o.labelRenderer){
ref = this.getFunctionRef(o.labelRenderer);
o.labelFunction = this.createFnProxy(function(v){
return ref.fn.call(ref.scope, v);
});
delete o.labelRenderer;
this.labelFn.push(o.labelFunction);
}
if(axis.indexOf('xAxis') &gt; -1 &amp;&amp; o.position == 'left'){
o.position = 'bottom';
}
return o;
},
<span id='Ext-chart-CartesianChart-method-onDestroy'> onDestroy : function(){
</span> Ext.chart.CartesianChart.superclass.onDestroy.call(this);
Ext.each(this.labelFn, function(fn){
this.removeFnProxy(fn);
}, this);
}
});
Ext.reg('cartesianchart', Ext.chart.CartesianChart);
<span id='Ext-chart-LineChart-method-constructor'><span id='Ext-chart-LineChart'>/**
</span></span> * @class Ext.chart.LineChart
* @extends Ext.chart.CartesianChart
* @constructor
* @xtype linechart
*/
Ext.chart.LineChart = Ext.extend(Ext.chart.CartesianChart, {
<span id='Ext-chart-LineChart-property-type'> type: 'line'
</span>});
Ext.reg('linechart', Ext.chart.LineChart);
<span id='Ext-chart-ColumnChart-method-constructor'><span id='Ext-chart-ColumnChart'>/**
</span></span> * @class Ext.chart.ColumnChart
* @extends Ext.chart.CartesianChart
* @constructor
* @xtype columnchart
*/
Ext.chart.ColumnChart = Ext.extend(Ext.chart.CartesianChart, {
<span id='Ext-chart-ColumnChart-property-type'> type: 'column'
</span>});
Ext.reg('columnchart', Ext.chart.ColumnChart);
<span id='Ext-chart-StackedColumnChart-method-constructor'><span id='Ext-chart-StackedColumnChart'>/**
</span></span> * @class Ext.chart.StackedColumnChart
* @extends Ext.chart.CartesianChart
* @constructor
* @xtype stackedcolumnchart
*/
Ext.chart.StackedColumnChart = Ext.extend(Ext.chart.CartesianChart, {
<span id='Ext-chart-StackedColumnChart-property-type'> type: 'stackcolumn'
</span>});
Ext.reg('stackedcolumnchart', Ext.chart.StackedColumnChart);
<span id='Ext-chart-BarChart-method-constructor'><span id='Ext-chart-BarChart'>/**
</span></span> * @class Ext.chart.BarChart
* @extends Ext.chart.CartesianChart
* @constructor
* @xtype barchart
*/
Ext.chart.BarChart = Ext.extend(Ext.chart.CartesianChart, {
<span id='Ext-chart-BarChart-property-type'> type: 'bar'
</span>});
Ext.reg('barchart', Ext.chart.BarChart);
<span id='Ext-chart-StackedBarChart-method-constructor'><span id='Ext-chart-StackedBarChart'>/**
</span></span> * @class Ext.chart.StackedBarChart
* @extends Ext.chart.CartesianChart
* @constructor
* @xtype stackedbarchart
*/
Ext.chart.StackedBarChart = Ext.extend(Ext.chart.CartesianChart, {
<span id='Ext-chart-StackedBarChart-property-type'> type: 'stackbar'
</span>});
Ext.reg('stackedbarchart', Ext.chart.StackedBarChart);
<span id='Ext-chart-Axis-method-constructor'><span id='Ext-chart-Axis'>/**
</span></span> * @class Ext.chart.Axis
* Defines a CartesianChart's vertical or horizontal axis.
* @constructor
*/
Ext.chart.Axis = function(config){
Ext.apply(this, config);
};
Ext.chart.Axis.prototype =
{
<span id='Ext-chart-Axis-property-type'> /**
</span> * The type of axis.
*
* @property type
* @type String
*/
type: null,
<span id='Ext-chart-Axis-property-orientation'> /**
</span> * The direction in which the axis is drawn. May be &quot;horizontal&quot; or &quot;vertical&quot;.
*
* @property orientation
* @type String
*/
orientation: &quot;horizontal&quot;,
<span id='Ext-chart-Axis-property-reverse'> /**
</span> * If true, the items on the axis will be drawn in opposite direction.
*
* @property reverse
* @type Boolean
*/
reverse: false,
<span id='Ext-chart-Axis-property-labelFunction'> /**
</span> * A string reference to the globally-accessible function that may be called to
* determine each of the label values for this axis.
*
* @property labelFunction
* @type String
*/
labelFunction: null,
<span id='Ext-chart-Axis-property-hideOverlappingLabels'> /**
</span> * If true, labels that overlap previously drawn labels on the axis will be hidden.
*
* @property hideOverlappingLabels
* @type Boolean
*/
hideOverlappingLabels: true,
<span id='Ext-chart-Axis-property-labelSpacing'> /**
</span> * The space, in pixels, between labels on an axis.
*
* @property labelSpacing
* @type Number
*/
labelSpacing: 2
};
<span id='Ext-chart-NumericAxis-method-constructor'><span id='Ext-chart-NumericAxis'>/**
</span></span> * @class Ext.chart.NumericAxis
* @extends Ext.chart.Axis
* A type of axis whose units are measured in numeric values.
* @constructor
*/
Ext.chart.NumericAxis = Ext.extend(Ext.chart.Axis, {
<span id='Ext-chart-NumericAxis-property-type'> type: &quot;numeric&quot;,
</span>
<span id='Ext-chart-NumericAxis-property-minimum'> /**
</span> * The minimum value drawn by the axis. If not set explicitly, the axis
* minimum will be calculated automatically.
*
* @property minimum
* @type Number
*/
minimum: NaN,
<span id='Ext-chart-NumericAxis-property-maximum'> /**
</span> * The maximum value drawn by the axis. If not set explicitly, the axis
* maximum will be calculated automatically.
*
* @property maximum
* @type Number
*/
maximum: NaN,
<span id='Ext-chart-NumericAxis-property-majorUnit'> /**
</span> * The spacing between major intervals on this axis.
*
* @property majorUnit
* @type Number
*/
majorUnit: NaN,
<span id='Ext-chart-NumericAxis-property-minorUnit'> /**
</span> * The spacing between minor intervals on this axis.
*
* @property minorUnit
* @type Number
*/
minorUnit: NaN,
<span id='Ext-chart-NumericAxis-property-snapToUnits'> /**
</span> * If true, the labels, ticks, gridlines, and other objects will snap to the
* nearest major or minor unit. If false, their position will be based on
* the minimum value.
*
* @property snapToUnits
* @type Boolean
*/
snapToUnits: true,
<span id='Ext-chart-NumericAxis-property-alwaysShowZero'> /**
</span> * If true, and the bounds are calculated automatically, either the minimum
* or maximum will be set to zero.
*
* @property alwaysShowZero
* @type Boolean
*/
alwaysShowZero: true,
<span id='Ext-chart-NumericAxis-property-scale'> /**
</span> * The scaling algorithm to use on this axis. May be &quot;linear&quot; or
* &quot;logarithmic&quot;.
*
* @property scale
* @type String
*/
scale: &quot;linear&quot;,
<span id='Ext-chart-NumericAxis-property-roundMajorUnit'> /**
</span> * Indicates whether to round the major unit.
*
* @property roundMajorUnit
* @type Boolean
*/
roundMajorUnit: true,
<span id='Ext-chart-NumericAxis-property-calculateByLabelSize'> /**
</span> * Indicates whether to factor in the size of the labels when calculating a
* major unit.
*
* @property calculateByLabelSize
* @type Boolean
*/
calculateByLabelSize: true,
<span id='Ext-chart-NumericAxis-property-position'> /**
</span> * Indicates the position of the axis relative to the chart
*
* @property position
* @type String
*/
position: 'left',
<span id='Ext-chart-NumericAxis-property-adjustMaximumByMajorUnit'> /**
</span> * Indicates whether to extend maximum beyond data's maximum to the nearest
* majorUnit.
*
* @property adjustMaximumByMajorUnit
* @type Boolean
*/
adjustMaximumByMajorUnit: true,
<span id='Ext-chart-NumericAxis-property-adjustMinimumByMajorUnit'> /**
</span> * Indicates whether to extend the minimum beyond data's minimum to the
* nearest majorUnit.
*
* @property adjustMinimumByMajorUnit
* @type Boolean
*/
adjustMinimumByMajorUnit: true
});
<span id='Ext-chart-TimeAxis-method-constructor'><span id='Ext-chart-TimeAxis'>/**
</span></span> * @class Ext.chart.TimeAxis
* @extends Ext.chart.Axis
* A type of axis whose units are measured in time-based values.
* @constructor
*/
Ext.chart.TimeAxis = Ext.extend(Ext.chart.Axis, {
<span id='Ext-chart-TimeAxis-property-type'> type: &quot;time&quot;,
</span>
<span id='Ext-chart-TimeAxis-property-minimum'> /**
</span> * The minimum value drawn by the axis. If not set explicitly, the axis
* minimum will be calculated automatically.
*
* @property minimum
* @type Date
*/
minimum: null,
<span id='Ext-chart-TimeAxis-property-maximum'> /**
</span> * The maximum value drawn by the axis. If not set explicitly, the axis
* maximum will be calculated automatically.
*
* @property maximum
* @type Number
*/
maximum: null,
<span id='Ext-chart-TimeAxis-property-majorUnit'> /**
</span> * The spacing between major intervals on this axis.
*
* @property majorUnit
* @type Number
*/
majorUnit: NaN,
<span id='Ext-chart-TimeAxis-property-majorTimeUnit'> /**
</span> * The time unit used by the majorUnit.
*
* @property majorTimeUnit
* @type String
*/
majorTimeUnit: null,
<span id='Ext-chart-TimeAxis-property-minorUnit'> /**
</span> * The spacing between minor intervals on this axis.
*
* @property minorUnit
* @type Number
*/
minorUnit: NaN,
<span id='Ext-chart-TimeAxis-property-minorTimeUnit'> /**
</span> * The time unit used by the minorUnit.
*
* @property minorTimeUnit
* @type String
*/
minorTimeUnit: null,
<span id='Ext-chart-TimeAxis-property-snapToUnits'> /**
</span> * If true, the labels, ticks, gridlines, and other objects will snap to the
* nearest major or minor unit. If false, their position will be based on
* the minimum value.
*
* @property snapToUnits
* @type Boolean
*/
snapToUnits: true,
<span id='Ext-chart-TimeAxis-property-stackingEnabled'> /**
</span> * Series that are stackable will only stack when this value is set to true.
*
* @property stackingEnabled
* @type Boolean
*/
stackingEnabled: false,
<span id='Ext-chart-TimeAxis-property-calculateByLabelSize'> /**
</span> * Indicates whether to factor in the size of the labels when calculating a
* major unit.
*
* @property calculateByLabelSize
* @type Boolean
*/
calculateByLabelSize: true
});
<span id='Ext-chart-CategoryAxis-method-constructor'><span id='Ext-chart-CategoryAxis'>/**
</span></span> * @class Ext.chart.CategoryAxis
* @extends Ext.chart.Axis
* A type of axis that displays items in categories.
* @constructor
*/
Ext.chart.CategoryAxis = Ext.extend(Ext.chart.Axis, {
<span id='Ext-chart-CategoryAxis-property-type'> type: &quot;category&quot;,
</span>
<span id='Ext-chart-CategoryAxis-property-categoryNames'> /**
</span> * A list of category names to display along this axis.
*
* @property categoryNames
* @type Array
*/
categoryNames: null,
<span id='Ext-chart-CategoryAxis-property-calculateCategoryCount'> /**
</span> * Indicates whether or not to calculate the number of categories (ticks and
* labels) when there is not enough room to display all labels on the axis.
* If set to true, the axis will determine the number of categories to plot.
* If not, all categories will be plotted.
*
* @property calculateCategoryCount
* @type Boolean
*/
calculateCategoryCount: false
});
<span id='Ext-chart-Series-method-constructor'><span id='Ext-chart-Series'>/**
</span></span> * @class Ext.chart.Series
* Series class for the charts widget.
* @constructor
*/
Ext.chart.Series = function(config) { Ext.apply(this, config); };
Ext.chart.Series.prototype =
{
<span id='Ext-chart-Series-property-type'> /**
</span> * The type of series.
*
* @property type
* @type String
*/
type: null,
<span id='Ext-chart-Series-property-displayName'> /**
</span> * The human-readable name of the series.
*
* @property displayName
* @type String
*/
displayName: null
};
<span id='Ext-chart-CartesianSeries-method-constructor'><span id='Ext-chart-CartesianSeries'>/**
</span></span> * @class Ext.chart.CartesianSeries
* @extends Ext.chart.Series
* CartesianSeries class for the charts widget.
* @constructor
*/
Ext.chart.CartesianSeries = Ext.extend(Ext.chart.Series, {
<span id='Ext-chart-CartesianSeries-property-xField'> /**
</span> * The field used to access the x-axis value from the items from the data
* source.
*
* @property xField
* @type String
*/
xField: null,
<span id='Ext-chart-CartesianSeries-property-yField'> /**
</span> * The field used to access the y-axis value from the items from the data
* source.
*
* @property yField
* @type String
*/
yField: null,
<span id='Ext-chart-CartesianSeries-property-showInLegend'> /**
</span> * False to not show this series in the legend. Defaults to &lt;tt&gt;true&lt;/tt&gt;.
*
* @property showInLegend
* @type Boolean
*/
showInLegend: true,
<span id='Ext-chart-CartesianSeries-property-axis'> /**
</span> * Indicates which axis the series will bind to
*
* @property axis
* @type String
*/
axis: 'primary'
});
<span id='Ext-chart-ColumnSeries-method-constructor'><span id='Ext-chart-ColumnSeries'>/**
</span></span> * @class Ext.chart.ColumnSeries
* @extends Ext.chart.CartesianSeries
* ColumnSeries class for the charts widget.
* @constructor
*/
Ext.chart.ColumnSeries = Ext.extend(Ext.chart.CartesianSeries, {
<span id='Ext-chart-ColumnSeries-property-type'> type: &quot;column&quot;
</span>});
<span id='Ext-chart-LineSeries-method-constructor'><span id='Ext-chart-LineSeries'>/**
</span></span> * @class Ext.chart.LineSeries
* @extends Ext.chart.CartesianSeries
* LineSeries class for the charts widget.
* @constructor
*/
Ext.chart.LineSeries = Ext.extend(Ext.chart.CartesianSeries, {
<span id='Ext-chart-LineSeries-property-type'> type: &quot;line&quot;
</span>});
<span id='Ext-chart-BarSeries-method-constructor'><span id='Ext-chart-BarSeries'>/**
</span></span> * @class Ext.chart.BarSeries
* @extends Ext.chart.CartesianSeries
* BarSeries class for the charts widget.
* @constructor
*/
Ext.chart.BarSeries = Ext.extend(Ext.chart.CartesianSeries, {
<span id='Ext-chart-BarSeries-property-type'> type: &quot;bar&quot;
</span>});
<span id='Ext-chart-PieSeries-method-constructor'><span id='Ext-chart-PieSeries'>/**
</span></span> * @class Ext.chart.PieSeries
* @extends Ext.chart.Series
* PieSeries class for the charts widget.
* @constructor
*/
Ext.chart.PieSeries = Ext.extend(Ext.chart.Series, {
<span id='Ext-chart-PieSeries-property-type'> type: &quot;pie&quot;,
</span><span id='Ext-chart-PieSeries-property-dataField'> dataField: null,
</span><span id='Ext-chart-PieSeries-property-categoryField'> categoryField: null
</span>});</pre>
</body>
</html>
Reference in a new issue View git blame Copy permalink