Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1922 lines
65 KiB
1922 lines
65 KiB
/*!
|
|
* Ext JS Library 3.2.0
|
|
* Copyright(c) 2006-2010 Ext JS, Inc.
|
|
* licensing@extjs.com
|
|
* http://www.extjs.com/license
|
|
*/
|
|
/*! SWFObject v2.2 <http://code.google.com/p/swfobject/>
|
|
is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
|
|
*/
|
|
|
|
var swfobject = function() {
|
|
|
|
var UNDEF = "undefined",
|
|
OBJECT = "object",
|
|
SHOCKWAVE_FLASH = "Shockwave Flash",
|
|
SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
|
|
FLASH_MIME_TYPE = "application/x-shockwave-flash",
|
|
EXPRESS_INSTALL_ID = "SWFObjectExprInst",
|
|
ON_READY_STATE_CHANGE = "onreadystatechange",
|
|
|
|
win = window,
|
|
doc = document,
|
|
nav = navigator,
|
|
|
|
plugin = false,
|
|
domLoadFnArr = [main],
|
|
regObjArr = [],
|
|
objIdArr = [],
|
|
listenersArr = [],
|
|
storedAltContent,
|
|
storedAltContentId,
|
|
storedCallbackFn,
|
|
storedCallbackObj,
|
|
isDomLoaded = false,
|
|
isExpressInstallActive = false,
|
|
dynamicStylesheet,
|
|
dynamicStylesheetMedia,
|
|
autoHideShow = true,
|
|
|
|
/* Centralized function for browser feature detection
|
|
- User agent string detection is only used when no good alternative is possible
|
|
- Is executed directly for optimal performance
|
|
*/
|
|
ua = function() {
|
|
var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,
|
|
u = nav.userAgent.toLowerCase(),
|
|
p = nav.platform.toLowerCase(),
|
|
windows = p ? /win/.test(p) : /win/.test(u),
|
|
mac = p ? /mac/.test(p) : /mac/.test(u),
|
|
webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
|
|
ie = !+"\v1", // feature detection based on Andrea Giammarchi's solution: http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html
|
|
playerVersion = [0,0,0],
|
|
d = null;
|
|
if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
|
|
d = nav.plugins[SHOCKWAVE_FLASH].description;
|
|
if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
|
|
plugin = true;
|
|
ie = false; // cascaded feature detection for Internet Explorer
|
|
d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
|
|
playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
|
|
playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
|
|
playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;
|
|
}
|
|
}
|
|
else if (typeof win.ActiveXObject != UNDEF) {
|
|
try {
|
|
var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
|
|
if (a) { // a will return null when ActiveX is disabled
|
|
d = a.GetVariable("$version");
|
|
if (d) {
|
|
ie = true; // cascaded feature detection for Internet Explorer
|
|
d = d.split(" ")[1].split(",");
|
|
playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
|
|
}
|
|
}
|
|
}
|
|
catch(e) {}
|
|
}
|
|
return { w3:w3cdom, pv:playerVersion, wk:webkit, ie:ie, win:windows, mac:mac };
|
|
}(),
|
|
|
|
/* Cross-browser onDomLoad
|
|
- Will fire an event as soon as the DOM of a web page is loaded
|
|
- Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/
|
|
- Regular onload serves as fallback
|
|
*/
|
|
onDomLoad = function() {
|
|
if (!ua.w3) { return; }
|
|
if ((typeof doc.readyState != UNDEF && doc.readyState == "complete") || (typeof doc.readyState == UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically
|
|
callDomLoadFunctions();
|
|
}
|
|
if (!isDomLoaded) {
|
|
if (typeof doc.addEventListener != UNDEF) {
|
|
doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false);
|
|
}
|
|
if (ua.ie && ua.win) {
|
|
doc.attachEvent(ON_READY_STATE_CHANGE, function() {
|
|
if (doc.readyState == "complete") {
|
|
doc.detachEvent(ON_READY_STATE_CHANGE, arguments.callee);
|
|
callDomLoadFunctions();
|
|
}
|
|
});
|
|
if (win == top) { // if not inside an iframe
|
|
(function(){
|
|
if (isDomLoaded) { return; }
|
|
try {
|
|
doc.documentElement.doScroll("left");
|
|
}
|
|
catch(e) {
|
|
setTimeout(arguments.callee, 0);
|
|
return;
|
|
}
|
|
callDomLoadFunctions();
|
|
})();
|
|
}
|
|
}
|
|
if (ua.wk) {
|
|
(function(){
|
|
if (isDomLoaded) { return; }
|
|
if (!/loaded|complete/.test(doc.readyState)) {
|
|
setTimeout(arguments.callee, 0);
|
|
return;
|
|
}
|
|
callDomLoadFunctions();
|
|
})();
|
|
}
|
|
addLoadEvent(callDomLoadFunctions);
|
|
}
|
|
}();
|
|
|
|
function callDomLoadFunctions() {
|
|
if (isDomLoaded) { return; }
|
|
try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early
|
|
var t = doc.getElementsByTagName("body")[0].appendChild(createElement("span"));
|
|
t.parentNode.removeChild(t);
|
|
}
|
|
catch (e) { return; }
|
|
isDomLoaded = true;
|
|
var dl = domLoadFnArr.length;
|
|
for (var i = 0; i < dl; i++) {
|
|
domLoadFnArr[i]();
|
|
}
|
|
}
|
|
|
|
function addDomLoadEvent(fn) {
|
|
if (isDomLoaded) {
|
|
fn();
|
|
}
|
|
else {
|
|
domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
|
|
}
|
|
}
|
|
|
|
/* Cross-browser onload
|
|
- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
|
|
- Will fire an event as soon as a web page including all of its assets are loaded
|
|
*/
|
|
function addLoadEvent(fn) {
|
|
if (typeof win.addEventListener != UNDEF) {
|
|
win.addEventListener("load", fn, false);
|
|
}
|
|
else if (typeof doc.addEventListener != UNDEF) {
|
|
doc.addEventListener("load", fn, false);
|
|
}
|
|
else if (typeof win.attachEvent != UNDEF) {
|
|
addListener(win, "onload", fn);
|
|
}
|
|
else if (typeof win.onload == "function") {
|
|
var fnOld = win.onload;
|
|
win.onload = function() {
|
|
fnOld();
|
|
fn();
|
|
};
|
|
}
|
|
else {
|
|
win.onload = fn;
|
|
}
|
|
}
|
|
|
|
/* Main function
|
|
- Will preferably execute onDomLoad, otherwise onload (as a fallback)
|
|
*/
|
|
function main() {
|
|
if (plugin) {
|
|
testPlayerVersion();
|
|
}
|
|
else {
|
|
matchVersions();
|
|
}
|
|
}
|
|
|
|
/* Detect the Flash Player version for non-Internet Explorer browsers
|
|
- Detecting the plug-in version via the object element is more precise than using the plugins collection item's description:
|
|
a. Both release and build numbers can be detected
|
|
b. Avoid wrong descriptions by corrupt installers provided by Adobe
|
|
c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports
|
|
- Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available
|
|
*/
|
|
function testPlayerVersion() {
|
|
var b = doc.getElementsByTagName("body")[0];
|
|
var o = createElement(OBJECT);
|
|
o.setAttribute("type", FLASH_MIME_TYPE);
|
|
var t = b.appendChild(o);
|
|
if (t) {
|
|
var counter = 0;
|
|
(function(){
|
|
if (typeof t.GetVariable != UNDEF) {
|
|
var d = t.GetVariable("$version");
|
|
if (d) {
|
|
d = d.split(" ")[1].split(",");
|
|
ua.pv = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
|
|
}
|
|
}
|
|
else if (counter < 10) {
|
|
counter++;
|
|
setTimeout(arguments.callee, 10);
|
|
return;
|
|
}
|
|
b.removeChild(o);
|
|
t = null;
|
|
matchVersions();
|
|
})();
|
|
}
|
|
else {
|
|
matchVersions();
|
|
}
|
|
}
|
|
|
|
/* Perform Flash Player and SWF version matching; static publishing only
|
|
*/
|
|
function matchVersions() {
|
|
var rl = regObjArr.length;
|
|
if (rl > 0) {
|
|
for (var i = 0; i < rl; i++) { // for each registered object element
|
|
var id = regObjArr[i].id;
|
|
var cb = regObjArr[i].callbackFn;
|
|
var cbObj = {success:false, id:id};
|
|
if (ua.pv[0] > 0) {
|
|
var obj = getElementById(id);
|
|
if (obj) {
|
|
if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match!
|
|
setVisibility(id, true);
|
|
if (cb) {
|
|
cbObj.success = true;
|
|
cbObj.ref = getObjectById(id);
|
|
cb(cbObj);
|
|
}
|
|
}
|
|
else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported
|
|
var att = {};
|
|
att.data = regObjArr[i].expressInstall;
|
|
att.width = obj.getAttribute("width") || "0";
|
|
att.height = obj.getAttribute("height") || "0";
|
|
if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); }
|
|
if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); }
|
|
// parse HTML object param element's name-value pairs
|
|
var par = {};
|
|
var p = obj.getElementsByTagName("param");
|
|
var pl = p.length;
|
|
for (var j = 0; j < pl; j++) {
|
|
if (p[j].getAttribute("name").toLowerCase() != "movie") {
|
|
par[p[j].getAttribute("name")] = p[j].getAttribute("value");
|
|
}
|
|
}
|
|
showExpressInstall(att, par, id, cb);
|
|
}
|
|
else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display alternative content instead of SWF
|
|
displayAltContent(obj);
|
|
if (cb) { cb(cbObj); }
|
|
}
|
|
}
|
|
}
|
|
else { // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or alternative content)
|
|
setVisibility(id, true);
|
|
if (cb) {
|
|
var o = getObjectById(id); // test whether there is an HTML object element or not
|
|
if (o && typeof o.SetVariable != UNDEF) {
|
|
cbObj.success = true;
|
|
cbObj.ref = o;
|
|
}
|
|
cb(cbObj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function getObjectById(objectIdStr) {
|
|
var r = null;
|
|
var o = getElementById(objectIdStr);
|
|
if (o && o.nodeName == "OBJECT") {
|
|
if (typeof o.SetVariable != UNDEF) {
|
|
r = o;
|
|
}
|
|
else {
|
|
var n = o.getElementsByTagName(OBJECT)[0];
|
|
if (n) {
|
|
r = n;
|
|
}
|
|
}
|
|
}
|
|
return r;
|
|
}
|
|
|
|
/* Requirements for Adobe Express Install
|
|
- only one instance can be active at a time
|
|
- fp 6.0.65 or higher
|
|
- Win/Mac OS only
|
|
- no Webkit engines older than version 312
|
|
*/
|
|
function canExpressInstall() {
|
|
return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312);
|
|
}
|
|
|
|
/* Show the Adobe Express Install dialog
|
|
- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
|
|
*/
|
|
function showExpressInstall(att, par, replaceElemIdStr, callbackFn) {
|
|
isExpressInstallActive = true;
|
|
storedCallbackFn = callbackFn || null;
|
|
storedCallbackObj = {success:false, id:replaceElemIdStr};
|
|
var obj = getElementById(replaceElemIdStr);
|
|
if (obj) {
|
|
if (obj.nodeName == "OBJECT") { // static publishing
|
|
storedAltContent = abstractAltContent(obj);
|
|
storedAltContentId = null;
|
|
}
|
|
else { // dynamic publishing
|
|
storedAltContent = obj;
|
|
storedAltContentId = replaceElemIdStr;
|
|
}
|
|
att.id = EXPRESS_INSTALL_ID;
|
|
if (typeof att.width == UNDEF || (!/%$/.test(att.width) && parseInt(att.width, 10) < 310)) { att.width = "310"; }
|
|
if (typeof att.height == UNDEF || (!/%$/.test(att.height) && parseInt(att.height, 10) < 137)) { att.height = "137"; }
|
|
doc.title = doc.title.slice(0, 47) + " - Flash Player Installation";
|
|
var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
|
|
fv = "MMredirectURL=" + win.location.toString().replace(/&/g,"%26") + "&MMplayerType=" + pt + "&MMdoctitle=" + doc.title;
|
|
if (typeof par.flashvars != UNDEF) {
|
|
par.flashvars += "&" + fv;
|
|
}
|
|
else {
|
|
par.flashvars = fv;
|
|
}
|
|
// IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
|
|
// because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
|
|
if (ua.ie && ua.win && obj.readyState != 4) {
|
|
var newObj = createElement("div");
|
|
replaceElemIdStr += "SWFObjectNew";
|
|
newObj.setAttribute("id", replaceElemIdStr);
|
|
obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf
|
|
obj.style.display = "none";
|
|
(function(){
|
|
if (obj.readyState == 4) {
|
|
obj.parentNode.removeChild(obj);
|
|
}
|
|
else {
|
|
setTimeout(arguments.callee, 10);
|
|
}
|
|
})();
|
|
}
|
|
createSWF(att, par, replaceElemIdStr);
|
|
}
|
|
}
|
|
|
|
/* Functions to abstract and display alternative content
|
|
*/
|
|
function displayAltContent(obj) {
|
|
if (ua.ie && ua.win && obj.readyState != 4) {
|
|
// IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
|
|
// because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
|
|
var el = createElement("div");
|
|
obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the alternative content
|
|
el.parentNode.replaceChild(abstractAltContent(obj), el);
|
|
obj.style.display = "none";
|
|
(function(){
|
|
if (obj.readyState == 4) {
|
|
obj.parentNode.removeChild(obj);
|
|
}
|
|
else {
|
|
setTimeout(arguments.callee, 10);
|
|
}
|
|
})();
|
|
}
|
|
else {
|
|
obj.parentNode.replaceChild(abstractAltContent(obj), obj);
|
|
}
|
|
}
|
|
|
|
function abstractAltContent(obj) {
|
|
var ac = createElement("div");
|
|
if (ua.win && ua.ie) {
|
|
ac.innerHTML = obj.innerHTML;
|
|
}
|
|
else {
|
|
var nestedObj = obj.getElementsByTagName(OBJECT)[0];
|
|
if (nestedObj) {
|
|
var c = nestedObj.childNodes;
|
|
if (c) {
|
|
var cl = c.length;
|
|
for (var i = 0; i < cl; i++) {
|
|
if (!(c[i].nodeType == 1 && c[i].nodeName == "PARAM") && !(c[i].nodeType == 8)) {
|
|
ac.appendChild(c[i].cloneNode(true));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return ac;
|
|
}
|
|
|
|
/* Cross-browser dynamic SWF creation
|
|
*/
|
|
function createSWF(attObj, parObj, id) {
|
|
var r, el = getElementById(id);
|
|
if (ua.wk && ua.wk < 312) { return r; }
|
|
if (el) {
|
|
if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
|
|
attObj.id = id;
|
|
}
|
|
if (ua.ie && ua.win) { // Internet Explorer + the HTML object element + W3C DOM methods do not combine: fall back to outerHTML
|
|
var att = "";
|
|
for (var i in attObj) {
|
|
if (attObj[i] != Object.prototype[i]) { // filter out prototype additions from other potential libraries
|
|
if (i.toLowerCase() == "data") {
|
|
parObj.movie = attObj[i];
|
|
}
|
|
else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
|
|
att += ' class="' + attObj[i] + '"';
|
|
}
|
|
else if (i.toLowerCase() != "classid") {
|
|
att += ' ' + i + '="' + attObj[i] + '"';
|
|
}
|
|
}
|
|
}
|
|
var par = "";
|
|
for (var j in parObj) {
|
|
if (parObj[j] != Object.prototype[j]) { // filter out prototype additions from other potential libraries
|
|
par += '<param name="' + j + '" value="' + parObj[j] + '" />';
|
|
}
|
|
}
|
|
el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';
|
|
objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only)
|
|
r = getElementById(attObj.id);
|
|
}
|
|
else { // well-behaving browsers
|
|
var o = createElement(OBJECT);
|
|
o.setAttribute("type", FLASH_MIME_TYPE);
|
|
for (var m in attObj) {
|
|
if (attObj[m] != Object.prototype[m]) { // filter out prototype additions from other potential libraries
|
|
if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
|
|
o.setAttribute("class", attObj[m]);
|
|
}
|
|
else if (m.toLowerCase() != "classid") { // filter out IE specific attribute
|
|
o.setAttribute(m, attObj[m]);
|
|
}
|
|
}
|
|
}
|
|
for (var n in parObj) {
|
|
if (parObj[n] != Object.prototype[n] && n.toLowerCase() != "movie") { // filter out prototype additions from other potential libraries and IE specific param element
|
|
createObjParam(o, n, parObj[n]);
|
|
}
|
|
}
|
|
el.parentNode.replaceChild(o, el);
|
|
r = o;
|
|
}
|
|
}
|
|
return r;
|
|
}
|
|
|
|
function createObjParam(el, pName, pValue) {
|
|
var p = createElement("param");
|
|
p.setAttribute("name", pName);
|
|
p.setAttribute("value", pValue);
|
|
el.appendChild(p);
|
|
}
|
|
|
|
/* Cross-browser SWF removal
|
|
- Especially needed to safely and completely remove a SWF in Internet Explorer
|
|
*/
|
|
function removeSWF(id) {
|
|
var obj = getElementById(id);
|
|
if (obj && obj.nodeName == "OBJECT") {
|
|
if (ua.ie && ua.win) {
|
|
obj.style.display = "none";
|
|
(function(){
|
|
if (obj.readyState == 4) {
|
|
removeObjectInIE(id);
|
|
}
|
|
else {
|
|
setTimeout(arguments.callee, 10);
|
|
}
|
|
})();
|
|
}
|
|
else {
|
|
obj.parentNode.removeChild(obj);
|
|
}
|
|
}
|
|
}
|
|
|
|
function removeObjectInIE(id) {
|
|
var obj = getElementById(id);
|
|
if (obj) {
|
|
for (var i in obj) {
|
|
if (typeof obj[i] == "function") {
|
|
obj[i] = null;
|
|
}
|
|
}
|
|
obj.parentNode.removeChild(obj);
|
|
}
|
|
}
|
|
|
|
/* Functions to optimize JavaScript compression
|
|
*/
|
|
function getElementById(id) {
|
|
var el = null;
|
|
try {
|
|
el = doc.getElementById(id);
|
|
}
|
|
catch (e) {}
|
|
return el;
|
|
}
|
|
|
|
function createElement(el) {
|
|
return doc.createElement(el);
|
|
}
|
|
|
|
/* Updated attachEvent function for Internet Explorer
|
|
- Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks
|
|
*/
|
|
function addListener(target, eventType, fn) {
|
|
target.attachEvent(eventType, fn);
|
|
listenersArr[listenersArr.length] = [target, eventType, fn];
|
|
}
|
|
|
|
/* Flash Player and SWF content version matching
|
|
*/
|
|
function hasPlayerVersion(rv) {
|
|
var pv = ua.pv, v = rv.split(".");
|
|
v[0] = parseInt(v[0], 10);
|
|
v[1] = parseInt(v[1], 10) || 0; // supports short notation, e.g. "9" instead of "9.0.0"
|
|
v[2] = parseInt(v[2], 10) || 0;
|
|
return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;
|
|
}
|
|
|
|
/* Cross-browser dynamic CSS creation
|
|
- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
|
|
*/
|
|
function createCSS(sel, decl, media, newStyle) {
|
|
if (ua.ie && ua.mac) { return; }
|
|
var h = doc.getElementsByTagName("head")[0];
|
|
if (!h) { return; } // to also support badly authored HTML pages that lack a head element
|
|
var m = (media && typeof media == "string") ? media : "screen";
|
|
if (newStyle) {
|
|
dynamicStylesheet = null;
|
|
dynamicStylesheetMedia = null;
|
|
}
|
|
if (!dynamicStylesheet || dynamicStylesheetMedia != m) {
|
|
// create dynamic stylesheet + get a global reference to it
|
|
var s = createElement("style");
|
|
s.setAttribute("type", "text/css");
|
|
s.setAttribute("media", m);
|
|
dynamicStylesheet = h.appendChild(s);
|
|
if (ua.ie && ua.win && typeof doc.styleSheets != UNDEF && doc.styleSheets.length > 0) {
|
|
dynamicStylesheet = doc.styleSheets[doc.styleSheets.length - 1];
|
|
}
|
|
dynamicStylesheetMedia = m;
|
|
}
|
|
// add style rule
|
|
if (ua.ie && ua.win) {
|
|
if (dynamicStylesheet && typeof dynamicStylesheet.addRule == OBJECT) {
|
|
dynamicStylesheet.addRule(sel, decl);
|
|
}
|
|
}
|
|
else {
|
|
if (dynamicStylesheet && typeof doc.createTextNode != UNDEF) {
|
|
dynamicStylesheet.appendChild(doc.createTextNode(sel + " {" + decl + "}"));
|
|
}
|
|
}
|
|
}
|
|
|
|
function setVisibility(id, isVisible) {
|
|
if (!autoHideShow) { return; }
|
|
var v = isVisible ? "visible" : "hidden";
|
|
if (isDomLoaded && getElementById(id)) {
|
|
getElementById(id).style.visibility = v;
|
|
}
|
|
else {
|
|
createCSS("#" + id, "visibility:" + v);
|
|
}
|
|
}
|
|
|
|
/* Filter to avoid XSS attacks
|
|
*/
|
|
function urlEncodeIfNecessary(s) {
|
|
var regex = /[\\\"<>\.;]/;
|
|
var hasBadChars = regex.exec(s) != null;
|
|
return hasBadChars && typeof encodeURIComponent != UNDEF ? encodeURIComponent(s) : s;
|
|
}
|
|
|
|
/* Release memory to avoid memory leaks caused by closures, fix hanging audio/video threads and force open sockets/NetConnections to disconnect (Internet Explorer only)
|
|
*/
|
|
var cleanup = function() {
|
|
if (ua.ie && ua.win) {
|
|
window.attachEvent("onunload", function() {
|
|
// remove listeners to avoid memory leaks
|
|
var ll = listenersArr.length;
|
|
for (var i = 0; i < ll; i++) {
|
|
listenersArr[i][0].detachEvent(listenersArr[i][1], listenersArr[i][2]);
|
|
}
|
|
// cleanup dynamically embedded objects to fix audio/video threads and force open sockets and NetConnections to disconnect
|
|
var il = objIdArr.length;
|
|
for (var j = 0; j < il; j++) {
|
|
removeSWF(objIdArr[j]);
|
|
}
|
|
// cleanup library's main closures to avoid memory leaks
|
|
for (var k in ua) {
|
|
ua[k] = null;
|
|
}
|
|
ua = null;
|
|
for (var l in swfobject) {
|
|
swfobject[l] = null;
|
|
}
|
|
swfobject = null;
|
|
});
|
|
}
|
|
}();
|
|
|
|
return {
|
|
/* Public API
|
|
- Reference: http://code.google.com/p/swfobject/wiki/documentation
|
|
*/
|
|
registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn) {
|
|
if (ua.w3 && objectIdStr && swfVersionStr) {
|
|
var regObj = {};
|
|
regObj.id = objectIdStr;
|
|
regObj.swfVersion = swfVersionStr;
|
|
regObj.expressInstall = xiSwfUrlStr;
|
|
regObj.callbackFn = callbackFn;
|
|
regObjArr[regObjArr.length] = regObj;
|
|
setVisibility(objectIdStr, false);
|
|
}
|
|
else if (callbackFn) {
|
|
callbackFn({success:false, id:objectIdStr});
|
|
}
|
|
},
|
|
|
|
getObjectById: function(objectIdStr) {
|
|
if (ua.w3) {
|
|
return getObjectById(objectIdStr);
|
|
}
|
|
},
|
|
|
|
embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) {
|
|
var callbackObj = {success:false, id:replaceElemIdStr};
|
|
if (ua.w3 && !(ua.wk && ua.wk < 312) && swfUrlStr && replaceElemIdStr && widthStr && heightStr && swfVersionStr) {
|
|
setVisibility(replaceElemIdStr, false);
|
|
addDomLoadEvent(function() {
|
|
widthStr += ""; // auto-convert to string
|
|
heightStr += "";
|
|
var att = {};
|
|
if (attObj && typeof attObj === OBJECT) {
|
|
for (var i in attObj) { // copy object to avoid the use of references, because web authors often reuse attObj for multiple SWFs
|
|
att[i] = attObj[i];
|
|
}
|
|
}
|
|
att.data = swfUrlStr;
|
|
att.width = widthStr;
|
|
att.height = heightStr;
|
|
var par = {};
|
|
if (parObj && typeof parObj === OBJECT) {
|
|
for (var j in parObj) { // copy object to avoid the use of references, because web authors often reuse parObj for multiple SWFs
|
|
par[j] = parObj[j];
|
|
}
|
|
}
|
|
if (flashvarsObj && typeof flashvarsObj === OBJECT) {
|
|
for (var k in flashvarsObj) { // copy object to avoid the use of references, because web authors often reuse flashvarsObj for multiple SWFs
|
|
if (typeof par.flashvars != UNDEF) {
|
|
par.flashvars += "&" + k + "=" + flashvarsObj[k];
|
|
}
|
|
else {
|
|
par.flashvars = k + "=" + flashvarsObj[k];
|
|
}
|
|
}
|
|
}
|
|
if (hasPlayerVersion(swfVersionStr)) { // create SWF
|
|
var obj = createSWF(att, par, replaceElemIdStr);
|
|
if (att.id == replaceElemIdStr) {
|
|
setVisibility(replaceElemIdStr, true);
|
|
}
|
|
callbackObj.success = true;
|
|
callbackObj.ref = obj;
|
|
}
|
|
else if (xiSwfUrlStr && canExpressInstall()) { // show Adobe Express Install
|
|
att.data = xiSwfUrlStr;
|
|
showExpressInstall(att, par, replaceElemIdStr, callbackFn);
|
|
return;
|
|
}
|
|
else { // show alternative content
|
|
setVisibility(replaceElemIdStr, true);
|
|
}
|
|
if (callbackFn) { callbackFn(callbackObj); }
|
|
});
|
|
}
|
|
else if (callbackFn) { callbackFn(callbackObj); }
|
|
},
|
|
|
|
switchOffAutoHideShow: function() {
|
|
autoHideShow = false;
|
|
},
|
|
|
|
ua: ua,
|
|
|
|
getFlashPlayerVersion: function() {
|
|
return { major:ua.pv[0], minor:ua.pv[1], release:ua.pv[2] };
|
|
},
|
|
|
|
hasFlashPlayerVersion: hasPlayerVersion,
|
|
|
|
createSWF: function(attObj, parObj, replaceElemIdStr) {
|
|
if (ua.w3) {
|
|
return createSWF(attObj, parObj, replaceElemIdStr);
|
|
}
|
|
else {
|
|
return undefined;
|
|
}
|
|
},
|
|
|
|
showExpressInstall: function(att, par, replaceElemIdStr, callbackFn) {
|
|
if (ua.w3 && canExpressInstall()) {
|
|
showExpressInstall(att, par, replaceElemIdStr, callbackFn);
|
|
}
|
|
},
|
|
|
|
removeSWF: function(objElemIdStr) {
|
|
if (ua.w3) {
|
|
removeSWF(objElemIdStr);
|
|
}
|
|
},
|
|
|
|
createCSS: function(selStr, declStr, mediaStr, newStyleBoolean) {
|
|
if (ua.w3) {
|
|
createCSS(selStr, declStr, mediaStr, newStyleBoolean);
|
|
}
|
|
},
|
|
|
|
addDomLoadEvent: addDomLoadEvent,
|
|
|
|
addLoadEvent: addLoadEvent,
|
|
|
|
getQueryParamValue: function(param) {
|
|
var q = doc.location.search || doc.location.hash;
|
|
if (q) {
|
|
if (/\?/.test(q)) { q = q.split("?")[1]; } // strip question mark
|
|
if (param == null) {
|
|
return urlEncodeIfNecessary(q);
|
|
}
|
|
var pairs = q.split("&");
|
|
for (var i = 0; i < pairs.length; i++) {
|
|
if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
|
|
return urlEncodeIfNecessary(pairs[i].substring((pairs[i].indexOf("=") + 1)));
|
|
}
|
|
}
|
|
}
|
|
return "";
|
|
},
|
|
|
|
// For internal usage only
|
|
expressInstallCallback: function() {
|
|
if (isExpressInstallActive) {
|
|
var obj = getElementById(EXPRESS_INSTALL_ID);
|
|
if (obj && storedAltContent) {
|
|
obj.parentNode.replaceChild(storedAltContent, obj);
|
|
if (storedAltContentId) {
|
|
setVisibility(storedAltContentId, true);
|
|
if (ua.ie && ua.win) { storedAltContent.style.display = "block"; }
|
|
}
|
|
if (storedCallbackFn) { storedCallbackFn(storedCallbackObj); }
|
|
}
|
|
isExpressInstallActive = false;
|
|
}
|
|
}
|
|
};
|
|
}();
|
|
/**
|
|
* @class Ext.FlashComponent
|
|
* @extends Ext.BoxComponent
|
|
* @constructor
|
|
* @xtype flash
|
|
*/
|
|
Ext.FlashComponent = Ext.extend(Ext.BoxComponent, {
|
|
/**
|
|
* @cfg {String} flashVersion
|
|
* Indicates the version the flash content was published for. Defaults to <tt>'9.0.115'</tt>.
|
|
*/
|
|
flashVersion : '9.0.115',
|
|
|
|
/**
|
|
* @cfg {String} backgroundColor
|
|
* The background color of the chart. Defaults to <tt>'#ffffff'</tt>.
|
|
*/
|
|
backgroundColor: '#ffffff',
|
|
|
|
/**
|
|
* @cfg {String} wmode
|
|
* The wmode of the flash object. This can be used to control layering. Defaults to <tt>'opaque'</tt>.
|
|
*/
|
|
wmode: 'opaque',
|
|
|
|
/**
|
|
* @cfg {Object} flashVars
|
|
* A set of key value pairs to be passed to the flash object as flash variables. Defaults to <tt>undefined</tt>.
|
|
*/
|
|
flashVars: undefined,
|
|
|
|
/**
|
|
* @cfg {Object} flashParams
|
|
* A set of key value pairs to be passed to the flash object as parameters. Possible parameters can be found here:
|
|
* http://kb2.adobe.com/cps/127/tn_12701.html Defaults to <tt>undefined</tt>.
|
|
*/
|
|
flashParams: undefined,
|
|
|
|
/**
|
|
* @cfg {String} url
|
|
* The URL of the chart to include. Defaults to <tt>undefined</tt>.
|
|
*/
|
|
url: undefined,
|
|
swfId : undefined,
|
|
swfWidth: '100%',
|
|
swfHeight: '100%',
|
|
|
|
/**
|
|
* @cfg {Boolean} expressInstall
|
|
* True to prompt the user to install flash if not installed. Note that this uses
|
|
* Ext.FlashComponent.EXPRESS_INSTALL_URL, which should be set to the local resource. Defaults to <tt>false</tt>.
|
|
*/
|
|
expressInstall: false,
|
|
|
|
initComponent : function(){
|
|
Ext.FlashComponent.superclass.initComponent.call(this);
|
|
|
|
this.addEvents(
|
|
/**
|
|
* @event initialize
|
|
*
|
|
* @param {Chart} this
|
|
*/
|
|
'initialize'
|
|
);
|
|
},
|
|
|
|
onRender : function(){
|
|
Ext.FlashComponent.superclass.onRender.apply(this, arguments);
|
|
|
|
var params = Ext.apply({
|
|
allowScriptAccess: 'always',
|
|
bgcolor: this.backgroundColor,
|
|
wmode: this.wmode
|
|
}, this.flashParams), vars = Ext.apply({
|
|
allowedDomain: document.location.hostname,
|
|
YUISwfId: this.getId(),
|
|
YUIBridgeCallback: 'Ext.FlashEventProxy.onEvent'
|
|
}, this.flashVars);
|
|
|
|
new swfobject.embedSWF(this.url, this.id, this.swfWidth, this.swfHeight, this.flashVersion,
|
|
this.expressInstall ? Ext.FlashComponent.EXPRESS_INSTALL_URL : undefined, vars, params);
|
|
|
|
this.swf = Ext.getDom(this.id);
|
|
this.el = Ext.get(this.swf);
|
|
},
|
|
|
|
getSwfId : function(){
|
|
return this.swfId || (this.swfId = "extswf" + (++Ext.Component.AUTO_ID));
|
|
},
|
|
|
|
getId : function(){
|
|
return this.id || (this.id = "extflashcmp" + (++Ext.Component.AUTO_ID));
|
|
},
|
|
|
|
onFlashEvent : function(e){
|
|
switch(e.type){
|
|
case "swfReady":
|
|
this.initSwf();
|
|
return;
|
|
case "log":
|
|
return;
|
|
}
|
|
e.component = this;
|
|
this.fireEvent(e.type.toLowerCase().replace(/event$/, ''), e);
|
|
},
|
|
|
|
initSwf : function(){
|
|
this.onSwfReady(!!this.isInitialized);
|
|
this.isInitialized = true;
|
|
this.fireEvent('initialize', this);
|
|
},
|
|
|
|
beforeDestroy: function(){
|
|
if(this.rendered){
|
|
swfobject.removeSWF(this.swf.id);
|
|
}
|
|
Ext.FlashComponent.superclass.beforeDestroy.call(this);
|
|
},
|
|
|
|
onSwfReady : Ext.emptyFn
|
|
});
|
|
|
|
/**
|
|
* Sets the url for installing flash if it doesn't exist. This should be set to a local resource.
|
|
* @static
|
|
* @type String
|
|
*/
|
|
Ext.FlashComponent.EXPRESS_INSTALL_URL = 'http:/' + '/swfobject.googlecode.com/svn/trunk/swfobject/expressInstall.swf';
|
|
|
|
Ext.reg('flash', Ext.FlashComponent);/**
|
|
* @class Ext.FlashProxy
|
|
* @singleton
|
|
*/
|
|
Ext.FlashEventProxy = {
|
|
onEvent : function(id, e){
|
|
var fp = Ext.getCmp(id);
|
|
if(fp){
|
|
fp.onFlashEvent(e);
|
|
}else{
|
|
arguments.callee.defer(10, this, [id, e]);
|
|
}
|
|
}
|
|
};/**
|
|
* @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, {
|
|
refreshBuffer: 100,
|
|
|
|
/**
|
|
* @cfg {String} backgroundColor
|
|
* @hide
|
|
*/
|
|
|
|
/**
|
|
* @cfg {Object} chartStyle
|
|
* Sets styles for this chart. This contains default styling, so modifying this property will <b>override</b>
|
|
* 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
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @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.
|
|
*/
|
|
|
|
/**
|
|
* @cfg {Object} extraStyle
|
|
* Contains extra styles that will be added or overwritten to the default chartStyle. Defaults to <tt>null</tt>.
|
|
* For a detailed list of the options available, visit the YUI Charts site
|
|
* at <a href="http://developer.yahoo.com/yui/charts/#basicstyles">http://developer.yahoo.com/yui/charts/#basicstyles</a><br/>
|
|
* Some of the options availabe:<br />
|
|
* <ul style="padding:5px;padding-left:16px;list-style-type:inherit;">
|
|
* <li><b>padding</b> - The space around the edge of the chart's contents. Padding does not increase the size of the chart.</li>
|
|
* <li><b>animationEnabled</b> - A Boolean value that specifies whether marker animations are enabled or not. Enabled by default.</li>
|
|
* <li><b>font</b> - An Object defining the font style to be used in the chart. Defaults to <tt>{ name: 'Tahoma', color: 0x444444, size: 11 }</tt><br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>name</b> - font name</li>
|
|
* <li><b>color</b> - font color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
|
|
* <li><b>size</b> - font size in points (numeric portion only, ie: 11)</li>
|
|
* <li><b>bold</b> - boolean</li>
|
|
* <li><b>italic</b> - boolean</li>
|
|
* <li><b>underline</b> - boolean</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li><b>border</b> - An object defining the border style around the chart. The chart itself will decrease in dimensions to accomodate the border.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color</b> - border color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
|
|
* <li><b>size</b> - border size in pixels (numeric portion only, ie: 1)</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li><b>background</b> - An object defining the background style of the chart.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color</b> - border color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
|
|
* <li><b>image</b> - an image URL. May be relative to the current document or absolute.</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li><b>legend</b> - An object defining the legend style<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>display</b> - location of the legend. Possible values are "none", "left", "right", "top", and "bottom".</li>
|
|
* <li><b>spacing</b> - an image URL. May be relative to the current document or absolute.</li>
|
|
* <li><b>padding, border, background, font</b> - same options as described above.</li>
|
|
* </ul></li>
|
|
* <li><b>dataTip</b> - An object defining the style of the data tip (tooltip).<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>padding, border, background, font</b> - same options as described above.</li>
|
|
* </ul></li>
|
|
* <li><b>xAxis and yAxis</b> - An object defining the style of the style of either axis.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color</b> - same option as described above.</li>
|
|
* <li><b>size</b> - same option as described above.</li>
|
|
* <li><b>showLabels</b> - boolean</li>
|
|
* <li><b>labelRotation</b> - a value in degrees from -90 through 90. Default is zero.</li>
|
|
* </ul></li>
|
|
* <li><b>majorGridLines and minorGridLines</b> - An object defining the style of the style of the grid lines.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color, size</b> - same options as described above.</li>
|
|
* </ul></li></li>
|
|
* <li><b>zeroGridLine</b> - An object defining the style of the style of the zero grid line.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color, size</b> - same options as described above.</li>
|
|
* </ul></li></li>
|
|
* <li><b>majorTicks and minorTicks</b> - An object defining the style of the style of ticks in the chart.<br/>
|
|
* <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
|
|
* <li><b>color, size</b> - same options as described above.</li>
|
|
* <li><b>length</b> - the length of each tick in pixels extending from the axis.</li>
|
|
* <li><b>display</b> - how the ticks are drawn. Possible values are "none", "inside", "outside", and "cross".</li>
|
|
* </ul></li></li>
|
|
* </ul>
|
|
*/
|
|
extraStyle: null,
|
|
|
|
/**
|
|
* @cfg {Object} seriesStyles
|
|
* Contains styles to apply to the series after a refresh. Defaults to <tt>null</tt>.
|
|
*/
|
|
seriesStyles: null,
|
|
|
|
/**
|
|
* @cfg {Boolean} disableCaching
|
|
* True to add a "cache buster" to the end of the chart url. Defaults to true for Opera and IE.
|
|
*/
|
|
disableCaching: Ext.isIE || Ext.isOpera,
|
|
disableCacheParam: '_dc',
|
|
|
|
initComponent : function(){
|
|
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',
|
|
/**
|
|
* @event beforerefresh
|
|
* Fires before a refresh to the chart data is called. If the beforerefresh handler returns
|
|
* <tt>false</tt> the {@link #refresh} action will be cancelled.
|
|
* @param {Chart} this
|
|
*/
|
|
'beforerefresh',
|
|
/**
|
|
* @event refresh
|
|
* Fires after the chart data has been refreshed.
|
|
* @param {Chart} this
|
|
*/
|
|
'refresh'
|
|
);
|
|
this.store = Ext.StoreMgr.lookup(this.store);
|
|
},
|
|
|
|
/**
|
|
* 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));
|
|
},
|
|
|
|
/**
|
|
* Resets all styles on the Chart instance.
|
|
*
|
|
* @param styles {Object} Initializer for all Chart styles.
|
|
*/
|
|
setStyles: function(styles){
|
|
this.swf.setStyles(Ext.encode(styles));
|
|
},
|
|
|
|
/**
|
|
* 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);
|
|
},
|
|
|
|
setCategoryNames : function(names){
|
|
this.swf.setCategoryNames(names);
|
|
},
|
|
|
|
setLegendRenderer : function(fn, scope){
|
|
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);
|
|
},
|
|
|
|
setTipRenderer : function(fn, scope){
|
|
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);
|
|
},
|
|
|
|
setSeries : function(series){
|
|
this.series = series;
|
|
this.refresh();
|
|
},
|
|
|
|
/**
|
|
* 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 && this.store){
|
|
if(store !== this.store && this.store.autoDestroy){
|
|
this.store.destroy();
|
|
}else{
|
|
this.store.un("datachanged", this.refresh, this);
|
|
this.store.un("add", this.delayRefresh, this);
|
|
this.store.un("remove", this.delayRefresh, this);
|
|
this.store.un("update", this.delayRefresh, this);
|
|
this.store.un("clear", 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 && !initial){
|
|
this.refresh();
|
|
}
|
|
},
|
|
|
|
onSwfReady : function(isReset){
|
|
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);
|
|
},
|
|
|
|
delayRefresh : function(){
|
|
if(!this.refreshTask){
|
|
this.refreshTask = new Ext.util.DelayedTask(this.refresh, this);
|
|
}
|
|
this.refreshTask.delay(this.refreshBuffer);
|
|
},
|
|
|
|
refresh : function(){
|
|
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 < 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 < seriesCount; i++){
|
|
currentSeries = this.series[i];
|
|
var clonedSeries = {};
|
|
for(var prop in currentSeries){
|
|
if(prop == "style" && 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 > 0){
|
|
for(i = 0; i < 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);
|
|
}
|
|
},
|
|
|
|
// private
|
|
createFnProxy : function(fn){
|
|
var fnName = 'extFnProxy' + (++Ext.chart.Chart.PROXY_FN_ID);
|
|
Ext.chart.Chart.proxyFunction[fnName] = fn;
|
|
return 'Ext.chart.Chart.proxyFunction.' + fnName;
|
|
},
|
|
|
|
// private
|
|
removeFnProxy : function(fn){
|
|
if(!Ext.isEmpty(fn)){
|
|
fn = fn.replace('Ext.chart.Chart.proxyFunction.', '');
|
|
delete Ext.chart.Chart.proxyFunction[fn];
|
|
}
|
|
},
|
|
|
|
// private
|
|
getFunctionRef : function(val){
|
|
if(Ext.isFunction(val)){
|
|
return {
|
|
fn: val,
|
|
scope: this
|
|
};
|
|
}else{
|
|
return {
|
|
fn: val.fn,
|
|
scope: val.scope || this
|
|
}
|
|
}
|
|
},
|
|
|
|
// private
|
|
onDestroy: function(){
|
|
if (this.refreshTask && 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 = {};
|
|
|
|
/**
|
|
* 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.0/build/charts/assets/charts.swf';
|
|
|
|
/**
|
|
* @class Ext.chart.PieChart
|
|
* @extends Ext.chart.Chart
|
|
* @constructor
|
|
* @xtype piechart
|
|
*/
|
|
Ext.chart.PieChart = Ext.extend(Ext.chart.Chart, {
|
|
type: 'pie',
|
|
|
|
onSwfReady : function(isReset){
|
|
Ext.chart.PieChart.superclass.onSwfReady.call(this, isReset);
|
|
|
|
this.setDataField(this.dataField);
|
|
this.setCategoryField(this.categoryField);
|
|
},
|
|
|
|
setDataField : function(field){
|
|
this.dataField = field;
|
|
this.swf.setDataField(field);
|
|
},
|
|
|
|
setCategoryField : function(field){
|
|
this.categoryField = field;
|
|
this.swf.setCategoryField(field);
|
|
}
|
|
});
|
|
Ext.reg('piechart', Ext.chart.PieChart);
|
|
|
|
/**
|
|
* @class Ext.chart.CartesianChart
|
|
* @extends Ext.chart.Chart
|
|
* @constructor
|
|
* @xtype cartesianchart
|
|
*/
|
|
Ext.chart.CartesianChart = Ext.extend(Ext.chart.Chart, {
|
|
onSwfReady : function(isReset){
|
|
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);
|
|
}
|
|
},
|
|
|
|
setXField : function(value){
|
|
this.xField = value;
|
|
this.swf.setHorizontalField(value);
|
|
},
|
|
|
|
setYField : function(value){
|
|
this.yField = value;
|
|
this.swf.setVerticalField(value);
|
|
},
|
|
|
|
setXAxis : function(value){
|
|
this.xAxis = this.createAxis('xAxis', value);
|
|
this.swf.setHorizontalAxis(this.xAxis);
|
|
},
|
|
|
|
setXAxes : function(value){
|
|
var axis;
|
|
for(var i = 0; i < value.length; i++) {
|
|
axis = this.createAxis('xAxis' + i, value[i]);
|
|
this.swf.setHorizontalAxis(axis);
|
|
}
|
|
},
|
|
|
|
setYAxis : function(value){
|
|
this.yAxis = this.createAxis('yAxis', value);
|
|
this.swf.setVerticalAxis(this.yAxis);
|
|
},
|
|
|
|
setYAxes : function(value){
|
|
var axis;
|
|
for(var i = 0; i < value.length; i++) {
|
|
axis = this.createAxis('yAxis' + i, value[i]);
|
|
this.swf.setVerticalAxis(axis);
|
|
}
|
|
},
|
|
|
|
createAxis : function(axis, value){
|
|
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') > -1 && o.position == 'left'){
|
|
o.position = 'bottom';
|
|
}
|
|
return o;
|
|
},
|
|
|
|
onDestroy : function(){
|
|
Ext.chart.CartesianChart.superclass.onDestroy.call(this);
|
|
Ext.each(this.labelFn, function(fn){
|
|
this.removeFnProxy(fn);
|
|
}, this);
|
|
}
|
|
});
|
|
Ext.reg('cartesianchart', Ext.chart.CartesianChart);
|
|
|
|
/**
|
|
* @class Ext.chart.LineChart
|
|
* @extends Ext.chart.CartesianChart
|
|
* @constructor
|
|
* @xtype linechart
|
|
*/
|
|
Ext.chart.LineChart = Ext.extend(Ext.chart.CartesianChart, {
|
|
type: 'line'
|
|
});
|
|
Ext.reg('linechart', Ext.chart.LineChart);
|
|
|
|
/**
|
|
* @class Ext.chart.ColumnChart
|
|
* @extends Ext.chart.CartesianChart
|
|
* @constructor
|
|
* @xtype columnchart
|
|
*/
|
|
Ext.chart.ColumnChart = Ext.extend(Ext.chart.CartesianChart, {
|
|
type: 'column'
|
|
});
|
|
Ext.reg('columnchart', Ext.chart.ColumnChart);
|
|
|
|
/**
|
|
* @class Ext.chart.StackedColumnChart
|
|
* @extends Ext.chart.CartesianChart
|
|
* @constructor
|
|
* @xtype stackedcolumnchart
|
|
*/
|
|
Ext.chart.StackedColumnChart = Ext.extend(Ext.chart.CartesianChart, {
|
|
type: 'stackcolumn'
|
|
});
|
|
Ext.reg('stackedcolumnchart', Ext.chart.StackedColumnChart);
|
|
|
|
/**
|
|
* @class Ext.chart.BarChart
|
|
* @extends Ext.chart.CartesianChart
|
|
* @constructor
|
|
* @xtype barchart
|
|
*/
|
|
Ext.chart.BarChart = Ext.extend(Ext.chart.CartesianChart, {
|
|
type: 'bar'
|
|
});
|
|
Ext.reg('barchart', Ext.chart.BarChart);
|
|
|
|
/**
|
|
* @class Ext.chart.StackedBarChart
|
|
* @extends Ext.chart.CartesianChart
|
|
* @constructor
|
|
* @xtype stackedbarchart
|
|
*/
|
|
Ext.chart.StackedBarChart = Ext.extend(Ext.chart.CartesianChart, {
|
|
type: 'stackbar'
|
|
});
|
|
Ext.reg('stackedbarchart', Ext.chart.StackedBarChart);
|
|
|
|
|
|
|
|
/**
|
|
* @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 =
|
|
{
|
|
/**
|
|
* The type of axis.
|
|
*
|
|
* @property type
|
|
* @type String
|
|
*/
|
|
type: null,
|
|
|
|
/**
|
|
* The direction in which the axis is drawn. May be "horizontal" or "vertical".
|
|
*
|
|
* @property orientation
|
|
* @type String
|
|
*/
|
|
orientation: "horizontal",
|
|
|
|
/**
|
|
* If true, the items on the axis will be drawn in opposite direction.
|
|
*
|
|
* @property reverse
|
|
* @type Boolean
|
|
*/
|
|
reverse: false,
|
|
|
|
/**
|
|
* 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,
|
|
|
|
/**
|
|
* If true, labels that overlap previously drawn labels on the axis will be hidden.
|
|
*
|
|
* @property hideOverlappingLabels
|
|
* @type Boolean
|
|
*/
|
|
hideOverlappingLabels: true,
|
|
|
|
/**
|
|
* The space, in pixels, between labels on an axis.
|
|
*
|
|
* @property labelSpacing
|
|
* @type Number
|
|
*/
|
|
labelSpacing: 2
|
|
};
|
|
|
|
/**
|
|
* @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, {
|
|
type: "numeric",
|
|
|
|
/**
|
|
* The minimum value drawn by the axis. If not set explicitly, the axis
|
|
* minimum will be calculated automatically.
|
|
*
|
|
* @property minimum
|
|
* @type Number
|
|
*/
|
|
minimum: NaN,
|
|
|
|
/**
|
|
* The maximum value drawn by the axis. If not set explicitly, the axis
|
|
* maximum will be calculated automatically.
|
|
*
|
|
* @property maximum
|
|
* @type Number
|
|
*/
|
|
maximum: NaN,
|
|
|
|
/**
|
|
* The spacing between major intervals on this axis.
|
|
*
|
|
* @property majorUnit
|
|
* @type Number
|
|
*/
|
|
majorUnit: NaN,
|
|
|
|
/**
|
|
* The spacing between minor intervals on this axis.
|
|
*
|
|
* @property minorUnit
|
|
* @type Number
|
|
*/
|
|
minorUnit: NaN,
|
|
|
|
/**
|
|
* 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,
|
|
|
|
/**
|
|
* If true, and the bounds are calculated automatically, either the minimum
|
|
* or maximum will be set to zero.
|
|
*
|
|
* @property alwaysShowZero
|
|
* @type Boolean
|
|
*/
|
|
alwaysShowZero: true,
|
|
|
|
/**
|
|
* The scaling algorithm to use on this axis. May be "linear" or
|
|
* "logarithmic".
|
|
*
|
|
* @property scale
|
|
* @type String
|
|
*/
|
|
scale: "linear",
|
|
|
|
/**
|
|
* Indicates whether to round the major unit.
|
|
*
|
|
* @property roundMajorUnit
|
|
* @type Boolean
|
|
*/
|
|
roundMajorUnit: true,
|
|
|
|
/**
|
|
* Indicates whether to factor in the size of the labels when calculating a
|
|
* major unit.
|
|
*
|
|
* @property calculateByLabelSize
|
|
* @type Boolean
|
|
*/
|
|
calculateByLabelSize: true,
|
|
|
|
/**
|
|
* Indicates the position of the axis relative to the chart
|
|
*
|
|
* @property position
|
|
* @type String
|
|
*/
|
|
position: 'left',
|
|
|
|
/**
|
|
* Indicates whether to extend maximum beyond data's maximum to the nearest
|
|
* majorUnit.
|
|
*
|
|
* @property adjustMaximumByMajorUnit
|
|
* @type Boolean
|
|
*/
|
|
adjustMaximumByMajorUnit: true,
|
|
|
|
/**
|
|
* Indicates whether to extend the minimum beyond data's minimum to the
|
|
* nearest majorUnit.
|
|
*
|
|
* @property adjustMinimumByMajorUnit
|
|
* @type Boolean
|
|
*/
|
|
adjustMinimumByMajorUnit: true
|
|
|
|
});
|
|
|
|
/**
|
|
* @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, {
|
|
type: "time",
|
|
|
|
/**
|
|
* The minimum value drawn by the axis. If not set explicitly, the axis
|
|
* minimum will be calculated automatically.
|
|
*
|
|
* @property minimum
|
|
* @type Date
|
|
*/
|
|
minimum: null,
|
|
|
|
/**
|
|
* The maximum value drawn by the axis. If not set explicitly, the axis
|
|
* maximum will be calculated automatically.
|
|
*
|
|
* @property maximum
|
|
* @type Number
|
|
*/
|
|
maximum: null,
|
|
|
|
/**
|
|
* The spacing between major intervals on this axis.
|
|
*
|
|
* @property majorUnit
|
|
* @type Number
|
|
*/
|
|
majorUnit: NaN,
|
|
|
|
/**
|
|
* The time unit used by the majorUnit.
|
|
*
|
|
* @property majorTimeUnit
|
|
* @type String
|
|
*/
|
|
majorTimeUnit: null,
|
|
|
|
/**
|
|
* The spacing between minor intervals on this axis.
|
|
*
|
|
* @property majorUnit
|
|
* @type Number
|
|
*/
|
|
minorUnit: NaN,
|
|
|
|
/**
|
|
* The time unit used by the minorUnit.
|
|
*
|
|
* @property majorTimeUnit
|
|
* @type String
|
|
*/
|
|
minorTimeUnit: null,
|
|
|
|
/**
|
|
* 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,
|
|
|
|
/**
|
|
* Series that are stackable will only stack when this value is set to true.
|
|
*
|
|
* @property stackingEnabled
|
|
* @type Boolean
|
|
*/
|
|
stackingEnabled: false,
|
|
|
|
/**
|
|
* Indicates whether to factor in the size of the labels when calculating a
|
|
* major unit.
|
|
*
|
|
* @property calculateByLabelSize
|
|
* @type Boolean
|
|
*/
|
|
calculateByLabelSize: true
|
|
|
|
});
|
|
|
|
/**
|
|
* @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, {
|
|
type: "category",
|
|
|
|
/**
|
|
* A list of category names to display along this axis.
|
|
*
|
|
* @property categoryNames
|
|
* @type Array
|
|
*/
|
|
categoryNames: null,
|
|
|
|
/**
|
|
* 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
|
|
|
|
});
|
|
|
|
/**
|
|
* @class Ext.chart.Series
|
|
* Series class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.Series = function(config) { Ext.apply(this, config); };
|
|
|
|
Ext.chart.Series.prototype =
|
|
{
|
|
/**
|
|
* The type of series.
|
|
*
|
|
* @property type
|
|
* @type String
|
|
*/
|
|
type: null,
|
|
|
|
/**
|
|
* The human-readable name of the series.
|
|
*
|
|
* @property displayName
|
|
* @type String
|
|
*/
|
|
displayName: null
|
|
};
|
|
|
|
/**
|
|
* @class Ext.chart.CartesianSeries
|
|
* @extends Ext.chart.Series
|
|
* CartesianSeries class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.CartesianSeries = Ext.extend(Ext.chart.Series, {
|
|
/**
|
|
* The field used to access the x-axis value from the items from the data
|
|
* source.
|
|
*
|
|
* @property xField
|
|
* @type String
|
|
*/
|
|
xField: null,
|
|
|
|
/**
|
|
* The field used to access the y-axis value from the items from the data
|
|
* source.
|
|
*
|
|
* @property yField
|
|
* @type String
|
|
*/
|
|
yField: null,
|
|
|
|
/**
|
|
* False to not show this series in the legend. Defaults to <tt>true</tt>.
|
|
*
|
|
* @property showInLegend
|
|
* @type Boolean
|
|
*/
|
|
showInLegend: true,
|
|
|
|
/**
|
|
* Indicates which axis the series will bind to
|
|
*
|
|
* @property axis
|
|
* @type String
|
|
*/
|
|
axis: 'primary'
|
|
});
|
|
|
|
/**
|
|
* @class Ext.chart.ColumnSeries
|
|
* @extends Ext.chart.CartesianSeries
|
|
* ColumnSeries class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.ColumnSeries = Ext.extend(Ext.chart.CartesianSeries, {
|
|
type: "column"
|
|
});
|
|
|
|
/**
|
|
* @class Ext.chart.LineSeries
|
|
* @extends Ext.chart.CartesianSeries
|
|
* LineSeries class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.LineSeries = Ext.extend(Ext.chart.CartesianSeries, {
|
|
type: "line"
|
|
});
|
|
|
|
/**
|
|
* @class Ext.chart.BarSeries
|
|
* @extends Ext.chart.CartesianSeries
|
|
* BarSeries class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.BarSeries = Ext.extend(Ext.chart.CartesianSeries, {
|
|
type: "bar"
|
|
});
|
|
|
|
|
|
/**
|
|
* @class Ext.chart.PieSeries
|
|
* @extends Ext.chart.Series
|
|
* PieSeries class for the charts widget.
|
|
* @constructor
|
|
*/
|
|
Ext.chart.PieSeries = Ext.extend(Ext.chart.Series, {
|
|
type: "pie",
|
|
dataField: null,
|
|
categoryField: null
|
|
});
|