diff options
Diffstat (limited to 'addons/base_graph/static/lib/dhtmlxGraph/codebase')
8 files changed, 8630 insertions, 0 deletions
diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css new file mode 100644 index 00000000000..b27bee2b915 --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css @@ -0,0 +1,15 @@ +/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
+.dhx_tooltip{display:none;position:absolute;font-family:Tahoma;font-size:8pt;z-index:10000;background-color:white;padding:2px 2px 2px 2px;border:1px solid #A4BED4;} +.dhx_chart{position:relative;font-family:Verdana;font-size:13px;color:#000;overflow:hidden;} +.dhx_canvas_text{position:absolute;text-align:center;white-space:nowrap;} +.dhx_map_img{width:100%;height:100%;position:absolute;top:0;left:0;border:0;filter:alpha(opacity=0);} +.dhx_axis_item_y{position:absolute;height:10px;line-height:10px;text-align:right;} +.dhx_axis_title_y{text-align:center;font-family:Verdana;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-o-transform:rotate(-90deg);padding-left:3px;} +.dhx_axis_item_x{text-align:center;font-size:8pt;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-o-transform:rotate(-60deg);padding-left:3px;} +.dhx_axis_title_x{text-align:center;} +.dhx_chart_legend{position:absolute;} +.dhx_chart_legend_item{height:18px;line-height:18px;padding:2px;} diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js new file mode 100644 index 00000000000..b00de297737 --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js @@ -0,0 +1,2711 @@ +/* +Copyright dhtmlxchart LTD. http://www.dhtmlxchart.com +You allowed to use this component or parts of it under GPL terms +To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlxchart.com +*/ +window.dhtmlxchart || (dhtmlxchart = {}); +dhtmlxchart.version = "3.0"; +dhtmlxchart.codebase = "./"; +dhtmlxchart.extend = function (a, b) { + for (var c in b) a[c] = b[c]; + b.k && a.k(); + return a +}; +dhtmlxchart.proto_extend = function () { + for (var a = arguments, b = a[0], c = [], d = a.length - 1; d > 0; d--) { + if (typeof a[d] == "function") a[d] = a[d].prototype; + for (var e in a[d]) if (e == "_init") c.push(a[d][e]); + else b[e] || (b[e] = a[d][e]) + } + a[0].k && c.push(a[0].k); + b.k = function () { + for (var g = 0; g < c.length; g++) c[g].apply(this, arguments) + }; + b.base = a[1]; + var f = function (g) { + this.k(g); + this.B && this.B(g, this.defaults) + }; + f.prototype = b; + b = a = null; + return f +}; +dhtmlxchart.bind = function (a, b) { + return function () { + return a.apply(b, arguments) + } +}; +dhtmlxchart.require = function (a) { + if (!dhtmlxchart.ia[a]) { + dhtmlxchart.exec(dhtmlxchart.ajax().sync().get(dhtmlxchart.codebase + a).responseText); + dhtmlxchart.ia[a] = true + } +}; +dhtmlxchart.ia = {}; +dhtmlxchart.exec = function (a) { + window.execScript ? window.execScript(a) : window.eval(a) +}; +dhtmlxchart.methodPush = function (a, b) { + return function () { + var c = false; + return c = a[b].apply(a, arguments) + } +}; +dhtmlxchart.isNotDefined = function (a) { + return typeof a == "undefined" +}; +dhtmlxchart.delay = function (a, b, c, d) { + setTimeout(function () { + var e = a.apply(b, c); + a = b = c = null; + return e + }, d || 1) +}; +dhtmlxchart.uid = function () { + if (!this.S) this.S = (new Date).valueOf(); + this.S++; + return this.S +}; +dhtmlxchart.toNode = function (a) { + if (typeof a == "string") return document.getElementById(a); + return a +}; +dhtmlxchart.toArray = function (a) { + return dhtmlxchart.extend(a || [], dhtmlxchart.PowerArray) +}; +dhtmlxchart.toFunctor = function (a) { + return typeof a == "string" ? eval(a) : a +}; +dhtmlxchart.j = {}; +dhtmlxchart.event = function (a, b, c, d) { + a = dhtmlxchart.toNode(a); + var e = dhtmlxchart.uid(); + dhtmlxchart.j[e] = [a, b, c]; + if (d) c = dhtmlxchart.bind(c, d); + if (a.addEventListener) a.addEventListener(b, c, false); + else a.attachEvent && a.attachEvent("on" + b, c); + return e +}; +dhtmlxchart.eventRemove = function (a) { + if (a) { + var b = dhtmlxchart.j[a]; + if (b[0].removeEventListener) b[0].removeEventListener(b[1], b[2], false); + else b[0].detachEvent && b[0].detachEvent("on" + b[1], b[2]); + delete this.j[a] + } +}; +dhtmlxchart.EventSystem = { + k: function () { + this.j = {}; + this.A = {}; + this.s = {} + }, + block: function () { + this.j.V = true + }, + unblock: function () { + this.j.V = false + }, + mapEvent: function (a) { + dhtmlxchart.extend(this.s, a) + }, + callEvent: function (a, b) { + if (this.j.V) return true; + a = a.toLowerCase(); + var c = this.j[a.toLowerCase()], + d = true; + if (c) for (var e = 0; e < c.length; e++) if (c[e].apply(this, b || []) === false) d = false; + if (this.s[a] && !this.s[a].callEvent(a, b)) d = false; + return d + }, + attachEvent: function (a, b, c) { + a = a.toLowerCase(); + c = c || dhtmlxchart.uid(); + b = dhtmlxchart.toFunctor(b); + var d = this.j[a] || dhtmlxchart.toArray(); + d.push(b); + this.j[a] = d; + this.A[c] = { + f: b, + t: a + }; + return c + }, + detachEvent: function (a) { + var b = this.A[a].t, + c = this.A[a].f; + b = this.j[b]; + b.remove(c); + delete this.A[a] + } +}; +dhtmlxchart.PowerArray = { + removeAt: function (a, b) { + if (a >= 0) this.splice(a, b || 1) + }, + remove: function (a) { + this.removeAt(this.find(a)) + }, + insertAt: function (a, b) { + if (!b && b !== 0) this.push(a); + else { + var c = this.splice(b, this.length - b); + this[b] = a; + this.push.apply(this, c) + } + }, + find: function (a) { + for (i = 0; i < this.length; i++) if (a == this[i]) return i; + return -1 + }, + each: function (a, b) { + for (var c = 0; c < this.length; c++) a.call(b || this, this[c]) + }, + map: function (a, b) { + for (var c = 0; c < this.length; c++) this[c] = a.call(b || this, this[c]); + return this + } +}; +dhtmlxchart.env = {}; +if (navigator.userAgent.indexOf("Opera") != -1) dhtmlxchart.Ma = true; +else { + dhtmlxchart.r = !! document.all; + dhtmlxchart.La = !document.all; + dhtmlxchart.Na = navigator.userAgent.indexOf("KHTML") != -1; + if (navigator.appVersion.indexOf("MSIE 8.0") != -1 && document.compatMode != "BackCompat") dhtmlxchart.r = 8 +} +dhtmlxchart.env = {}; +(function () { + dhtmlxchart.env.transform = false; + dhtmlxchart.env.transition = false; + var a = {}; + a.names = ["transform", "transition"]; + a.transform = ["transform", "WebkitTransform", "MozTransform", "oTransform"]; + a.transition = ["transition", "WebkitTransition", "MozTransition", "oTransition"]; + for (var b = document.createElement("DIV"), c = 0; c < a.names.length; c++) for (; p = a[a.names[c]].pop();) if (typeof b.style[p] != "undefined") dhtmlxchart.env[a.names[c]] = true +})(); +dhtmlxchart.env.transform_prefix = function () { + var a; + if (dhtmlxchart.Ma) a = "-o-"; + else { + a = ""; + if (dhtmlxchart.La) a = "-moz-"; + if (dhtmlxchart.Na) a = "-webkit-" + } + return a +}(); +dhtmlxchart.env.svg = function () { + return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") +}(); +dhtmlxchart.zIndex = { + drag: 1E4 +}; +dhtmlxchart.html = { + create: function (a, b, c) { + b = b || {}; + var d = document.createElement(a); + for (var e in b) d.setAttribute(e, b[e]); + if (b.style) d.style.cssText = b.style; + if (b["class"]) d.className = b["class"]; + if (c) d.innerHTML = c; + return d + }, + getValue: function (a) { + a = dhtmlxchart.toNode(a); + if (!a) return ""; + return dhtmlxchart.isNotDefined(a.value) ? a.innerHTML : a.value + }, + remove: function (a) { + if (a instanceof Array) for (var b = 0; b < a.length; b++) this.remove(a[b]); + else a && a.parentNode && a.parentNode.removeChild(a) + }, + insertBefore: function (a, b, c) { + if (a) b ? b.parentNode.insertBefore(a, b) : c.appendChild(a) + }, + locate: function (a, b) { + a = a || event; + for (var c = a.target || a.srcElement; c;) { + if (c.getAttribute) { + var d = c.getAttribute(b); + if (d) return d + } + c = c.parentNode + } + return null + }, + offset: function (a) { + if (a.getBoundingClientRect) { + var b = a.getBoundingClientRect(), + c = document.body, + d = document.documentElement, + e = window.pageYOffset || d.scrollTop || c.scrollTop, + f = window.pageXOffset || d.scrollLeft || c.scrollLeft, + g = d.clientTop || c.clientTop || 0, + i = d.clientLeft || c.clientLeft || 0, + j = b.top + e - g, + k = b.left + f - i; + return { + y: Math.round(j), + x: Math.round(k) + } + } else { + for (k = j = 0; a;) { + j += parseInt(a.offsetTop, 10); + k += parseInt(a.offsetLeft, 10); + a = a.offsetParent + } + return { + y: j, + x: k + } + } + }, + pos: function (a) { + a = a || event; + if (a.pageX || a.pageY) return { + x: a.pageX, + y: a.pageY + }; + var b = dhtmlxchart.r && document.compatMode != "BackCompat" ? document.documentElement : document.body; + return { + x: a.clientX + b.scrollLeft - b.clientLeft, + y: a.clientY + b.scrollTop - b.clientTop + } + }, + preventEvent: function (a) { + a && a.preventDefault && a.preventDefault(); + dhtmlxchart.html.stopEvent(a) + }, + stopEvent: function (a) { + (a || event).cancelBubble = true; + return false + }, + addCss: function (a, b) { + a.className += " " + b + }, + removeCss: function (a, b) { + a.className = a.className.replace(RegExp(b, "g"), "") + } +}; +(function () { + var a = document.getElementsByTagName("SCRIPT"); + if (a.length) { + a = (a[a.length - 1].getAttribute("src") || "").split("/"); + a.splice(a.length - 1, 1); + dhtmlxchart.codebase = a.slice(0, a.length).join("/") + "/" + } +})(); +dhtmlxchart.ui = {}; +dhtmlxchart.Destruction = { + k: function () { + dhtmlxchart.destructors.push(this) + }, + destructor: function () { + this.destructor = function () {}; + this.ib = this.v = null; + this.ga && document.body.appendChild(this.ga); + this.ga = null; + if (this.g) { + this.g.innerHTML = ""; + this.g.v = null + } + this.data = this.g = this.L = null; + this.j = this.A = {} + } +}; +dhtmlxchart.destructors = []; +dhtmlxchart.event(window, "unload", function () { + for (var a = 0; a < dhtmlxchart.destructors.length; a++) dhtmlxchart.destructors[a].destructor(); + dhtmlxchart.destructors = []; + for (var b in dhtmlxchart.j) { + a = dhtmlxchart.j[b]; + if (a[0].removeEventListener) a[0].removeEventListener(a[1], a[2], false); + else a[0].detachEvent && a[0].detachEvent("on" + a[1], a[2]); + delete dhtmlxchart.j[b] + } +}); +dhtmlxchart.math = {}; +dhtmlxchart.math.gb = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"]; +dhtmlxchart.math.toHex = function (a, b) { + a = parseInt(a, 10); + for (str = ""; a > 0;) { + str = this.gb[a % 16] + str; + a = Math.floor(a / 16) + } + for (; str.length < b;) str = "0" + str; + return str +}; +dhtmlxchart.ui.Map = function (a) { + this.name = "Map"; + this.q = "map_" + dhtmlxchart.uid(); + this.Qa = a; + this.s = [] +}; +dhtmlxchart.ui.Map.prototype = { + addRect: function (a, b, c) { + this.Y(a, "RECT", b, c) + }, + addPoly: function (a, b) { + this.Y(a, "POLY", b) + }, + Y: function (a, b, c, d) { + var e = ""; + if (arguments.length == 4) e = "userdata='" + d + "'"; + this.s.push("<area " + this.Qa + "='" + a + "' shape='" + b + "' coords='" + c.join() + "' " + e + "></area>") + }, + addSector: function (a, b, c, d, e, f, g) { + var i = []; + i.push(d); + i.push(Math.floor(e * g)); + for (var j = b; j < c; j += Math.PI / 18) { + i.push(Math.floor(d + f * Math.cos(j))); + i.push(Math.floor((e + f * Math.sin(j)) * g)) + } + i.push(Math.floor(d + f * Math.cos(c))); + i.push(Math.floor((e + f * Math.sin(c)) * g)); + i.push(d); + i.push(Math.floor(e * g)); + return this.addPoly(a, i) + }, + render: function (a) { + var b = dhtmlxchart.html.create("DIV"); + b.style.cssText = "position:absolute; width:100%; height:100%; top:0px; left:0px;"; + a.appendChild(b); + var c = dhtmlxchart.r ? "" : "src='data:image/gif;base64,R0lGODlhEgASAIAAAP///////yH5BAUUAAEALAAAAAASABIAAAIPjI+py+0Po5y02ouz3pwXADs='"; + b.innerHTML = "<map id='" + this.q + "' name='" + this.q + "'>" + this.s.join("\n") + "</map><img " + c + " class='dhx_map_img' usemap='#" + this.q + "'>"; + a.v = b; + this.s = [] + } +}; +dhtmlxchart.chart = {}; +dhtmlxchart.chart.area = { + pvt_render_area: function (a, b, c, d, e, f) { + var g = this.C(a, b, c, d, e), + i = Math.floor(g.cellWidth / 2); + if (b.length) { + a.globalAlpha = this.e.alpha.call(this, b[0]); + a.fillStyle = this.e.color.call(this, b[0]); + var j = this.p(b[0], c, d, g), + k = this.e.offset ? c.x + g.cellWidth * 0.5 : c.x; + a.beginPath(); + a.moveTo(k, d.y); + a.lineTo(k, j); + f.addRect(b[0].id, [k - i, j - i, k + i, j + i]); + this.e.yAxis || this.renderTextAt(false, !this.e.offset ? false : true, k, j - this.e.labelOffset, this.e.label(b[0])); + for (var h = 1; h < b.length; h++) { + var m = k + Math.floor(g.cellWidth * h) - 0.5, + l = this.p(b[h], c, d, g); + a.lineTo(m, l); + f.addRect(b[h].id, [m - i, l - i, m + i, l + i]); + this.e.yAxis || this.renderTextAt(false, !this.e.offset && h == b.length - 1 ? "left" : "center", m, l - this.e.labelOffset, this.e.label(b[h])) + } + a.lineTo(k + Math.floor(g.cellWidth * [b.length - 1]), d.y); + a.lineTo(k, d.y); + a.fill() + } + } +}; +dhtmlxchart.chart.stackedArea = { + pvt_render_stackedArea: function (a, b, c, d, e, f) { + var g = this.C(a, b, c, d, e), + i = Math.floor(g.cellWidth / 2), + j = []; + if (b.length) { + a.globalAlpha = this.e.alpha.call(this, b[0]); + a.fillStyle = this.e.color.call(this, b[0]); + var k = e ? b[0].$startY : d.y, + h = this.e.offset ? c.x + g.cellWidth * 0.5 : c.x, + m = this.p(b[0], c, d, g) - (e ? d.y - k : 0); + j[0] = m; + a.beginPath(); + a.moveTo(h, k); + a.lineTo(h, m); + f.addRect(b[0].id, [h - i, m - i, h + i, m + i]); + this.e.yAxis || this.renderTextAt(false, true, h, m - this.e.labelOffset, this.e.label(b[0])); + for (var l = 1; l < b.length; l++) { + var n = h + Math.floor(g.cellWidth * l) - 0.5, + o = this.p(b[l], c, d, g) - (e ? d.y - b[l].$startY : 0); + j[l] = o; + a.lineTo(n, o); + f.addRect(b[l].id, [n - i, o - i, n + i, o + i]); + this.e.yAxis || this.renderTextAt(false, true, n, o - this.e.labelOffset, this.e.label(b[l])) + } + a.lineTo(h + Math.floor(g.cellWidth * [b.length - 1]), k); + if (e) for (l = b.length - 1; l >= 0; l--) { + n = h + Math.floor(g.cellWidth * l) - 0.5; + var s = b[l].$startY; + a.lineTo(n, s) + } else a.lineTo(h + Math.floor(g.cellWidth * (length - 1)) - 0.5, k); + a.lineTo(h, k); + a.fill(); + for (l = 0; l < b.length; l++) b[l].$startY = j[l] + } + } +}; +dhtmlxchart.chart.spline = { + pvt_render_spline: function (a, b, c, d, e) { + var f = this.C(a, b, c, d, e); + Math.floor(f.cellWidth / 2); + var g = []; + if (b.length) { + var i = this.e.offset ? c.x + f.cellWidth * 0.5 : c.x; + for (e = 0; e < b.length; e++) { + var j = !e ? i : Math.floor(f.cellWidth * e) - 0.5 + i, + k = this.p(b[e], c, d, f); + g.push({ + x: j, + y: k + }) + } + var h = this.Ia(g); + for (e = 0; e < g.length - 1; e++) { + var m = g[e].x; + c = g[e].y; + for (var l = g[e + 1].x, n = g[e + 1].y, o = m; o < l; o++) this.i(a, o, this.P(o, m, e, h.a, h.b, h.c, h.d), o + 1, this.P(o + 1, m, e, h.a, h.b, h.c, h.d), this.e.line.color(b[e]), this.e.line.width); + this.i(a, l - 1, this.P(o, m, e, h.a, h.b, h.c, h.d), l, n, this.e.line.color(b[e]), this.e.line.width); + this.M(a, m, c, b[e], this.e.label(b[e])) + } + this.M(a, l, n, b[e], this.e.label(b[e])) + } + }, + Ia: function (a) { + var b, c, d, e, f, g, i, j, k; + b = []; + m = []; + k = a.length; + for (var h = 0; h < k - 1; h++) { + b[h] = a[h + 1].x - a[h].x; + m[h] = (a[h + 1].y - a[h].y) / b[h] + } + c = []; + d = []; + c[0] = 0; + c[1] = 2 * (b[0] + b[1]); + d[0] = 0; + d[1] = 6 * (m[1] - m[0]); + for (h = 2; h < k - 1; h++) { + c[h] = 2 * (b[h - 1] + b[h]) - b[h - 1] * b[h - 1] / c[h - 1]; + d[h] = 6 * (m[h] - m[h - 1]) - b[h - 1] * d[h - 1] / c[h - 1] + } + e = []; + e[k - 1] = e[0] = 0; + for (h = k - 2; h >= 1; h--) e[h] = (d[h] - b[h] * e[h + 1]) / c[h]; + f = []; + g = []; + i = []; + j = []; + for (h = 0; h < k - 1; h++) { + f[h] = a[h].y; + g[h] = -b[h] * e[h + 1] / 6 - b[h] * e[h] / 3 + (a[h + 1].y - a[h].y) / b[h]; + i[h] = e[h] / 2; + j[h] = (e[h + 1] - e[h]) / (6 * b[h]) + } + return { + a: f, + b: g, + c: i, + d: j + } + }, + P: function (a, b, c, d, e, f, g) { + return d[c] + (a - b) * (e[c] + (a - b) * (f[c] + (a - b) * g[c])) + } +}; +dhtmlxchart.chart.barH = { + pvt_render_barH: function (a, b, c, d, e, f) { + var g, i, j, k, h = d.x - c.x, + m = !! this.e.yAxis, + l = this.O("h"); + g = l.max; + i = l.min; + var n = Math.floor((d.y - c.y) / b.length); + e || this.aa(a, b, c, d, i, g, n); + if (m) { + g = parseFloat(this.e.xAxis.end); + i = parseFloat(this.e.xAxis.start) + } + var o = this.z(i, g); + k = o[0]; + j = o[1]; + var s = k ? h / k : 10; + if (!m) { + var t = 10; + s = k ? (h - t) / k : 10 + } + var q = parseInt(this.e.width, 10); + if (q * this.h.length + 4 > n) q = n / this.h.length - 4; + var v = Math.floor((n - q * this.h.length) / 2), + p = typeof this.e.radius != "undefined" ? parseInt(this.e.radius, 10) : Math.round(q / 5), + u = false, + r = this.e.gradient; + if (r && typeof r != "function") { + u = r; + r = false + } else if (r) { + r = a.createLinearGradient(c.x, c.y, d.x, c.y); + this.e.gradient(r) + } + m || this.i(a, c.x - 0.5, c.y, c.x - 0.5, d.y, "#000000", 1); + for (d = 0; d < b.length; d++) { + var w = parseFloat(this.e.value(b[d])); + if (w > g) w = g; + w -= i; + w *= j; + var x = c.x, + y = c.y + v + d * n + (q + 1) * e; + if (w < 0 || this.e.yAxis && w === 0) this.renderTextAt("middle", true, x + 10, y + q / 2 + v, this.e.label(b[d])); + else { + m || (w += t / s); + var B = r || this.e.color.call(this, b[d]); + if (this.e.border) { + a.beginPath(); + a.fillStyle = B; + this.o(a, x, y, q, p, s, w, 0); + a.lineTo(x, 0); + a.fill(); + a.fillStyle = "#000000"; + a.globalAlpha = 0.37; + a.beginPath(); + this.o(a, x, y, q, p, s, w, 0); + a.fill() + } + a.globalAlpha = this.e.alpha.call(this, b[d]); + a.fillStyle = r || this.e.color.call(this, b[d]); + a.beginPath(); + var z = this.o(a, x, y, q, p, s, w, this.e.border ? 1 : 0); + if (r && !u) a.lineTo(c.x + h, y + (this.e.border ? 1 : 0)); + a.fill(); + a.globalAlpha = 1; + if (u != false) { + var A = this.G(a, c.x, y + q, c.x + s * w + 2, y, u, B, "x"); + a.fillStyle = A.gradient; + a.beginPath(); + z = this.o(a, x, y + A.offset, q - A.offset * 2, p, s, w, A.offset); + a.fill(); + a.globalAlpha = 1 + } + this.renderTextAt("middle", false, z[0] + 3, parseInt(y + (z[1] - y) / 2, 10), this.e.label(b[d])); + f.addRect(b[d].id, [x, y, z[0], z[1]], e) + } + } + }, + o: function (a, b, c, d, e, f, g, i) { + var j = 0; + if (e > f * g) { + var k = (e - f * g) / e; + j = -Math.asin(k) + Math.PI / 2 + } + a.moveTo(b, c + i); + var h = b + f * g - e - (e ? 0 : i); + e < f * g && a.lineTo(h, c + i); + f = c + e; + e && a.arc(h, f, e - i, -Math.PI / 2 + j, 0, false); + var m = c + d - e - (e ? 0 : i), + l = h + e - (e ? i : 0); + a.lineTo(l, m); + var n = h; + e && a.arc(n, m, e - i, 0, Math.PI / 2 - j, false); + var o = c + d - i; + a.lineTo(b, o); + a.lineTo(b, c + i); + return [l, o] + }, + aa: function (a, b, c, d, e, f, g) { + this.ya(a, b, c, d, e, f); + this.za(a, b, c, d, g) + }, + za: function (a, b, c, d, e) { + if (this.e.yAxis) { + var f = c.x - 0.5, + g = d.y + 0.5, + i = c.y; + this.i(a, f, g, f, i, this.e.yAxis.color, 1); + for (a = 0; a < b.length; a++) this.renderTextAt("middle", 0, 0, i + e / 2 + a * e, this.e.yAxis.template(b[a]), "dhx_axis_item_y", c.x - 5); + this.pa(c, d) + } + }, + ya: function (a, b, c, d, e, f) { + var g, i = {}, + j = this.e.xAxis; + if (j) { + b = d.y + 0.5; + var k = c.x - 0.5, + h = d.x - 0.5; + this.i(a, k, b, h, b, j.color, 1); + if (j.step) g = parseFloat(j.step); + if (typeof j.step == "undefined" || typeof j.start == "undefined" || typeof j.end == "undefined") { + i = this.W(e, f); + e = i.start; + f = i.end; + g = i.step; + this.e.xAxis.end = f; + this.e.xAxis.start = e; + this.e.xAxis.step = g + } + if (g !== 0) { + for (var m = (h - k) * g / (f - e), l = 0, n = e; n <= f; n += g) { + if (i.fixNum) n = parseFloat((new Number(n)).toFixed(i.fixNum)); + var o = Math.floor(k + l * m) + 0.5; + n != e && j.lines && this.i(a, o, b, o, c.y, this.e.xAxis.color, 0.2); + this.renderTextAt(false, true, o, b + 2, j.template(n.toString()), "dhx_axis_item_x"); + l++ + } + this.renderTextAt(true, false, k, d.y + this.e.padding.bottom - 3, this.e.xAxis.title, "dhx_axis_title_x", d.x - c.x); + j.lines && this.i(a, k, c.y - 0.5, h, c.y - 0.5, this.e.xAxis.color, 0.2) + } + } + } +}; +dhtmlxchart.chart.stackedBarH = { + pvt_render_stackedBarH: function (a, b, c, d, e, f) { + var g, i, j, k, h = d.x - c.x, + m = !! this.e.yAxis; + i = this.Q(b); + g = i.max; + i = i.min; + var l = Math.floor((d.y - c.y) / b.length); + e || this.aa(a, b, c, d, i, g, l); + if (m) { + g = parseFloat(this.e.xAxis.end); + i = parseFloat(this.e.xAxis.start) + } + j = this.z(i, g); + k = j[0]; + j = j[1]; + var n = k ? h / k : 10; + if (!m) { + var o = 10; + n = k ? (h - o) / k : 10 + } + k = parseInt(this.e.width, 10); + if (k + 4 > l) k = l - 4; + var s = Math.floor((l - k) / 2), + t = 0, + q = false, + v = this.e.gradient; + q = false; + if (v = this.e.gradient) q = true; + m || this.i(a, c.x - 0.5, c.y, c.x - 0.5, d.y, "#000000", 1); + for (d = 0; d < b.length; d++) { + if (!e) b[d].$startX = c.x; + var p = parseFloat(this.e.value(b[d])); + if (p > g) p = g; + p -= i; + p *= j; + var u = c.x, + r = c.y + s + d * l; + if (e) u = b[d].$startX; + if (p < 0 || this.e.yAxis && p === 0) this.renderTextAt("middle", true, u + 10, r + k / 2, this.e.label(b[d])); + else { + m || (p += o / n); + var w = this.e.color.call(this, b[d]); + if (this.e.border) { + a.beginPath(); + a.fillStyle = w; + this.o(a, u, r, k, t, n, p, 0); + a.lineTo(u, 0); + a.fill(); + a.fillStyle = "#000000"; + a.globalAlpha = 0.37; + a.beginPath(); + this.o(a, u, r, k, t, n, p, 0); + a.fill() + } + a.globalAlpha = 1; + a.globalAlpha = this.e.alpha.call(this, b[d]); + a.fillStyle = this.e.color.call(this, b[d]); + a.beginPath(); + var x = this.o(a, u, r, k, t, n, p, this.e.border ? 1 : 0); + if (v && !q) a.lineTo(c.x + h, r + (this.e.border ? 1 : 0)); + a.fill(); + if (q != false) { + w = this.G(a, u, r + k, u, r, q, w, "x"); + a.fillStyle = w.gradient; + a.beginPath(); + x = this.o(a, u, r, k, t, n, p, 0); + a.fill(); + a.globalAlpha = 1 + } + this.renderTextAt("middle", true, b[d].$startX + (x[0] - b[d].$startX) / 2 - 1, r + (x[1] - r) / 2, this.e.label(b[d])); + f.addRect(b[d].id, [b[d].$startX, r, x[0], x[1]], e); + b[d].$startX = x[0] + } + } + } +}; +dhtmlxchart.chart.stackedBar = { + pvt_render_stackedBar: function (a, b, c, d, e, f) { + var g, i, j, k = d.y - c.y; + j = !! this.e.yAxis; + var h = !! this.e.xAxis; + i = this.Q(b); + g = i.max; + i = i.min; + var m = Math.floor((d.x - c.x) / b.length); + e || this.N(a, b, c, d, i, g, m); + if (j) { + g = parseFloat(this.e.yAxis.end); + i = parseFloat(this.e.yAxis.start) + } + g = this.z(i, g); + j = g[0]; + g = g[1]; + j = j ? k / j : 10; + var l = parseInt(this.e.width, 10); + if (l + 4 > m) l = m - 4; + var n = Math.floor((m - l) / 2), + o = this.e.gradient ? this.e.gradient : false; + h || this.i(a, c.x, d.y + 0.5, d.x, d.y + 0.5, "#000000", 1); + for (h = 0; h < b.length; h++) { + var s = parseFloat(this.e.value(b[h])); + if (s) { + e || (s -= i); + s *= g; + var t = c.x + n + h * m, + q = d.y; + if (e) q = b[h].$startY; + if (!(q < c.y + 1)) if (s < 0 || this.e.yAxis && s === 0) this.renderTextAt(true, true, t + Math.floor(l / 2), q, this.e.label(b[h])); + else { + var v = this.e.color.call(this, b[h]); + if (this.e.border) { + a.beginPath(); + a.fillStyle = v; + this.I(a, t - 1, q, l + 2, j, s, 0, c.y); + a.lineTo(t, q); + a.fill(); + a.fillStyle = "#000000"; + a.globalAlpha = 0.37; + a.beginPath(); + this.I(a, t - 1, q, l + 2, j, s, 0, c.y); + a.fill() + } + a.globalAlpha = this.e.alpha.call(this, b[h]); + a.fillStyle = this.e.color.call(this, b[h]); + a.beginPath(); + var p = this.I(a, t, q, l, j, s, this.e.border ? 1 : 0, c.y); + a.fill(); + a.globalAlpha = 1; + if (o) { + v = this.G(a, t, q, t + l, p[1], o, v, "y"); + a.fillStyle = v.gradient; + a.beginPath(); + p = this.I(a, t + v.offset, q, l - v.offset * 2, j, s, this.e.border ? 1 : 0, c.y); + a.fill(); + a.globalAlpha = 1 + } + this.renderTextAt(false, true, t + Math.floor(l / 2), p[1] + (q - p[1]) / 2 - 7, this.e.label(b[h])); + f.addRect(b[h].id, [t, p[1], p[0], b[h].$startY || q], e); + b[h].$startY = this.e.border ? p[1] + 1 : p[1] + } + } + } + }, + I: function (a, b, c, d, e, f, g, i) { + a.moveTo(b, c); + f = c - e * f + g; + if (f < i) f = i; + a.lineTo(b, f); + e = b + d; + f = f; + a.lineTo(e, f); + var j = b + d; + a.lineTo(j, c); + a.lineTo(b, c); + return [j, f - 2 * g] + } +}; +dhtmlxchart.chart.line = { + pvt_render_line: function (a, b, c, d, e, f) { + var g = this.C(a, b, c, d, e), + i = Math.floor(g.cellWidth / 2); + if (b.length) for (var j = this.p(b[0], c, d, g), k = this.e.offset ? c.x + g.cellWidth * 0.5 : c.x, h = k, m = 1; m <= b.length; m++) { + var l = Math.floor(g.cellWidth * m) - 0.5 + h; + if (b.length != m) { + var n = this.p(b[m], c, d, g); + this.i(a, k, j, l, n, this.e.line.color(b[m - 1]), this.e.line.width) + } + this.M(a, k, j, b[m - 1], !! this.e.offset); + f.addRect(b[m - 1].id, [k - i, j - i, k + i, j + i], e); + j = n; + k = l + } + }, + M: function (a, b, c, d, e) { + var f = parseInt(this.e.item.radius, 10); + a.lineWidth = parseInt(this.e.item.borderWidth, 10); + a.fillStyle = this.e.item.color(d); + a.strokeStyle = this.e.item.borderColor(d); + a.beginPath(); + a.arc(b, c, f, 0, Math.PI * 2, true); + a.fill(); + a.stroke(); + e && this.renderTextAt(false, true, b, c - f - this.e.labelOffset, this.e.label(d)) + }, + p: function (a, b, c, d) { + var e = d.minValue, + f = d.maxValue, + g = d.unit, + i = d.valueFactor; + a = this.e.value(a); + i = (parseFloat(a) - e) * i; + this.e.yAxis || (i += d.startValue / g); + d = c.y - Math.floor(g * i); + if (i < 0) d = c.y; + if (a > f) d = b.y; + if (a < e) d = c.y; + return d + }, + C: function (a, b, c, d, e) { + var f = {}; + f.totalHeight = d.y - c.y; + f.cellWidth = Math.round((d.x - c.x) / (!this.e.offset ? b.length - 1 : b.length)); + var g = !! this.e.yAxis, + i = this.e.view.indexOf("stacked") != -1 ? this.Q(b) : this.O(); + f.maxValue = i.max; + f.minValue = i.min; + e || this.N(a, b, c, d, f.minValue, f.maxValue, f.cellWidth); + if (g) { + f.maxValue = parseFloat(this.e.yAxis.end); + f.minValue = parseFloat(this.e.yAxis.start) + } + b = this.z(f.minValue, f.maxValue); + a = b[0]; + f.valueFactor = b[1]; + f.unit = a ? f.totalHeight / a : 10; + f.startValue = 0; + if (!g) { + f.startValue = f.unit > 10 ? f.unit : 10; + f.unit = a ? (f.totalHeight - f.startValue) / a : 10 + } + return f + } +}; +dhtmlxchart.chart.bar = { + pvt_render_bar: function (a, b, c, d, e, f) { + var g, i, j, k, h = d.y - c.y, + m = !! this.e.yAxis, + l = !! this.e.xAxis; + i = this.O(); + g = i.max; + i = i.min; + var n = Math.floor((d.x - c.x) / b.length); + !e && !(this.e.origin != "auto" && !m) && this.N(a, b, c, d, i, g, n); + if (m) { + g = parseFloat(this.e.yAxis.end); + i = parseFloat(this.e.yAxis.start) + } + j = this.z(i, g); + k = j[0]; + j = j[1]; + var o = k ? h / k : k; + if (!m && !(this.e.origin != "auto" && l)) { + var s = 10; + o = k ? (h - s) / k : s + }!e && this.e.origin != "auto" && !m && this.e.origin > i && this.ea(a, b, c, d, n, d.y - o * (this.e.origin - i)); + h = parseInt(this.e.width, 10); + if (this.h && h * this.h.length + 4 > n) h = n / this.h.length - 4; + k = Math.floor((n - h * this.h.length) / 2); + var t = typeof this.e.radius != "undefined" ? parseInt(this.e.radius, 10) : Math.round(h / 5), + q = false, + v = this.e.gradient; + if (v && typeof v != "function") { + q = v; + v = false + } else if (v) { + v = a.createLinearGradient(0, d.y, 0, c.y); + this.e.gradient(v) + } + l || this.i(a, c.x, d.y + 0.5, d.x, d.y + 0.5, "#000000", 1); + for (var p = 0; p < b.length; p++) { + var u = parseFloat(this.e.value(b[p])); + if (u > g) u = g; + u -= i; + u *= j; + var r = c.x + k + p * n + (h + 1) * e, + w = d.y; + if (u < 0 || this.e.yAxis && u === 0 && !(this.e.origin != "auto" && this.e.origin > i)) this.renderTextAt(true, true, r + Math.floor(h / 2), w, this.e.label(b[p])); + else { + if (!m && !(this.e.origin != "auto" && l)) u += s / o; + var x = v || this.e.color.call(this, b[p]); + this.e.border && this.wa(a, r, w, h, i, t, o, u, x); + a.globalAlpha = this.e.alpha.call(this, b[p]); + var y = this.va(a, c, r, w, h, i, t, o, u, x, v, q); + a.globalAlpha = 1; + q && this.xa(a, r, w, h, i, t, o, u, x, q); + y[0] != r ? this.renderTextAt(false, true, r + Math.floor(h / 2), y[1], this.e.label(b[p])) : this.renderTextAt(true, true, r + Math.floor(h / 2), y[3], this.e.label(b[p])); + f.addRect(b[p].id, [r, y[3], y[2], y[1]], e) + } + } + }, + K: function (a, b, c, d, e, f, g) { + var i = this.e.xAxis, + j = c; + if (i && this.e.origin != "auto" && this.e.origin > g) { + c -= (this.e.origin - g) * e; + j = c; + d -= this.e.origin - g; + if (d < 0) { + d *= -1; + a.translate(b + f, c); + a.rotate(Math.PI); + c = b = 0 + } + c -= 0.5 + } + return { + value: d, + x0: b, + y0: c, + start: j + } + }, + va: function (a, b, c, d, e, f, g, i, j, k, h, m) { + a.save(); + a.fillStyle = k; + var l = this.K(a, c, d, j, i, e, f); + e = this.H(a, l.x0, l.y0, e, g, i, l.value, this.e.border ? 1 : 0); + if (h && !m) a.lineTo(l.x0 + (this.e.border ? 1 : 0), b.y); + a.fill(); + a.restore(); + a = l.x0; + b = l.x0 != c ? c + e[0] : e[0]; + d = l.x0 != c ? l.start - e[1] : d; + c = l.x0 != c ? l.start : e[1]; + return [a, d, b, c] + }, + wa: function (a, b, c, d, e, f, g, i, j) { + a.save(); + b = this.K(a, b, c, i, g, d, e); + a.fillStyle = j; + this.H(a, b.x0, b.y0, d, f, g, b.value, 0); + a.lineTo(b.x0, 0); + a.fill(); + a.fillStyle = "#000000"; + a.globalAlpha = 0.37; + this.H(a, b.x0, b.y0, d, f, g, b.value, 0); + a.fill(); + a.restore() + }, + xa: function (a, b, c, d, e, f, g, i, j, k) { + a.save(); + b = this.K(a, b, c, i, g, d, e); + j = this.G(a, b.x0, b.y0, b.x0 + d, b.y0 - g * b.value + 2, k, j, "y"); + a.fillStyle = j.gradient; + this.H(a, b.x0 + j.offset, b.y0, d - j.offset * 2, f, g, b.value, j.offset); + a.fill(); + a.restore() + }, + H: function (a, b, c, d, e, f, g, i) { + a.beginPath(); + var j = 0; + if (e > f * g) { + var k = (e - f * g) / e; + j = -Math.acos(k) + Math.PI / 2 + } + a.moveTo(b + i, c); + var h = c - Math.floor(f * g) + e + (e ? 0 : i); + e < f * g && a.lineTo(b + i, h); + f = b + e; + e && a.arc(f, h, e - i, -Math.PI + j, -Math.PI / 2, false); + g = b + d - e - (e ? 0 : i); + f = h - e + (e ? i : 0); + a.lineTo(g, f); + h = h; + e && a.arc(g, h, e - i, -Math.PI / 2, 0 - j, false); + d = b + d - i; + a.lineTo(d, c); + a.lineTo(b + i, c); + return [d, f] + } +}; +dhtmlxchart.chart.pie = { + pvt_render_pie: function (a, b, c, d, e, f) { + this.oa(a, b, c, d, 1, f) + }, + oa: function (a, b, c, d, e, f) { + var g = 0, + i = this.Ha(c, d); + c = this.e.radius ? this.e.radius : i.radius; + this.max(this.e.value); + for (var j = [], k = [], h = 0, m = 0; m < b.length; m++) g += parseFloat(this.e.value(b[m])); + for (m = 0; m < b.length; m++) { + k[m] = parseFloat(this.e.value(b[m])); + j[m] = Math.PI * 2 * (g ? (k[m] + h) / g : 1 / b.length); + h += k[m] + } + d = this.e.x ? this.e.x : i.x; + var l = this.e.y ? this.e.y : i.y; + e == 1 && this.e.shadow && this.ta(a, d, l, c); + l /= e; + var n = -Math.PI / 2; + a.scale(1, e); + for (m = 0; m < b.length; m++) if (k[m]) { + a.lineWidth = 2; + a.beginPath(); + a.moveTo(d, l); + alpha1 = -Math.PI / 2 + j[m] - 1.0E-4; + a.arc(d, l, c, n, alpha1, false); + a.lineTo(d, l); + var o = this.e.color.call(this, b[m]); + a.fillStyle = o; + a.strokeStyle = this.e.lineColor(b[m]); + a.stroke(); + a.fill(); + this.e.pieInnerText && this.ca(d, l, 5 * c / 6, n, alpha1, e, this.e.pieInnerText(b[m], g), true); + this.e.label && this.ca(d, l, c + this.e.labelOffset, n, alpha1, e, this.e.label(b[m])); + if (e != 1) { + this.X(a, d, l, n, alpha1, c, true); + a.fillStyle = "#000000"; + a.globalAlpha = 0.2; + this.X(a, d, l, n, alpha1, c, false); + a.globalAlpha = 1; + a.fillStyle = o + } + f.addSector(b[m].id, n, alpha1, d, l, c, e); + n = alpha1 + } + if (this.e.gradient) { + b = e != 1 ? d + c / 3 : d; + f = e != 1 ? l + c / 3 : l; + this.cb(a, d, l, c, b, f) + } + a.scale(1, 1 / e) + }, + Ha: function (a, b) { + var c = b.x - a.x, + d = b.y - a.y; + b = a.x + c / 2; + a = a.y + d / 2; + var e = Math.min(c / 2, d / 2); + return { + x: b, + y: a, + radius: e + } + }, + X: function (a, b, c, d, e, f, g) { + a.lineWidth = 1; + if (d <= 0 && e >= 0 || d >= 0 && e <= Math.PI || d <= Math.PI && e >= Math.PI) { + if (d <= 0 && e >= 0) { + d = 0; + g = false; + this.da(a, b, c, f, d, e) + } + if (d <= Math.PI && e >= Math.PI) { + e = Math.PI; + g = false; + this.da(a, b, c, f, d, e) + } + var i = (this.e.height || Math.floor(f / 4)) / this.e.cant; + a.beginPath(); + a.arc(b, c, f, d, e, false); + a.lineTo(b + f * Math.cos(e), c + f * Math.sin(e) + i); + a.arc(b, c + i, f, e, d, true); + a.lineTo(b + f * Math.cos(d), c + f * Math.sin(d)); + a.fill(); + g && a.stroke() + } + }, + da: function (a, b, c, d, e, f) { + a.beginPath(); + a.arc(b, c, d, e, f, false); + a.stroke() + }, + ta: function (a, b, c, d) { + for (var e = ["#676767", "#7b7b7b", "#a0a0a0", "#bcbcbc", "#d1d1d1", "#d6d6d6"], f = e.length - 1; f > -1; f--) { + a.beginPath(); + a.fillStyle = e[f]; + a.arc(b + 2, c + 2, d + f, 0, Math.PI * 2, true); + a.fill() + } + }, + Ga: function (a) { + a.addColorStop(0, "#ffffff"); + a.addColorStop(0.7, "#7a7a7a"); + a.addColorStop(1, "#000000"); + return a + }, + cb: function (a, b, c, d, e, f) { + a.globalAlpha = 0.3; + a.beginPath(); + var g; + if (typeof this.e.gradient != "function") { + g = a.createRadialGradient(e, f, d / 4, b, c, d); + g = this.Ga(g) + } else g = this.e.gradient(g); + a.fillStyle = g; + a.arc(b, c, d, 0, Math.PI * 2, true); + a.fill(); + a.globalAlpha = 1 + }, + ca: function (a, b, c, d, e, f, g, i) { + var j = this.renderText(0, 0, g, 0, 1); + if (j) { + var k = j.scrollWidth; + j.style.width = k + "px"; + if (k > a) k = a; + var h = 8; + if (i) h = k / 1.8; + var m = d + (e - d) / 2; + c -= (h - 8) / 2; + var l = -h, + n = -8, + o = "left"; + if (m >= Math.PI / 2 && m < Math.PI) { + l = -k - l + 1; + o = "right" + } + if (m <= 3 * Math.PI / 2 && m >= Math.PI) { + l = -k - l + 1; + o = "right" + } + d = (b + Math.floor(c * Math.sin(m))) * f + n; + h = a + Math.floor((c + h / 2) * Math.cos(m)) + l; + var s = e < Math.PI / 2 + 0.01, + t = m < Math.PI / 2; + if (t && s) h = Math.max(h, a + 3); + else if (!t && !s) h = Math.min(h, a - k); + if (!i && f < 1 && d > b * f) d += this.e.height || Math.floor(c / 4); + j.style.top = d + "px"; + j.style.left = h + "px"; + j.style.width = k + "px"; + j.style.textAlign = o; + j.style.whiteSpace = "nowrap" + } + } +}; +dhtmlxchart.chart.pie3D = { + pvt_render_pie3D: function (a, b, c, d, e, f) { + this.oa(a, b, c, d, this.e.cant, f) + } +}; +dhtmlxchart.Template = { + J: {}, + empty: function () { + return "" + }, + setter: function (a, b) { + return dhtmlxchart.Template.fromHTML(b) + }, + obj_setter: function (a, b) { + var c = dhtmlxchart.Template.setter(a, b), + d = this; + return function () { + return c.apply(d, arguments) + } + }, + fromHTML: function (a) { + if (typeof a == "function") return a; + if (this.J[a]) return this.J[a]; + a = (a || "").toString(); + a = a.replace(/[\r\n]+/g, "\\n"); + a = a.replace(/\{obj\.([^}?]+)\?([^:]*):([^}]*)\}/g, '"+(obj.$1?"$2":"$3")+"'); + a = a.replace(/\{common\.([^}\(]*)\}/g, '"+common.$1+"'); + a = a.replace(/\{common\.([^\}\(]*)\(\)\}/g, '"+(common.$1?common.$1(obj):"")+"'); + a = a.replace(/\{obj\.([^}]*)\}/g, '"+obj.$1+"'); + a = a.replace(/#([a-z0-9_]+)#/gi, '"+obj.$1+"'); + a = a.replace(/\{obj\}/g, '"+obj+"'); + a = a.replace(/\{-obj/g, "{obj"); + a = a.replace(/\{-common/g, "{common"); + a = 'return "' + a + '";'; + return this.J[a] = Function("obj", "common", a) + } +}; +dhtmlxchart.Type = { + add: function (a, b) { + if (!a.types && a.prototype.types) a = a.prototype; + var c = b.name || "default"; + this.T(b); + this.T(b, "edit"); + this.T(b, "loading"); + a.types[c] = dhtmlxchart.extend(dhtmlxchart.extend({}, a.types[c] || this.ua), b); + return c + }, + ua: { + css: "default", + template: function () { + return "" + }, + template_edit: function () { + return "" + }, + template_loading: function () { + return "..." + }, + width: 150, + height: 80, + margin: 5, + padding: 0 + }, + T: function (a, b) { + b = "template" + (b ? "_" + b : ""); + var c = a[b]; + if (c && typeof c == "string") { + if (c.indexOf("->") != -1) { + c = c.split("->"); + switch (c[0]) { + case "html": + c = dhtmlxchart.html.getValue(c[1]).replace(/\"/g, '\\"'); + break; + case "http": + c = (new dhtmlxchart.ajax).sync().get(c[1], { + uid: (new Date).valueOf() + }).responseText; + break; + default: + break + } + } + a[b] = dhtmlxchart.Template.fromHTML(c) + } + } +}; +dhtmlxchart.SingleRender = { + k: function () {}, + fb: function (a) { + return this.type.Pa(a, this.type) + this.type.template(a, this.type) + this.type.Oa + }, + render: function () { + if (!this.callEvent || this.callEvent("onBeforeRender", [this.data])) { + if (this.data) this.L.innerHTML = this.fb(this.data); + this.callEvent && this.callEvent("onAfterRender", []) + } + } +}; +dhtmlxchart.ui.Tooltip = function (a) { + this.name = "Tooltip"; + this.version = "3.0"; + if (typeof a == "string") a = { + template: a + }; + dhtmlxchart.extend(this, dhtmlxchart.Settings); + dhtmlxchart.extend(this, dhtmlxchart.SingleRender); + this.B(a, { + type: "default", + dy: 0, + dx: 20 + }); + this.L = this.g = document.createElement("DIV"); + this.g.className = "dhx_tooltip"; + dhtmlxchart.html.insertBefore(this.g, document.body.firstChild) +}; +dhtmlxchart.ui.Tooltip.prototype = { + show: function (a, b) { + if (!this.$) { + if (this.data != a) { + this.data = a; + this.render(a) + } + this.g.style.top = b.y + this.e.dy + "px"; + this.g.style.left = b.x + this.e.dx + "px"; + this.g.style.display = "block" + } + }, + hide: function () { + this.data = null; + this.g.style.display = "none" + }, + disable: function () { + this.$ = true + }, + enable: function () { + this.$ = false + }, + types: { + "default": dhtmlxchart.Template.fromHTML("{obj.id}") + }, + template_item_start: dhtmlxchart.Template.empty, + template_item_end: dhtmlxchart.Template.empty +}; +dhtmlxchart.AutoTooltip = { + tooltip_setter: function (a, b) { + var c = new dhtmlxchart.ui.Tooltip(b); + this.attachEvent("onMouseMove", function (d, e) { + c.show(this.get(d), dhtmlxchart.html.pos(e)) + }); + this.attachEvent("onMouseOut", function () { + c.hide() + }); + this.attachEvent("onMouseMoving", function () { + c.hide() + }); + return c + } +}; +dhtmlxchart.DataStore = function () { + this.name = "DataStore"; + dhtmlxchart.extend(this, dhtmlxchart.EventSystem); + this.setDriver("xml"); + this.pull = {}; + this.order = dhtmlxchart.toArray(); + this.sa = false +}; +dhtmlxchart.DataStore.prototype = { + setDriver: function (a) { + this.driver = dhtmlxchart.DataDriver[a] + }, + ra: function (a) { + if (a.item) { + if (!(a.item instanceof Array)) a.item = [a.item]; + for (var b = 0; b < a.item.length; b++) { + var c = a.item[b], + d = this.id(c); + a.item[b] = d; + this.pull[d] = c; + c.parent = a.id; + c.level = a.level + 1; + this.ra(c) + } + } + }, + Xa: function (a) { + for (var b = this.driver.getInfo(a), c = this.driver.getRecords(a), d = (b.u || 0) * 1, e = 0, f = 0; f < c.length; f++) { + var g = this.driver.getDetails(c[f]), + i = this.id(g); + if (!this.pull[i]) { + this.order[e + d] = i; + e++ + } + this.pull[i] = g; + if (this.sa) { + g.level = 1; + this.ra(g) + } + } + for (f = 0; f < b.w; f++) if (!this.order[f]) { + i = dhtmlxchart.uid(); + g = { + id: i, + $template: "loading" + }; + this.pull[i] = g; + this.order[f] = i + } + this.callEvent("onStoreLoad", [this.driver, a]); + this.refresh() + }, + id: function (a) { + return a.id || (a.id = dhtmlxchart.uid()) + }, + get: function (a) { + return this.pull[a] + }, + set: function (a, b) { + this.pull[a] = b; + this.refresh() + }, + refresh: function (a) { + a ? this.callEvent("onStoreUpdated", [a, this.pull[a], "update"]) : this.callEvent("onStoreUpdated", [null, null, null]) + }, + getRange: function (a, b) { + if (arguments.length) { + a = this.indexById(a); + b = this.indexById(b); + if (a > b) { + var c = b; + b = a; + a = c + } + } else { + a = this.min || 0; + b = Math.min(this.max || Infinity, this.dataCount() - 1) + } + return this.getIndexRange(a, b) + }, + getIndexRange: function (a, b) { + b = Math.min(b, this.dataCount() - 1); + var c = dhtmlxchart.toArray(); + for (a = a; a <= b; a++) c.push(this.get(this.order[a])); + return c + }, + dataCount: function () { + return this.order.length + }, + exists: function (a) { + return !!this.pull[a] + }, + move: function (a, b) { + if (!(a < 0 || b < 0)) { + var c = this.idByIndex(a), + d = this.get(c); + this.order.removeAt(a); + this.order.insertAt(c, Math.min(this.order.length, b)); + this.callEvent("onStoreUpdated", [c, d, "move"]) + } + }, + add: function (a, b) { + var c = this.id(a), + d = this.dataCount(); + if (dhtmlxchart.isNotDefined(b) || b < 0) b = d; + if (b > d) b = Math.min(this.order.length, b); + if (this.callEvent("onbeforeAdd", [c, b])) { + if (this.exists(c)) return null; + this.pull[c] = a; + this.order.insertAt(c, b); + if (this.m) { + var e = this.m.length; + if (!b && this.order.length) e = 0; + this.m.insertAt(c, e) + } + this.callEvent("onafterAdd", [c, b]); + this.callEvent("onStoreUpdated", [c, a, "add"]); + return c + } + }, + remove: function (a) { + if (a instanceof + Array) for (var b = 0; b < a.length; b++) this.remove(a[b]); + else if (this.callEvent("onbeforedelete", [a])) { + if (!this.exists(a)) return null; + b = this.get(a); + this.sa && dhtmlxchart.extend(this.get(b.parent).item, dhtmlxchart.PowerArray).remove(a); + this.order.remove(a); + this.m && this.m.remove(a); + delete this.pull[a]; + this.callEvent("onafterdelete", [a]); + this.callEvent("onStoreUpdated", [a, b, "delete"]) + } + }, + clearAll: function () { + this.pull = {}; + this.order = dhtmlxchart.toArray(); + this.m = null; + this.callEvent("onClearAll", []); + this.refresh() + }, + idByIndex: function (a) { + return this.order[a] + }, + indexById: function (a) { + return a = this.order.find(a) + }, + next: function (a, b) { + return this.order[this.indexById(a) + (b || 1)] + }, + first: function () { + return this.order[0] + }, + last: function () { + return this.order[this.order.length - 1] + }, + previous: function (a, b) { + return this.order[this.indexById(a) - (b || 1)] + }, + sort: function (a, b, c) { + var d = a; + if (typeof a == "function") d = { + as: a, + dir: b + }; + else if (typeof a == "string") d = { + by: a, + dir: b, + as: c + }; + var e = [d.by, d.dir, d.as]; + if (this.callEvent("onbeforesort", e)) { + if (this.order.length) { + var f = dhtmlxchart.sort.create(d), + g = this.getRange(this.first(), this.last()); + g.sort(f); + this.order = g.map(function (i) { + return this.id(i) + }, this) + } + this.refresh(); + this.callEvent("onaftersort", e) + } + }, + filter: function (a, b) { + if (this.m) { + this.order = this.m; + delete this.m + } + if (a) { + var c = a; + if (typeof a == "string") { + a = dhtmlxchart.Template.setter(0, a); + c = function (e, f) { + return a(e).toLowerCase().indexOf(f) != -1 + } + } + b = (b || "").toString().toLowerCase(); + var d = dhtmlxchart.toArray(); + this.order.each(function (e) { + c(this.get(e), b) && d.push(e) + }, this); + this.m = this.order; + this.order = d + } + this.refresh() + }, + each: function (a, b) { + for (var c = 0; c < this.order.length; c++) a.call(b || this, this.get(this.order[c])) + }, + provideApi: function (a, b) { + b && this.mapEvent({ + onbeforesort: a, + onaftersort: a, + onbeforeadd: a, + onafteradd: a, + onbeforedelete: a, + onafterdelete: a + }); + for (var c = ["sort", "add", "remove", "exists", "idByIndex", "indexById", "get", "set", "refresh", "dataCount", "filter", "next", "previous", "clearAll", "first", "last"], d = 0; d < c.length; d++) a[c[d]] = dhtmlxchart.methodPush(this, c[d]) + } +}; +dhtmlxchart.sort = { + create: function (a) { + return dhtmlxchart.sort.dir(a.dir, dhtmlxchart.sort.by(a.by, a.as)) + }, + as: { + "int": function (a, b) { + a *= 1; + b *= 1; + return a > b ? 1 : a < b ? -1 : 0 + }, + string_strict: function (a, b) { + a = a.toString(); + b = b.toString(); + return a > b ? 1 : a < b ? -1 : 0 + }, + string: function (a, b) { + a = a.toString().toLowerCase(); + b = b.toString().toLowerCase(); + return a > b ? 1 : a < b ? -1 : 0 + } + }, + by: function (a, b) { + if (typeof b != "function") b = dhtmlxchart.sort.as[b || "string"]; + a = dhtmlxchart.Template.setter(0, a); + return function (c, d) { + return b(a(c), a(d)) + } + }, + dir: function (a, b) { + if (a == "asc") return b; + return function (c, d) { + return b(c, d) * -1 + } + } +}; +dhtmlxchart.Group = { + k: function () { + this.data.attachEvent("onStoreLoad", dhtmlxchart.bind(function () { + this.e.group && this.group(this.e.group, false) + }, this)); + this.attachEvent("onBeforeRender", dhtmlxchart.bind(function (a) { + if (this.e.sort) { + a.block(); + a.sort(this.e.sort); + a.unblock() + } + }, this)); + this.attachEvent("onBeforeSort", dhtmlxchart.bind(function () { + this.e.sort = null + }, this)) + }, + Ka: function (a, b) { + a.attachEvent("onClearAll", dhtmlxchart.bind(function () { + this.ungroup(false) + }, b)) + }, + sum: function (a, b) { + a = dhtmlxchart.Template.setter(0, a); + b = b || this.data; + var c = 0; + b.each(function (d) { + c += a(d) * 1 + }); + return c + }, + min: function (a, b) { + a = dhtmlxchart.Template.setter(0, a); + b = b || this.data; + var c = Infinity; + b.each(function (d) { + if (a(d) * 1 < c) c = a(d) * 1 + }); + return c * 1 + }, + max: function (a, b) { + a = dhtmlxchart.Template.setter(0, a); + b = b || this.data; + var c = -Infinity; + b.each(function (d) { + if (a(d) * 1 > c) c = a(d) * 1 + }); + return c + }, + db: function (a) { + var b = function (j, k) { + j = dhtmlxchart.Template.setter(0, j); + return j(k[0]) + }, + c = dhtmlxchart.Template.setter(0, a.by); + a.map[c] || (a.map[c] = [c, b]); + var d = {}, + e = []; + this.data.each(function (j) { + var k = c(j); + if (!d[k]) { + e.push({ + id: k + }); + d[k] = dhtmlxchart.toArray() + } + d[k].push(j) + }); + for (var f in a.map) { + var g = a.map[f][1] || b; + if (typeof g != "function") g = this[g]; + for (var i = 0; i < e.length; i++) e[i][f] = g.call(this, a.map[f][0], d[e[i].id]) + } + this.ka = this.data; + this.data = new dhtmlxchart.DataStore; + this.data.provideApi(this, true); + this.Ka(this.data, this); + this.parse(e, "json") + }, + group: function (a, b) { + this.ungroup(false); + this.db(a); + b !== false && this.render() + }, + ungroup: function (a) { + if (this.ka) { + this.data = this.ka; + this.data.provideApi(this, true) + } + a !== false && this.render() + }, + group_setter: function (a, b) { + return b + }, + sort_setter: function (a, b) { + if (typeof b != "object") b = { + by: b + }; + this.n(b, { + as: "string", + dir: "asc" + }); + return b + } +}; +dhtmlxchart.KeyEvents = { + k: function () { + dhtmlxchart.event(this.g, "keypress", this.Ua, this) + }, + Ua: function (a) { + a = a || event; + var b = a.which || a.keyCode; + this.callEvent(this.hb ? "onEditKeyPress" : "onKeyPress", [b, a.ctrlKey, a.shiftKey, a]) + } +}; +dhtmlxchart.MouseEvents = { + k: function () { + if (this.on_click) { + dhtmlxchart.event(this.g, "click", this.Ra, this); + dhtmlxchart.event(this.g, "contextmenu", this.Sa, this) + } + this.on_dblclick && dhtmlxchart.event(this.g, "dblclick", this.Ta, this); + if (this.on_mouse_move) { + dhtmlxchart.event(this.g, "mousemove", this.ma, this); + dhtmlxchart.event(this.g, dhtmlxchart.r ? "mouseleave" : "mouseout", this.ma, this) + } + }, + Ra: function (a) { + return this.R(a, this.on_click, "ItemClick") + }, + Ta: function (a) { + return this.R(a, this.on_dblclick, "ItemDblClick") + }, + Sa: function (a) { + var b = dhtmlxchart.html.locate(a, this.q); + if (b && !this.callEvent("onBeforeContextMenu", [b, a])) return dhtmlxchart.html.preventEvent(a) + }, + ma: function (a) { + if (dhtmlxchart.r) a = document.createEventObject(event); + this.ja && window.clearTimeout(this.ja); + this.callEvent("onMouseMoving", [a]); + this.ja = window.setTimeout(dhtmlxchart.bind(function () { + a.type == "mousemove" ? this.Va(a) : this.Wa(a) + }, this), 500) + }, + Va: function (a) { + this.R(a, this.on_mouse_move, "MouseMove") || this.callEvent("onMouseOut", [a || event]) + }, + Wa: function (a) { + this.callEvent("onMouseOut", [a || event]) + }, + R: function (a, b, c) { + a = a || event; + for (var d = a.target || a.srcElement, e = "", f = null, g = false; d && d.parentNode;) { + if (!g && d.getAttribute) if (f = d.getAttribute(this.q)) { + d.getAttribute("userdata") && this.callEvent("onLocateData", [f, d]); + if (!this.callEvent("on" + c, [f, a, d])) return; + g = true + } + if (e = d.className) { + e = e.split(" "); + e = e[0] || e[1]; + if (b[e]) return b[e].call(this, a, f, d) + } + d = d.parentNode + } + return g + } +}; +dhtmlxchart.Settings = { + k: function () { + this.e = this.config = {} + }, + define: function (a, b) { + if (typeof a == "object") return this.na(a); + return this.Z(a, b) + }, + Z: function (a, b) { + var c = this[a + "_setter"]; + return this.e[a] = c ? c.call(this, a, b) : b + }, + na: function (a) { + if (a) for (var b in a) this.Z(b, a[b]) + }, + B: function (a, b) { + var c = dhtmlxchart.extend({}, b); + typeof a == "object" && !a.tagName && dhtmlxchart.extend(c, a); + this.na(c) + }, + n: function (a, b) { + for (var c in b) switch (typeof a[c]) { + case "object": + a[c] = this.n(a[c] || {}, b[c]); + break; + case "undefined": + a[c] = b[c]; + break; + default: + break + } + return a + }, + Ya: function (a, b, c) { + if (typeof a == "object" && !a.tagName) a = a.container; + this.g = dhtmlxchart.toNode(a); + if (!this.g && c) this.g = c(a); + this.g.className += " " + b; + this.g.onselectstart = function () { + return false + }; + this.L = this.g + }, + bb: function (a) { + if (typeof a == "object") return this.type_setter("type", a); + this.type = dhtmlxchart.extend({}, this.types[a]); + this.customize() + }, + customize: function (a) { + a && dhtmlxchart.extend(this.type, a); + this.type.Pa = dhtmlxchart.Template.fromHTML(this.template_item_start(this.type)); + this.type.Oa = this.template_item_end(this.type); + this.render() + }, + type_setter: function (a, b) { + this.bb(typeof b == "object" ? dhtmlxchart.Type.add(this, b) : b); + return b + }, + template_setter: function (a, b) { + return this.type_setter("type", { + template: b + }) + }, + css_setter: function (a, b) { + this.g.className += " " + b; + return b + } +}; +dhtmlxchart.compat = function (a, b) { + dhtmlxchart.compat[a] && dhtmlxchart.compat[a](b) +}; +(function () { + if (!window.dhtmlxError) { + var a = function () {}; + window.dhtmlxError = { + catchError: a, + throwError: a + }; + window.convertStringToBoolean = function (c) { + return !!c + }; + window.dhtmlxEventable = function (c) { + dhtmlxchart.extend(c, dhtmlxchart.EventSystem) + }; + var b = { + getXMLTopNode: function () {}, + doXPath: function (c) { + return dhtmlxchart.DataDriver.xml.xpath(this.xml, c) + }, + xmlDoc: { + responseXML: true + } + }; + dhtmlxchart.compat.dataProcessor = function (c) { + var d = "_sendData", + e = "_in_progress", + f = "_tMode", + g = "_waitMode"; + c[d] = function (i, j) { + if (i) { + if (j) this[e][j] = (new Date).valueOf(); + if (!this.callEvent("onBeforeDataSending", j ? [j, this.getState(j)] : [])) return false; + var k = this, + h = this.serverProcessor; + this[f] != "POST" ? dhtmlxchart.ajax().get(h + (h.indexOf("?") != -1 ? "&" : "?") + this.serialize(i, j), "", function (m, l) { + b.xml = dhtmlxchart.DataDriver.xml.checkResponse(m, l); + k.afterUpdate(k, null, null, null, b) + }) : dhtmlxchart.ajax().post(h, this.serialize(i, j), function (m, l) { + b.xml = dhtmlxchart.DataDriver.xml.checkResponse(m, l); + k.afterUpdate(k, null, null, null, b) + }); + this[g]++ + } + } + } + } +})(); +if (!dhtmlxchart.attaches) dhtmlxchart.attaches = {}; +dhtmlxchart.attaches.attachAbstract = function (a, b) { + var c = document.createElement("DIV"); + c.id = "CustomObject_" + dhtmlxchart.uid(); + c.style.width = "100%"; + c.style.height = "100%"; + c.cmp = "grid"; + document.body.appendChild(c); + this.attachObject(c.id); + b.container = c.id; + var d = this.vs[this.av]; + d.grid = new window[a](b); + d.gridId = c.id; + d.gridObj = c; + d.grid.setSizes = function () { + this.resize ? this.resize() : this.render() + }; + var e = "_viewRestore"; + return this.vs[this[e]()].grid +}; +dhtmlxchart.attaches.attachDataView = function (a) { + return this.attachAbstract("dhtmlxchartDataView", a) +}; +dhtmlxchart.attaches.attachChart = function (a) { + return this.attachAbstract("dhtmlxchartChart", a) +}; +dhtmlxchart.compat.layout = function () {}; +dhtmlxchart.ajax = function (a, b, c) { + if (arguments.length !== 0) { + var d = new dhtmlxchart.ajax; + if (c) d.master = c; + d.get(a, null, b) + } + if (!this.getXHR) return new dhtmlxchart.ajax; + return this +}; +dhtmlxchart.ajax.prototype = { + getXHR: function () { + return dhtmlxchart.r ? new ActiveXObject("Microsoft.xmlHTTP") : new XMLHttpRequest + }, + send: function (a, b, c) { + var d = this.getXHR(); + if (typeof c == "function") c = [c]; + if (typeof b == "object") { + var e = []; + for (var f in b) e.push(f + "=" + encodeURIComponent(b[f])); + b = e.join("&") + } + if (b && !this.post) { + a = a + (a.indexOf("?") != -1 ? "&" : "?") + b; + b = null + } + d.open(this.post ? "POST" : "GET", a, !this.qa); + this.post && d.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); + if (!this.qa) { + var g = this; + d.onreadystatechange = function () { + if (!d.readyState || d.readyState == 4) { + if (c && g) for (var i = 0; i < c.length; i++) if (c[i]) c[i].call(g.master || g, d.responseText, d.responseXML, d); + c = d = g = g.master = null + } + } + } + d.send(b || null); + return d + }, + get: function (a, b, c) { + this.post = false; + return this.send(a, b, c) + }, + post: function (a, b, c) { + this.post = true; + return this.send(a, b, c) + }, + sync: function () { + this.qa = true; + return this + } +}; +dhtmlxchart.DataLoader = { + k: function () { + this.data = new dhtmlxchart.DataStore + }, + load: function (a, b, c) { + this.callEvent("onXLS", []); + if (typeof b == "string") { + this.data.setDriver(b); + b = c + } + if (!this.data.feed) this.data.feed = function (d, e) { + if (this.F) return this.F = [d, e]; + else this.F = true; + this.load(a + (a.indexOf("?") == -1 ? "?" : "&") + "posStart=" + d + "&count=" + e, function () { + var f = this.F; + this.F = false; + typeof f == "object" && this.data.feed.apply(this, f) + }) + }; + dhtmlxchart.ajax(a, [this.la, b], this) + }, + parse: function (a, b) { + this.callEvent("onXLS", []); + b && this.data.setDriver(b); + this.la(a, null) + }, + la: function (a, b) { + this.data.Xa(this.data.driver.toObject(a, b)); + this.callEvent("onXLE", []) + } +}; +dhtmlxchart.DataDriver = {}; +dhtmlxchart.DataDriver.json = { + toObject: function (a) { + if (typeof a == "string") { + eval("dhtmlxchart.temp=" + a); + return dhtmlxchart.temp + } + return a + }, + getRecords: function (a) { + if (a && !(a instanceof Array)) return [a]; + return a + }, + getDetails: function (a) { + return a + }, + getInfo: function (a) { + return { + w: a.total_count || 0, + u: a.pos || 0 + } + } +}; +dhtmlxchart.DataDriver.html = { + toObject: function (a) { + if (typeof a == "string") { + var b = null; + if (a.indexOf("<") == -1) b = dhtmlxchart.toNode(a); + if (!b) { + b = document.createElement("DIV"); + b.innerHTML = a + } + return b.getElementsByTagName(this.tag) + } + return a + }, + getRecords: function (a) { + if (a.tagName) return a.childNodes; + return a + }, + getDetails: function (a) { + return dhtmlxchart.DataDriver.xml.tagToObject(a) + }, + getInfo: function () { + return { + w: 0, + u: 0 + } + }, + tag: "LI" +}; +dhtmlxchart.DataDriver.jsarray = { + toObject: function (a) { + if (typeof a == "string") { + eval("dhtmlxchart.temp=" + a); + return dhtmlxchart.temp + } + return a + }, + getRecords: function (a) { + return a + }, + getDetails: function (a) { + for (var b = {}, c = 0; c < a.length; c++) b["data" + c] = a[c]; + return b + }, + getInfo: function () { + return { + w: 0, + u: 0 + } + } +}; +dhtmlxchart.DataDriver.csv = { + toObject: function (a) { + return a + }, + getRecords: function (a) { + return a.split(this.row) + }, + getDetails: function (a) { + a = this.stringToArray(a); + for (var b = {}, c = 0; c < a.length; c++) b["data" + c] = a[c]; + return b + }, + getInfo: function () { + return { + w: 0, + u: 0 + } + }, + stringToArray: function (a) { + a = a.split(this.cell); + for (var b = 0; b < a.length; b++) a[b] = a[b].replace(/^[ \t\n\r]*(\"|)/g, "").replace(/(\"|)[ \t\n\r]*$/g, ""); + return a + }, + row: "\n", + cell: "," +}; +dhtmlxchart.DataDriver.xml = { + toObject: function (a, b) { + if (b && (b = this.checkResponse(a, b))) return b; + if (typeof a == "string") return this.fromString(a); + return a + }, + getRecords: function (a) { + return this.xpath(a, this.records) + }, + records: "/*/item", + userdata: "/*/userdata", + getDetails: function (a) { + return this.tagToObject(a, {}) + }, + getUserData: function (a, b) { + b = b || {}; + var c = this.xpath(a, this.userdata); + for (a = 0; a < c.length; a++) { + var d = this.tagToObject(c[a]); + b[d.name] = d.value + } + return b + }, + getInfo: function (a) { + return { + w: a.documentElement.getAttribute("total_count") || 0, + u: a.documentElement.getAttribute("pos") || 0 + } + }, + xpath: function (a, b) { + if (window.XPathResult) { + var c = a; + if (a.nodeName.indexOf("document") == -1) a = a.ownerDocument; + var d = []; + a = a.evaluate(b, c, null, XPathResult.ANY_TYPE, null); + for (b = a.iterateNext(); b;) { + d.push(b); + b = a.iterateNext() + } + return d + } + return a.selectNodes(b) + }, + tagToObject: function (a, b) { + b = b || {}; + for (var c = a.attributes, d = 0; d < c.length; d++) b[c[d].name] = c[d].value; + var e = false, + f = a.childNodes; + for (d = 0; d < f.length; d++) if (f[d].nodeType == 1) { + var g = f[d].tagName; + if (typeof b[g] != "undefined") { + b[g] instanceof Array || (b[g] = [b[g]]); + b[g].push(this.tagToObject(f[d], {})) + } else b[f[d].tagName] = this.tagToObject(f[d], {}); + e = true + } + if (!c.length && !e) return this.nodeValue(a); + b.value = this.nodeValue(a); + return b + }, + nodeValue: function (a) { + if (a.firstChild) return a.firstChild.data; + return "" + }, + fromString: function (a) { + if (window.DOMParser) return (new DOMParser).parseFromString(a, "text/xml"); + if (window.ActiveXObject) { + temp = new ActiveXObject("Microsoft.xmlDOM"); + temp.loadXML(a); + return temp + } + }, + checkResponse: function (a, b) { + if (b && b.firstChild && b.firstChild.tagName != "parsererror") return b; + if (a = this.from_string(a.responseText.replace(/^[\s]+/, ""))) return a + } +}; +dhtmlxchart.DataDriver.dhtmlxgrid = { + Ja: "_get_cell_value", + toObject: function (a) { + return this.fa = a + }, + getRecords: function (a) { + return a.rowsBuffer + }, + getDetails: function (a) { + for (var b = {}, c = 0; c < this.fa.getColumnsNum(); c++) b["data" + c] = this.fa[this.Ja](a, c); + return b + }, + getInfo: function () { + return { + w: 0, + u: 0 + } + } +}; +dhtmlxchart.Canvas = { + k: function () { + this.D = [] + }, + Za: function (a) { + this.l = dhtmlxchart.html.create("canvas", { + width: a.offsetWidth, + height: a.offsetHeight + }); + a.appendChild(this.l); + if (!this.l.getContext) if (dhtmlxchart.r) { + dhtmlxchart.require("thirdparty/excanvas/excanvas.js"); + G_vmlCanvasManager.init_(document); + G_vmlCanvasManager.initElement(this.l) + } + return this.l + }, + getCanvas: function (a) { + return (this.l || this.Za(this.g)).getContext(a || "2d") + }, + ab: function () { + if (this.l) { + this.l.setAttribute("width", this.l.parentNode.offsetWidth); + this.l.setAttribute("height", this.l.parentNode.offsetHeight) + } + }, + renderText: function (a, b, c, d, e) { + if (c) { + a = dhtmlxchart.html.create("DIV", { + "class": "dhx_canvas_text" + (d ? " " + d : ""), + style: "left:" + a + "px; top:" + b + "px;" + }, c); + this.g.appendChild(a); + this.D.push(a); + if (e) a.style.width = e + "px"; + return a + } + }, + renderTextAt: function (a, b, c, d, e, f, g) { + if (e = this.renderText.call(this, c, d, e, f, g)) { + if (a) e.style.top = a == "middle" ? parseInt(d - e.offsetHeight / 2, 10) + "px" : d - e.offsetHeight + "px"; + if (b) e.style.left = b == "left" ? c - e.offsetWidth + "px" : parseInt(c - e.offsetWidth / 2, 10) + "px" + } + return e + }, + clearCanvas: function () { + for (var a = 0; a < this.D.length; a++) this.g.removeChild(this.D[a]); + this.D = []; + if (this.g.v) { + this.g.v.parentNode.removeChild(this.g.v); + this.g.v = null + } + this.getCanvas().clearRect(0, 0, this.l.offsetWidth, this.l.offsetHeight) + } +}; +dhtmlxchartChart = function (a) { + this.name = "Chart"; + this.version = "3.0"; + dhtmlxchart.extend(this, dhtmlxchart.Settings); + this.Ya(a, "dhx_chart"); + dhtmlxchart.extend(this, dhtmlxchart.DataLoader); + this.data.provideApi(this, true); + dhtmlxchart.extend(this, dhtmlxchart.EventSystem); + dhtmlxchart.extend(this, dhtmlxchart.MouseEvents); + dhtmlxchart.extend(this, dhtmlxchart.Destruction); + dhtmlxchart.extend(this, dhtmlxchart.Canvas); + dhtmlxchart.extend(this, dhtmlxchart.Group); + dhtmlxchart.extend(this, dhtmlxchart.AutoTooltip); + for (var b in dhtmlxchart.chart) dhtmlxchart.extend(this, dhtmlxchart.chart[b]); + this.B(a, { + color: "RAINBOW", + alpha: "1", + label: false, + value: "{obj.value}", + padding: {}, + view: "pie", + lineColor: "#ffffff", + cant: 0.5, + width: 15, + labelWidth: 100, + line: {}, + item: {}, + shadow: true, + gradient: false, + border: true, + labelOffset: 20, + origin: "auto" + }); + this.h = [this.e]; + this.data.attachEvent("onStoreUpdated", dhtmlxchart.bind(function () { + this.render() + }, this)); + this.attachEvent("onLocateData", this.eb) +}; +dhtmlxchartChart.prototype = { + q: "dhx_area_id", + on_click: {}, + on_dblclick: {}, + on_mouse_move: {}, + resize: function () { + this.ab(); + this.render() + }, + view_setter: function (a, b) { + if (typeof this.e.offset == "undefined") this.e.offset = b == "area" || b == "stackedArea" ? false : true; + return b + }, + render: function () { + if (this.callEvent("onBeforeRender", [this.data])) { + this.clearCanvas(); + this.e.legend && this.Aa(this.getCanvas(), this.data.getRange(), this.g.offsetWidth, this.g.offsetHeight); + for (var a = this.Fa(this.g.offsetWidth, this.g.offsetHeight), b = new dhtmlxchart.ui.Map(this.q), c = this.e, d = 0; d < this.h.length; d++) { + this.e = this.h[d]; + this["pvt_render_" + this.e.view](this.getCanvas(), this.data.getRange(), a.start, a.end, d, b) + } + b.render(this.g); + this.e = c + } + }, + value_setter: dhtmlxchart.Template.obj_setter, + alpha_setter: dhtmlxchart.Template.obj_setter, + label_setter: dhtmlxchart.Template.obj_setter, + lineColor_setter: dhtmlxchart.Template.obj_setter, + pieInnerText_setter: dhtmlxchart.Template.obj_setter, + gradient_setter: function (a, b) { + if (typeof b != "function" && b && (b === true || b != "3d")) b = "light"; + return b + }, + colormap: { + RAINBOW: function (a) { + a = Math.floor(this.indexById(a.id) / this.dataCount() * 1536); + if (a == 1536) a -= 1; + return this.$a[Math.floor(a / 256)](a % 256) + } + }, + color_setter: function (a, b) { + return this.colormap[b] || dhtmlxchart.Template.obj_setter(a, b) + }, + legend_setter: function (a, b) { + if (typeof b != "object") b = { + template: b + }; + this.n(b, { + width: 150, + height: 18, + layout: "y", + align: "left", + valign: "bottom", + template: "", + marker: { + type: "square", + width: 25, + height: 15 + } + }); + b.template = dhtmlxchart.Template.setter(0, b.template); + return b + }, + item_setter: function (a, b) { + if (typeof b != "object") b = { + color: b, + borderColor: b + }; + this.n(b, { + radius: 4, + color: "#000000", + borderColor: "#000000", + borderWidth: 2 + }); + b.color = dhtmlxchart.Template.setter(0, b.color); + b.borderColor = dhtmlxchart.Template.setter(0, b.borderColor); + return b + }, + line_setter: function (a, b) { + if (typeof b != "object") b = { + color: b + }; + this.n(b, { + width: 3, + color: "#d4d4d4" + }); + b.color = dhtmlxchart.Template.setter(0, b.color); + return b + }, + padding_setter: function (a, b) { + if (typeof b != "object") b = { + left: b, + right: b, + top: b, + bottom: b + }; + this.n(b, { + left: 50, + right: 20, + top: 35, + bottom: 40 + }); + return b + }, + xAxis_setter: function (a, b) { + if (!b) return false; + if (typeof b != "object") b = { + template: b + }; + this.n(b, { + title: "", + color: "#000000", + template: "{obj}", + lines: false + }); + if (b.template) b.template = dhtmlxchart.Template.setter(0, b.template); + return b + }, + yAxis_setter: function (a, b) { + this.n(b, { + title: "", + color: "#000000", + template: "{obj}", + lines: true + }); + if (b.template) b.template = dhtmlxchart.Template.setter(0, b.template); + return b + }, + N: function (a, b, c, d, e, f, g) { + e = this.Ea(a, b, c, d, e, f); + this.ea(a, b, c, d, g, e); + return e + }, + ea: function (a, b, c, d, e, f) { + if (this.e.xAxis) { + var g = c.x - 0.5; + f = parseInt(f ? f : d.y, 10) + 0.5; + var i = d.x, + j, k = true; + this.i(a, g, f, i, f, this.e.xAxis.color, 1); + for (var h = 0; h < b.length; h++) { + if (this.e.offset === true) j = g + e / 2 + h * e; + else { + j = g + h * e; + k = !! h + } + var m = this.e.origin != "auto" && this.e.view == "bar" && parseFloat(this.e.value(b[h])) < this.e.origin; + this.Ca(j, f, b[h], k, m); + this.e.view_setter != "bar" && this.Da(a, j, d.y, c.y) + } + this.renderTextAt(true, false, g, d.y + this.e.padding.bottom - 3, this.e.xAxis.title, "dhx_axis_title_x", d.x - c.x); + this.e.xAxis.lines && this.e.offset && this.i(a, i + 0.5, d.y, i + 0.5, c.y + 0.5, this.e.xAxis.color, 0.2) + } + }, + Ea: function (a, b, c, d, e, f) { + var g; + b = {}; + if (this.e.yAxis) { + var i = c.x - 0.5, + j = d.y, + k = c.y, + h = d.y; + this.i(a, i, j, i, k, this.e.yAxis.color, 1); + if (this.e.yAxis.step) g = parseFloat(this.e.yAxis.step); + if (typeof this.e.yAxis.step == "undefined" || typeof this.e.yAxis.start == "undefined" || typeof this.e.yAxis.end == "undefined") { + b = this.W(e, f); + e = b.start; + f = b.end; + g = b.step; + this.e.yAxis.end = f; + this.e.yAxis.start = e + } + if (g !== 0) { + k = (j - k) * g / (f - e); + for (var m = 0, l = e; l <= f; l += g) { + if (b.fixNum) l = parseFloat((new Number(l)).toFixed(b.fixNum)); + var n = Math.floor(j - m * k) + 0.5; + !(l == e && this.e.origin == "auto") && this.e.yAxis.lines && this.i(a, i, n, d.x, n, this.e.yAxis.color, 0.2); + if (l == this.e.origin) h = n; + this.renderText(0, n - 5, this.e.yAxis.template(l.toString()), "dhx_axis_item_y", c.x - 5); + m++ + } + this.pa(c, d); + return h + } + } + }, + pa: function (a, b) { + if (a = this.renderTextAt("middle", false, 0, parseInt((b.y - a.y) / 2 + a.y, 10), this.e.yAxis.title, "dhx_axis_title_y")) a.style.left = (dhtmlxchart.env.transform ? (a.offsetHeight - a.offsetWidth) / 2 : 0) + "px" + }, + W: function (a, b) { + if (this.e.origin != "auto" && this.e.origin < a) a = this.e.origin; + var c, d, e; + c = (b - a) / 8 || 1; + var f = Math.floor(this.ha(c)), + g = Math.pow(10, f), + i = c / g; + i = i > 5 ? 10 : 5; + c = parseInt(i, 10) * g; + if (c > Math.abs(a)) d = a < 0 ? -c : 0; + else { + var j = Math.abs(a), + k = Math.floor(this.ha(j)), + h = j / Math.pow(10, k); + d = Math.ceil(h * 10) / 10 * Math.pow(10, k) - c; + if (a < 0) d = -d - 2 * c + } + for (e = d; e < b;) { + e += c; + e = parseFloat((new Number(e)).toFixed(Math.abs(f))) + } + return { + start: d, + end: e, + step: c, + fixNum: Math.abs(f) + } + }, + O: function (a) { + var b, c; + if ((c = arguments.length && a == "h" ? this.e.xAxis : this.e.yAxis) && typeof c.end != "undefied" && typeof c.start != "undefied" && c.step) { + b = parseFloat(c.end); + c = parseFloat(c.start) + } else { + b = this.max(this.h[0].value); + c = this.min(this.h[0].value); + if (this.h.length > 1) for (var d = 1; d < this.h.length; d++) { + var e = this.max(this.h[d].value), + f = this.min(this.h[d].value); + if (e > b) b = e; + if (f < c) c = f + } + } + return { + max: b, + min: c + } + }, + ha: function (a) { + var b = "log"; + return Math.floor(Math[b](a) / Math.LN10) + }, + Ca: function (a, b, c, d, e) { + this.e.xAxis && this.renderTextAt(e, d, a, b, this.e.xAxis.template(c), "dhx_axis_item_x") + }, + Da: function (a, b, c, d) { + this.e.xAxis && this.e.xAxis.lines && this.i(a, b, c, b, d, this.e.xAxis.color, 0.2) + }, + i: function (a, b, c, d, e, f, g) { + a.strokeStyle = f; + a.lineWidth = g; + a.beginPath(); + a.moveTo(b, c); + a.lineTo(d, e); + a.stroke() + }, + z: function (a, b) { + var c = 1; + if (b != a) { + a = b - a; + if (Math.abs(a) < 1) for (; Math.abs(a) < 1;) { + c *= 10; + a *= c + } + } else a = a; + return [a, c] + }, + $a: [function (a) { + return "#FF" + dhtmlxchart.math.toHex(a / 2, 2) + "00" + }, function (a) { + return "#FF" + dhtmlxchart.math.toHex(a / 2 + 128, 2) + "00" + }, function (a) { + return "#" + dhtmlxchart.math.toHex(255 - a, 2) + "FF00" + }, function (a) { + return "#00FF" + dhtmlxchart.math.toHex(a, 2) + }, function (a) { + return "#00" + dhtmlxchart.math.toHex(255 - a, 2) + "FF" + }, function (a) { + return "#" + dhtmlxchart.math.toHex(a, 2) + "00FF" + }], + addSeries: function (a) { + var b = this.e; + this.e = dhtmlxchart.extend({}, b); + this.B(a, {}); + this.h.push(this.e); + this.e = b + }, + eb: function (a, b) { + this.U = b.getAttribute("userdata"); + if (this.h[this.U]) { + for (a = 0; a < this.h.length; a++) { + var c = this.h[a].tooltip; + c && c.disable() + }(c = this.h[this.U].tooltip) && c.enable() + } + }, + Aa: function (a, b) { + var c = 0, + d = 0, + e = this.e.legend, + f, g, i = this.e.legend.layout != "x" ? "width:" + e.width + "px" : ""; + if (this.legendObj) this.legendObj.innerHTML = ""; + var j = dhtmlxchart.html.create("DIV", { + "class": "dhx_chart_legend", + style: "position:absolute;left:" + c + "px; top:" + d + "px;" + i + }, ""); + this.legendObj = j; + this.g.appendChild(j); + var k = []; + if (e.values) for (h = 0; h < e.values.length; h++) k.push(this.ba(j, e.values[h].text)); + else for (var h = 0; h < b.length; h++) k.push(this.ba(j, e.template(b[h]))); + g = j.offsetWidth; + f = j.offsetHeight; + this.e.legend.width = g; + this.e.legend.height = f; + if (g < this.g.offsetWidth) { + if (e.layout == "x" && e.align == "center") c = (this.g.offsetWidth - g) / 2; + if (e.align == "right") c = this.g.offsetWidth - g + } + if (f < this.g.offsetHeight) if (e.valign == "middle" && e.align != "center" && e.layout != "x") d = (this.g.offsetHeight - f) / 2; + else if (e.valign == "bottom") d = this.g.offsetHeight - f; + j.style.left = c + "px"; + j.style.top = d + "px"; + for (h = 0; h < k.length; h++) { + var m = k[h], + l = e.values ? e.values[h].color : this.e.color.call(this, b[h]); + this.Ba(a, m.offsetLeft + c, m.offsetTop + d, l) + } + k = null + }, + ba: function (a, b) { + var c = ""; + if (this.e.legend.layout == "x") c = "float:left;"; + b = dhtmlxchart.html.create("DIV", { + style: c + "padding-left:" + (10 + this.e.legend.marker.width) + "px", + "class": "dhx_chart_legend_item" + }, b); + a.appendChild(b); + return b + }, + Ba: function (a, b, c, d) { + var e = this.e.legend; + a.strokeStyle = a.fillStyle = d; + a.lineWidth = e.marker.height; + a.lineCap = e.marker.type; + a.beginPath(); + b += a.lineWidth / 2 + 5; + c += a.lineWidth / 2 + 3; + a.moveTo(b, c); + b = b + e.marker.width - e.marker.height + 1; + a.lineTo(b, c); + a.stroke() + }, + Fa: function (a, b) { + var c, d, e, f; + c = this.e.padding.left; + d = this.e.padding.top; + e = a - this.e.padding.right; + f = b - this.e.padding.bottom; + if (this.e.legend) { + a = this.e.legend; + b = this.e.legend.width; + var g = this.e.legend.height; + if (a.layout == "x") if (a.valign == "center") if (a.align == "right") e -= b; + else { + if (a.align == "left") c += b + } else if (a.valign == "bottom") f -= g; + else d += g; + else if (a.align == "right") e -= b; + else if (a.align == "left") c += b + } + return { + start: { + x: c, + y: d + }, + end: { + x: e, + y: f + } + } + }, + Q: function (a) { + var b, c; + if (this.e.yAxis && typeof this.e.yAxis.end != "undefied" && typeof this.e.yAxis.start != "undefied" && this.e.yAxis.step) { + b = parseFloat(this.e.yAxis.end); + c = parseFloat(this.e.yAxis.start) + } else { + for (var d = 0; d < a.length; d++) { + a[d].$sum = 0; + a[d].$min = Infinity; + for (b = 0; b < this.h.length; b++) { + c = parseFloat(this.h[b].value(a[d])); + if (!isNaN(c)) { + a[d].$sum += c; + if (c < a[d].$min) a[d].$min = c + } + } + } + b = -Infinity; + c = Infinity; + for (d = 0; d < a.length; d++) { + if (a[d].$sum > b) b = a[d].$sum; + if (a[d].$min < c) c = a[d].$min + } + if (c > 0) c = 0 + } + return { + max: b, + min: c + } + }, + G: function (a, b, c, d, e, f, g, i) { + if (f == "light") { + a = i == "x" ? a.createLinearGradient(b, c, d, c) : a.createLinearGradient(b, c, b, e); + a.addColorStop(0, "#FFFFFF"); + a.addColorStop(0.9, g); + a.addColorStop(1, g); + g = 2 + } else { + a.globalAlpha = 0.37; + g = 0; + a = i == "x" ? a.createLinearGradient(b, e, b, c) : a.createLinearGradient(b, c, d, c); + a.addColorStop(0, "#000000"); + a.addColorStop(0.5, "#FFFFFF"); + a.addColorStop(0.6, "#FFFFFF"); + a.addColorStop(1, "#000000") + } + return { + gradient: a, + offset: g + } + } +}; +dhtmlxchart.compat("layout");
\ No newline at end of file diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css new file mode 100644 index 00000000000..c30fbda2da3 --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css @@ -0,0 +1,6 @@ +/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
+/*pure colors*/
/*fonts*/
/*2010 September 28*//* DHX DEPEND FROM FILE 'tooltip.css'*//*style used by tooltip's container*/
.dhx_tooltip{
display:none;
position:absolute;
font-family:Tahoma;
font-size:8pt;
z-index:10000;
background-color:white;
padding:2px 2px 2px 2px;
border:1px solid #A4BED4;
}/* DHX DEPEND FROM FILE 'chart.css'*//*chart container*/
.dhx_chart{
position:relative;
font-family:Verdana;
font-size:13px;
color:#000000;
overflow:hidden;
}
/*labels*/
.dhx_canvas_text{
position:absolute;
text-align:center;
overflow:hidden;
white-space:nowrap;
}
/*map*/
.dhx_map_img{
width : 100%;
height : 100%;
position : absolute;
top : 0px;
left : 0px;
border:0px;
filter:alpha(opacity=0);
}
/*scales*/
.dhx_axis_item_y{
position:absolute;
height:10px;
line-height:10px;
text-align:right;
}
.dhx_axis_title_x{
text-align:center;
}
.dhx_axis_title_y{
text-align:center;
font-family:Verdana;
/*safari*/
-webkit-transform: rotate(-90deg);
/*firefox*/
-moz-transform: rotate(-90deg);
/*IE*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*opera*/
-o-transform:rotate(-90deg);
padding-left:3px;
}
/*legend block*/
.dhx_chart_legend{
position:absolute;
}
.dhx_chart_legend_item{
height:18px;
line-height:18px;
padding: 2px;
}
\ No newline at end of file diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js new file mode 100644 index 00000000000..57e5b5d5b0d --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js @@ -0,0 +1,4737 @@ +/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
+/* +2010 September 30 +*/ + + + +/* DHX DEPEND FROM FILE 'assert.js'*/ + + +if (!window.dhtmlx)
+ dhtmlx={};
+
+//check some rule, show message as error if rule is not correct
+dhtmlx.assert = function(test, message){
+ if (!test) dhtmlx.error(message);
+};
+dhtmlx.assert_enabled=function(){ return false; };
+
+//register names of event, which can be triggered by the object
+dhtmlx.assert_event = function(obj, evs){
+ if (!obj._event_check){
+ obj._event_check = {};
+ obj._event_check_size = {};
+ }
+
+ for (var a in evs){
+ obj._event_check[a.toLowerCase()]=evs[a];
+ var count=-1; for (var t in evs[a]) count++;
+ obj._event_check_size[a.toLowerCase()]=count;
+ }
+};
+dhtmlx.assert_method_info=function(obj, name, descr, rules){
+ var args = [];
+ for (var i=0; i < rules.length; i++) {
+ args.push(rules[i][0]+" : "+rules[i][1]+"\n "+rules[i][2].describe()+(rules[i][3]?"; optional":""));
+ }
+ return obj.name+"."+name+"\n"+descr+"\n Arguments:\n - "+args.join("\n - ");
+};
+dhtmlx.assert_method = function(obj, config){
+ for (var key in config)
+ dhtmlx.assert_method_process(obj, key, config[key].descr, config[key].args, (config[key].min||99), config[key].skip);
+};
+dhtmlx.assert_method_process = function (obj, name, descr, rules, min, skip){
+ var old = obj[name];
+ if (!skip)
+ obj[name] = function(){
+ if (arguments.length != rules.length && arguments.length < min)
+ dhtmlx.log("warn","Incorrect count of parameters\n"+obj[name].describe()+"\n\nExpecting "+rules.length+" but have only "+arguments.length);
+ else
+ for (var i=0; i<rules.length; i++)
+ if (!rules[i][3] && !rules[i][2](arguments[i]))
+ dhtmlx.log("warn","Incorrect method call\n"+obj[name].describe()+"\n\nActual value of "+(i+1)+" parameter: {"+(typeof arguments[i])+"} "+arguments[i]);
+
+ return old.apply(this, arguments);
+ };
+ obj[name].describe = function(){ return dhtmlx.assert_method_info(obj, name, descr, rules); };
+};
+dhtmlx.assert_event_call = function(obj, name, args){
+ if (obj._event_check){
+ if (!obj._event_check[name])
+ dhtmlx.log("warn","Not expected event call :"+name);
+ else if (dhtmlx.isNotDefined(args))
+ dhtmlx.log("warn","Event without parameters :"+name);
+ else if (obj._event_check_size[name] != args.length)
+ dhtmlx.log("warn","Incorrect event call, expected "+obj._event_check_size[name]+" parameter(s), but have "+args.length +" parameter(s), for "+name+" event");
+ }
+};
+dhtmlx.assert_event_attach = function(obj, name){
+ if (obj._event_check && !obj._event_check[name])
+ dhtmlx.log("warn","Unknown event name: "+name);
+};
+//register names of properties, which can be used in object's configuration
+dhtmlx.assert_property = function(obj, evs){
+ if (!obj._settings_check)
+ obj._settings_check={};
+ dhtmlx.extend(obj._settings_check, evs);
+};
+//check all options in collection, against list of allowed properties
+dhtmlx.assert_check = function(data,coll){
+ if (typeof data == "object"){
+ for (var key in data){
+ dhtmlx.assert_settings(key,data[key],coll);
+ }
+ }
+};
+//check if type and value of property is the same as in scheme
+dhtmlx.assert_settings = function(mode,value,coll){
+ coll = coll || this._settings_check;
+
+ //if value is not in collection of defined ones
+ if (coll){
+ if (!coll[mode]) //not registered property
+ return dhtmlx.log("warn","Unknown propery: "+mode);
+
+ var descr = "";
+ var error = "";
+ var check = false;
+ for (var i=0; i<coll[mode].length; i++){
+ var rule = coll[mode][i];
+ if (typeof rule == "string")
+ continue;
+ if (typeof rule == "function")
+ check = check || rule(value);
+ else if (typeof rule == "object" && typeof rule[1] == "function"){
+ check = check || rule[1](value);
+ if (check && rule[2])
+ dhtmlx["assert_check"](value, rule[2]); //temporary fix , for sources generator
+ }
+ if (check) break;
+ }
+ if (!check )
+ dhtmlx.log("warn","Invalid configuration\n"+dhtmlx.assert_info(mode,coll)+"\nActual value: {"+(typeof value)+"} "+value);
+ }
+};
+
+dhtmlx.assert_info=function(name, set){
+ var ruleset = set[name];
+ var descr = "";
+ var expected = [];
+ for (var i=0; i<ruleset.length; i++){
+ if (typeof rule == "string")
+ descr = ruleset[i];
+ else if (ruleset[i].describe)
+ expected.push(ruleset[i].describe());
+ else if (ruleset[i][1] && ruleset[i][1].describe)
+ expected.push(ruleset[i][1].describe());
+ }
+ return "Property: "+name+", "+descr+" \nExpected value: \n - "+expected.join("\n - ");
+};
+
+
+if (dhtmlx.assert_enabled()){
+
+ dhtmlx.assert_rule_color=function(check){
+ if (typeof check != "string") return false;
+ if (check.indexOf("#")!==0) return false;
+ if (check.substr(1).replace(/[0-9A-F]/gi,"")!=="") return false;
+ return true;
+ };
+ dhtmlx.assert_rule_color.describe = function(){
+ return "{String} Value must start from # and contain hexadecimal code of color";
+ };
+
+ dhtmlx.assert_rule_template=function(check){
+ if (typeof check == "function") return true;
+ if (typeof check == "string") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_template.describe = function(){
+ return "{Function},{String} Value must be a function which accepts data object and return text string, or a sting with optional template markers";
+ };
+
+ dhtmlx.assert_rule_boolean=function(check){
+ if (typeof check == "boolean") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_boolean.describe = function(){
+ return "{Boolean} true or false";
+ };
+
+ dhtmlx.assert_rule_object=function(check, sub){
+ if (typeof check == "object") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_object.describe = function(){
+ return "{Object} Configuration object";
+ };
+
+
+ dhtmlx.assert_rule_string=function(check){
+ if (typeof check == "string") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_string.describe = function(){
+ return "{String} Plain string";
+ };
+
+
+ dhtmlx.assert_rule_htmlpt=function(check){
+ return !!dhtmlx.toNode(check);
+ };
+ dhtmlx.assert_rule_htmlpt.describe = function(){
+ return "{Object},{String} HTML node or ID of HTML Node";
+ };
+
+ dhtmlx.assert_rule_notdocumented=function(check){
+ return false;
+ };
+ dhtmlx.assert_rule_notdocumented.describe = function(){
+ return "This options wasn't documented";
+ };
+
+ dhtmlx.assert_rule_key=function(obj){
+ var t = function (check){
+ return obj[check];
+ };
+ t.describe=function(){
+ var opts = [];
+ for(var key in obj)
+ opts.push(key);
+ return "{String} can take one of next values: "+opts.join(", ");
+ };
+ return t;
+ };
+
+ dhtmlx.assert_rule_dimension=function(check){
+ if (check*1 == check && !isNaN(check) && check >= 0) return true;
+ return false;
+ };
+ dhtmlx.assert_rule_dimension.describe=function(){
+ return "{Integer} value must be a positive number";
+ };
+
+ dhtmlx.assert_rule_number=function(check){
+ if (typeof check == "number") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_number.describe=function(){
+ return "{Integer} value must be a number";
+ };
+
+ dhtmlx.assert_rule_function=function(check){
+ if (typeof check == "function") return true;
+ return false;
+ };
+ dhtmlx.assert_rule_function.describe=function(){
+ return "{Function} value must be a custom function";
+ };
+
+ dhtmlx.assert_rule_any=function(check){
+ return true;
+ };
+ dhtmlx.assert_rule_any.describe=function(){
+ return "Any value";
+ };
+
+ dhtmlx.assert_rule_mix=function(a,b){
+ var t = function(check){
+ if (a(check)||b(check)) return true;
+ return false;
+ };
+ t.describe = function(){
+ return a.describe();
+ };
+ return t;
+ };
+
+} + + +/* DHX DEPEND FROM FILE 'dhtmlx.js'*/ + + +/*DHX:Depend assert.js*/
+
+/*
+ Common helpers
+*/
+dhtmlx.version="3.0";
+dhtmlx.codebase="./";
+
+//coding helpers
+
+//copies methods and properties from source to the target
+dhtmlx.extend = function(target, source){
+ for (var method in source)
+ target[method] = source[method];
+
+ //applying asserts
+ if (dhtmlx.assert_enabled() && source._assert){
+ target._assert();
+ target._assert=null;
+ }
+
+ dhtmlx.assert(target,"Invalid nesting target");
+ dhtmlx.assert(source,"Invalid nesting source");
+ //if source object has init code - call init against target
+ if (source._init)
+ target._init();
+
+ return target;
+};
+dhtmlx.proto_extend = function(){
+ var origins = arguments;
+ var compilation = origins[0];
+ var construct = [];
+
+ for (var i=origins.length-1; i>0; i--) {
+ if (typeof origins[i]== "function")
+ origins[i]=origins[i].prototype;
+ for (var key in origins[i]){
+ if (key == "_init")
+ construct.push(origins[i][key]);
+ else if (!compilation[key])
+ compilation[key] = origins[i][key];
+ }
+ };
+
+ if (origins[0]._init)
+ construct.push(origins[0]._init);
+
+ compilation._init = function(){
+ for (var i=0; i<construct.length; i++)
+ construct[i].apply(this, arguments);
+ };
+ compilation.base = origins[1];
+ var result = function(config){
+ this._init(config);
+ if (this._parseSettings)
+ this._parseSettings(config, this.defaults);
+ };
+ result.prototype = compilation;
+
+ compilation = origins = null;
+ return result;
+};
+//creates function with specified "this" pointer
+dhtmlx.bind=function(functor, object){
+ return function(){ return functor.apply(object,arguments); };
+};
+
+//loads module from external js file
+dhtmlx.require=function(module){
+ if (!dhtmlx._modules[module]){
+ dhtmlx.assert(dhtmlx.ajax,"load module is required");
+
+ //load and exec the required module
+ dhtmlx.exec( dhtmlx.ajax().sync().get(dhtmlx.codebase+module).responseText );
+ dhtmlx._modules[module]=true;
+ }
+};
+dhtmlx._modules = {}; //hash of already loaded modules
+
+//evaluate javascript code in the global scoope
+dhtmlx.exec=function(code){
+ if (window.execScript) //special handling for IE
+ window.execScript(code);
+ else window.eval(code);
+};
+
+/*
+ creates method in the target object which will transfer call to the source object
+ if event parameter was provided , each call of method will generate onBefore and onAfter events
+*/
+dhtmlx.methodPush=function(object,method,event){
+ return function(){
+ var res = false;
+ //if (!event || this.callEvent("onBefore"+event,arguments)){ //not used anymore, probably can be removed
+ res=object[method].apply(object,arguments);
+ // if (event) this.callEvent("onAfter"+event,arguments);
+ //}
+ return res; //result of wrapped method
+ };
+};
+//check === undefined
+dhtmlx.isNotDefined=function(a){
+ return typeof a == "undefined";
+};
+//delay call to after-render time
+dhtmlx.delay=function(method, obj, params, delay){
+ setTimeout(function(){
+ var ret = method.apply(obj,params);
+ method = obj = params = null;
+ return ret;
+ },delay||1);
+};
+
+//common helpers
+
+//generates unique ID (unique per window, nog GUID)
+dhtmlx.uid = function(){
+ if (!this._seed) this._seed=(new Date).valueOf(); //init seed with timestemp
+ this._seed++;
+ return this._seed;
+};
+//resolve ID as html object
+dhtmlx.toNode = function(node){
+ if (typeof node == "string") return document.getElementById(node);
+ return node;
+};
+//adds extra methods for the array
+dhtmlx.toArray = function(array){
+ return dhtmlx.extend((array||[]),dhtmlx.PowerArray);
+};
+//resolve function name
+dhtmlx.toFunctor=function(str){
+ return (typeof(str)=="string") ? eval(str) : str;
+};
+
+//dom helpers
+
+//hash of attached events
+dhtmlx._events = {};
+//attach event to the DOM element
+dhtmlx.event=function(node,event,handler,master){
+ node = dhtmlx.toNode(node);
+
+ var id = dhtmlx.uid();
+ dhtmlx._events[id]=[node,event,handler]; //store event info, for detaching
+
+ if (master)
+ handler=dhtmlx.bind(handler,master);
+
+ //use IE's of FF's way of event's attaching
+ if (node.addEventListener)
+ node.addEventListener(event, handler, false);
+ else if (node.attachEvent)
+ node.attachEvent("on"+event, handler);
+
+ return id; //return id of newly created event, can be used in eventRemove
+};
+
+//remove previously attached event
+dhtmlx.eventRemove=function(id){
+
+ if (!id) return;
+ dhtmlx.assert(this._events[id],"Removing non-existing event");
+
+ var ev = dhtmlx._events[id];
+ //browser specific event removing
+ if (ev[0].removeEventListener)
+ ev[0].removeEventListener(ev[1],ev[2],false);
+ else if (ev[0].detachEvent)
+ ev[0].detachEvent("on"+ev[1],ev[2]);
+
+ delete this._events[id]; //delete all traces
+};
+
+
+//debugger helpers
+//anything starting from error or log will be removed during code compression
+
+//add message in the log
+dhtmlx.log = function(type,message,details){
+ if (window.console && console.log){
+ type=type.toLowerCase();
+ if (window.console[type])
+ window.console[type](message||"unknown error");
+ else
+ window.console.log(type +": "+message);
+ if (details)
+ window.console.log(details);
+ }
+};
+//register rendering time from call point
+dhtmlx.log_full_time = function(name){
+ dhtmlx._start_time_log = new Date();
+ dhtmlx.log("Info","Timing start ["+name+"]");
+ window.setTimeout(function(){
+ var time = new Date();
+ dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx._start_time_log.valueOf())/1000+"s");
+ },1);
+};
+//register execution time from call point
+dhtmlx.log_time = function(name){
+ var fname = "_start_time_log"+name;
+ if (!dhtmlx[fname]){
+ dhtmlx[fname] = new Date();
+ dhtmlx.log("Info","Timing start ["+name+"]");
+ } else {
+ var time = new Date();
+ dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx[fname].valueOf())/1000+"s");
+ dhtmlx[fname] = null;
+ }
+};
+//log message with type=error
+dhtmlx.error = function(message,details){
+ dhtmlx.log("error",message,details);
+};
+//event system
+dhtmlx.EventSystem={
+ _init:function(){
+ this._events = {}; //hash of event handlers, name => handler
+ this._handlers = {}; //hash of event handlers, ID => handler
+ this._map = {};
+ },
+ //temporary block event triggering
+ block : function(){
+ this._events._block = true;
+ },
+ //re-enable event triggering
+ unblock : function(){
+ this._events._block = false;
+ },
+ mapEvent:function(map){
+ dhtmlx.extend(this._map, map);
+ },
+ //trigger event
+ callEvent:function(type,params){
+ if (this._events._block) return true;
+
+ type = type.toLowerCase();
+ dhtmlx.assert_event_call(this, type, params);
+
+ var event_stack =this._events[type.toLowerCase()]; //all events for provided name
+ var return_value = true;
+
+ if (dhtmlx.debug) //can slowdown a lot
+ dhtmlx.log("info","["+this.name+"] event:"+type,params);
+
+ if (event_stack)
+ for(var i=0; i<event_stack.length; i++)
+ /*
+ Call events one by one
+ If any event return false - result of whole event will be false
+ Handlers which are not returning anything - counted as positive
+ */
+ if (event_stack[i].apply(this,(params||[]))===false) return_value=false;
+
+ if (this._map[type] && !this._map[type].callEvent(type,params))
+ return_value = false;
+
+ return return_value;
+ },
+ //assign handler for some named event
+ attachEvent:function(type,functor,id){
+ type=type.toLowerCase();
+ dhtmlx.assert_event_attach(this, type);
+
+ id=id||dhtmlx.uid(); //ID can be used for detachEvent
+ functor = dhtmlx.toFunctor(functor); //functor can be a name of method
+
+ var event_stack=this._events[type]||dhtmlx.toArray();
+ //save new event handler
+ event_stack.push(functor);
+ this._events[type]=event_stack;
+ this._handlers[id]={ f:functor,t:type };
+
+ return id;
+ },
+ //remove event handler
+ detachEvent:function(id){
+ var type=this._handlers[id].t;
+ var functor=this._handlers[id].f;
+
+ //remove from all collections
+ var event_stack=this._events[type];
+ event_stack.remove(functor);
+ delete this._handlers[id];
+ }
+};
+
+//array helper
+//can be used by dhtmlx.toArray()
+dhtmlx.PowerArray={
+ //remove element at specified position
+ removeAt:function(pos,len){
+ if (pos>=0) this.splice(pos,(len||1));
+ },
+ //find element in collection and remove it
+ remove:function(value){
+ this.removeAt(this.find(value));
+ },
+ //add element to collection at specific position
+ insertAt:function(data,pos){
+ if (!pos && pos!==0) //add to the end by default
+ this.push(data);
+ else {
+ var b = this.splice(pos,(this.length-pos));
+ this[pos] = data;
+ this.push.apply(this,b); //reconstruct array without loosing this pointer
+ }
+ },
+ //return index of element, -1 if it doesn't exists
+ find:function(data){
+ for (i=0; i<this.length; i++)
+ if (data==this[i]) return i;
+ return -1;
+ },
+ //execute some method for each element of array
+ each:function(functor,master){
+ for (var i=0; i < this.length; i++)
+ functor.call((master||this),this[i]);
+ },
+ //create new array from source, by using results of functor
+ map:function(functor,master){
+ for (var i=0; i < this.length; i++)
+ this[i]=functor.call((master||this),this[i]);
+ return this;
+ }
+};
+
+dhtmlx.env = {};
+
+//environment detection
+if (navigator.userAgent.indexOf('Opera') != -1)
+ dhtmlx._isOpera=true;
+else{
+ //very rough detection, but it is enough for current goals
+ dhtmlx._isIE=!!document.all;
+ dhtmlx._isFF=!document.all;
+ dhtmlx._isWebKit=(navigator.userAgent.indexOf("KHTML")!=-1);
+ if (navigator.appVersion.indexOf("MSIE 8.0")!= -1 && document.compatMode != "BackCompat")
+ dhtmlx._isIE=8;
+}
+
+dhtmlx.env = {};
+
+// dhtmlx.env.transform
+// dhtmlx.env.transition
+(function(){
+ dhtmlx.env.transform = false;
+ dhtmlx.env.transition = false;
+ var options = {};
+ options.names = ['transform', 'transition'];
+ options.transform = ['transform', 'WebkitTransform', 'MozTransform', 'oTransform'];
+ options.transition = ['transition', 'WebkitTransition', 'MozTransition', 'oTransition'];
+
+ var d = document.createElement("DIV");
+ var property;
+ for(var i=0; i<options.names.length; i++) {
+ while (p = options[options.names[i]].pop()) {
+ if(typeof d.style[p] != 'undefined')
+ dhtmlx.env[options.names[i]] = true;
+ }
+ }
+})();
+dhtmlx.env.transform_prefix = (function(){
+ var prefix;
+ if(dhtmlx._isOpera)
+ prefix = '-o-';
+ else {
+ prefix = ''; // default option
+ if(dhtmlx._isFF)
+ prefix = '-moz-';
+ if(dhtmlx._isWebKit)
+ prefix = '-webkit-';
+ }
+ return prefix;
+})();
+dhtmlx.env.svg = (function(){
+ return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");
+})();
+
+//store maximum used z-index
+dhtmlx.zIndex={ drag : 10000 };
+
+//html helpers
+dhtmlx.html={
+ create:function(name,attrs,html){
+ attrs = attrs || {};
+ var node = document.createElement(name);
+ for (var attr_name in attrs)
+ node.setAttribute(attr_name, attrs[attr_name]);
+ if (attrs.style)
+ node.style.cssText = attrs.style;
+ if (attrs["class"])
+ node.className = attrs["class"];
+ if (html)
+ node.innerHTML=html;
+ return node;
+ },
+ //return node value, different logic for different html elements
+ getValue:function(node){
+ node = dhtmlx.toNode(node);
+ if (!node) return "";
+ return dhtmlx.isNotDefined(node.value)?node.innerHTML:node.value;
+ },
+ //remove html node, can process an array of nodes at once
+ remove:function(node){
+ if (node instanceof Array)
+ for (var i=0; i < node.length; i++)
+ this.remove(node[i]);
+ else
+ if (node && node.parentNode)
+ node.parentNode.removeChild(node);
+ },
+ //insert new node before sibling, or at the end if sibling doesn't exist
+ insertBefore: function(node,before,rescue){
+ if (!node) return;
+ if (before)
+ before.parentNode.insertBefore(node, before);
+ else
+ rescue.appendChild(node);
+ },
+ //return custom ID from html element
+ //will check all parents starting from event's target
+ locate:function(e,id){
+ e=e||event;
+ var trg=e.target||e.srcElement;
+ while (trg){
+ if (trg.getAttribute){ //text nodes has not getAttribute
+ var test = trg.getAttribute(id);
+ if (test) return test;
+ }
+ trg=trg.parentNode;
+ }
+ return null;
+ },
+ //returns position of html element on the page
+ offset:function(elem) {
+ if (elem.getBoundingClientRect) { //HTML5 method
+ var box = elem.getBoundingClientRect();
+ var body = document.body;
+ var docElem = document.documentElement;
+ var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
+ var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
+ var clientTop = docElem.clientTop || body.clientTop || 0;
+ var clientLeft = docElem.clientLeft || body.clientLeft || 0;
+ var top = box.top + scrollTop - clientTop;
+ var left = box.left + scrollLeft - clientLeft;
+ return { y: Math.round(top), x: Math.round(left) };
+ } else { //fallback to naive approach
+ var top=0, left=0;
+ while(elem) {
+ top = top + parseInt(elem.offsetTop,10);
+ left = left + parseInt(elem.offsetLeft,10);
+ elem = elem.offsetParent;
+ }
+ return {y: top, x: left};
+ }
+ },
+ //returns position of event
+ pos:function(ev){
+ ev = ev || event;
+ if(ev.pageX || ev.pageY) //FF, KHTML
+ return {x:ev.pageX, y:ev.pageY};
+ //IE
+ var d = ((dhtmlx._isIE)&&(document.compatMode != "BackCompat"))?document.documentElement:document.body;
+ return {
+ x:ev.clientX + d.scrollLeft - d.clientLeft,
+ y:ev.clientY + d.scrollTop - d.clientTop
+ };
+ },
+ //prevent event action
+ preventEvent:function(e){
+ if (e && e.preventDefault) e.preventDefault();
+ dhtmlx.html.stopEvent(e);
+ },
+ //stop event bubbling
+ stopEvent:function(e){
+ (e||event).cancelBubble=true;
+ return false;
+ },
+ //add css class to the node
+ addCss:function(node,name){
+ node.className+=" "+name;
+ },
+ //remove css class from the node
+ removeCss:function(node,name){
+ node.className=node.className.replace(RegExp(name,"g"),"");
+ }
+};
+
+//autodetect codebase folder
+(function(){
+ var temp = document.getElementsByTagName("SCRIPT"); //current script, most probably
+ dhtmlx.assert(temp.length,"Can't locate codebase");
+ if (temp.length){
+ //full path to script
+ temp = (temp[temp.length-1].getAttribute("src")||"").split("/");
+ //get folder name
+ temp.splice(temp.length-1, 1);
+ dhtmlx.codebase = temp.slice(0, temp.length).join("/")+"/";
+ }
+})();
+
+dhtmlx.ui={}; + + +/* DHX DEPEND FROM FILE 'destructor.js'*/ + + +/*
+ Behavior:Destruction
+
+ @export
+ destructor
+*/
+
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.Destruction = {
+ _init:function(){
+ //register self in global list of destructors
+ dhtmlx.destructors.push(this);
+ },
+ //will be called automatically on unload, can be called manually
+ //simplifies job of GC
+ destructor:function(){
+ this.destructor=function(){}; //destructor can be called only once
+
+ //html collection
+ this._htmlmap = null;
+ this._htmlrows = null;
+
+ //temp html element, used by toHTML
+ if (this._html)
+ document.body.appendChild(this._html); //need to attach, for IE's GC
+
+ this._html = null;
+ if (this._obj) {
+ this._obj.innerHTML="";
+ this._obj._htmlmap = null;
+ }
+ this._obj = this._dataobj=null;
+ this.data = null;
+ this._events = this._handlers = {};
+ }
+};
+//global list of destructors
+dhtmlx.destructors = [];
+dhtmlx.event(window,"unload",function(){
+ //call all registered destructors
+ for (var i=0; i<dhtmlx.destructors.length; i++)
+ dhtmlx.destructors[i].destructor();
+ dhtmlx.destructors = [];
+
+ //detach all known DOM events
+ for (var a in dhtmlx._events){
+ var ev = dhtmlx._events[a];
+ if (ev[0].removeEventListener)
+ ev[0].removeEventListener(ev[1],ev[2],false);
+ else if (ev[0].detachEvent)
+ ev[0].detachEvent("on"+ev[1],ev[2]);
+ delete dhtmlx._events[a];
+ }
+}); + + +/* DHX DEPEND FROM FILE 'math.js'*/ + + +dhtmlx.math = {};
+dhtmlx.math._toHex=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
+dhtmlx.math.toHex = function(number, length){
+ number=parseInt(number,10);
+ str = "";
+ while (number>0){
+ str=this._toHex[number%16]+str;
+ number=Math.floor(number/16);
+ }
+ while (str.length <length)
+ str = "0"+str;
+ return str;
+};
+
+
+ + + +/* DHX DEPEND FROM FILE 'map.js'*/ + + +/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.ui.Map = function(key){
+ this.name = "Map";
+ this._id = "map_"+dhtmlx.uid();
+ this._key = key;
+ this._map = [];
+};
+dhtmlx.ui.Map.prototype = {
+ addRect: function(id,points,userdata) {
+ this._createMapArea(id,"RECT",points,userdata);
+ },
+ addPoly: function(id,points) {
+ this._createMapArea(id,"POLY",points);
+ },
+ _createMapArea:function(id,shape,coords,userdata){
+ var extra_data = "";
+ if(arguments.length==4)
+ extra_data = "userdata='"+userdata+"'";
+ this._map.push("<area "+this._key+"='"+id+"' shape='"+shape+"' coords='"+coords.join()+"' "+extra_data+"></area>");
+ },
+ addSector:function(id,alpha0,alpha1,x,y,R,ky){
+ var points = [];
+ points.push(x);
+ points.push(Math.floor(y*ky));
+ for(var i = alpha0; i < alpha1; i+=Math.PI/18){
+ points.push(Math.floor(x+R*Math.cos(i)));
+ points.push(Math.floor((y+R*Math.sin(i))*ky));
+ }
+ points.push(Math.floor(x+R*Math.cos(alpha1)));
+ points.push(Math.floor((y+R*Math.sin(alpha1))*ky));
+ points.push(x);
+ points.push(Math.floor(y*ky));
+
+ return this.addPoly(id,points);
+ },
+ render:function(obj){
+ var d = dhtmlx.html.create("DIV");
+ d.style.cssText="position:absolute; width:100%; height:100%; top:0px; left:0px;";
+ obj.appendChild(d);
+ var src = dhtmlx._isIE?"":"src='data:image/gif;base64,R0lGODlhEgASAIAAAP///////yH5BAUUAAEALAAAAAASABIAAAIPjI+py+0Po5y02ouz3pwXADs='";
+ d.innerHTML="<map id='"+this._id+"' name='"+this._id+"'>"+this._map.join("\n")+"</map><img "+src+" class='dhx_map_img' usemap='#"+this._id+"'>";
+
+ obj._htmlmap = d; //for clearing routine
+
+ this._map = [];
+ }
+}; + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_base.js'*/ + + +/*DHX:Depend map.js*/
+dhtmlx.chart = {}; + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_area.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.area = {
+ /**
+ * renders an area chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: width - the width of the container
+ * @param: height - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_area:function(ctx, data, point0, point1, sIndex, map){
+
+ var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
+
+ /*the value that defines the map area position*/
+ var areaPos = Math.floor(params.cellWidth/2);
+
+ /*drawing all items*/
+ if (data.length) {
+
+ ctx.globalAlpha = this._settings.alpha.call(this,data[0]);
+ ctx.fillStyle = this._settings.color.call(this,data[0]);
+
+ /*the position of the first item*/
+ var y0 = this._getYPointOfLineChart(data[0],point0,point1,params);
+ var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
+ ctx.beginPath();
+ ctx.moveTo(x0,point1.y);
+ ctx.lineTo(x0,y0);
+
+ /*creates map area*/
+ map.addRect(data[0].id,[x0-areaPos,y0-areaPos,x0+areaPos,y0+areaPos]);
+ /*item label*/
+ if(!this._settings.yAxis)
+ this.renderTextAt(false, (!this._settings.offset?false:true), x0, y0-this._settings.labelOffset, this._settings.label(data[0]));
+
+ /*drawing the previous item and the line between to items*/
+ for(var i=1; i < data.length;i ++){
+ /*horizontal positions of the previous and current items (0.5 - the fix for line width)*/
+ var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
+ var yi = this._getYPointOfLineChart(data[i],point0,point1,params);
+ ctx.lineTo(xi,yi);
+ /*creates map area*/
+ map.addRect(data[i].id,[xi-areaPos,yi-areaPos,xi+areaPos,yi+areaPos]);
+ /*item label*/
+ if(!this._settings.yAxis)
+ this.renderTextAt(false, (!this._settings.offset&&i==(data.length-1)?"left":"center"), xi, yi-this._settings.labelOffset, this._settings.label(data[i]));
+ }
+ ctx.lineTo(x0+Math.floor(params.cellWidth*[data.length-1]),point1.y);
+ ctx.lineTo(x0,point1.y);
+ ctx.fill();
+ }
+ }
+};
+dhtmlx.chart.stackedArea ={
+ /**
+ * renders an area chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: width - the width of the container
+ * @param: height - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_stackedArea:function(ctx, data, point0, point1, sIndex, map){
+
+ var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
+
+ /*the value that defines the map area position*/
+ var areaPos = Math.floor(params.cellWidth/2);
+
+ var y1 = [];
+
+ /*drawing all items*/
+ if (data.length) {
+
+ ctx.globalAlpha = this._settings.alpha.call(this,data[0]);
+ ctx.fillStyle = this._settings.color.call(this,data[0]);
+
+ /*for the 2nd, 3rd, etc. series*/
+ var y01 = (sIndex?data[0].$startY:point1.y);
+
+ /*the position of the first item*/
+ var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
+ var y02 = this._getYPointOfLineChart(data[0],point0,point1,params)-(sIndex?(point1.y-y01):0);
+
+ y1[0] = y02;
+
+ ctx.beginPath();
+ ctx.moveTo(x0,y01);
+ ctx.lineTo(x0,y02);
+
+ /*creates map area*/
+ map.addRect(data[0].id,[x0-areaPos,y02-areaPos,x0+areaPos,y02+areaPos]);
+ /*item label*/
+ if(!this._settings.yAxis)
+ this.renderTextAt(false, true, x0, y02-this._settings.labelOffset, this._settings.label(data[0]));
+
+ /*drawing the previous item and the line between to items*/
+ for(var i=1; i < data.length;i ++){
+ /*horizontal positions of the previous and current items (0.5 - the fix for line width)*/
+ var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
+ var yi2 = this._getYPointOfLineChart(data[i],point0,point1,params)-(sIndex?(point1.y-data[i].$startY):0);
+
+ y1[i] = yi2;
+
+ ctx.lineTo(xi,yi2);
+ /*creates map area*/
+ map.addRect(data[i].id,[xi-areaPos,yi2-areaPos,xi+areaPos,yi2+areaPos]);
+ /*item label*/
+ if(!this._settings.yAxis)
+ this.renderTextAt(false, true, xi, yi2-this._settings.labelOffset, this._settings.label(data[i]));
+ }
+ ctx.lineTo(x0+Math.floor(params.cellWidth*[data.length-1]),y01);
+ /*drawing lines of the lower part*/
+ if(sIndex){
+ for(var i=data.length-1; i >=0 ;i--){
+ var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
+ var yi1 = data[i].$startY;
+ ctx.lineTo(xi,yi1);
+ }
+ }
+ else ctx.lineTo(x0+ Math.floor(params.cellWidth*(length-1)) - 0.5,y01);
+ ctx.lineTo(x0,y01);
+ ctx.fill();
+ for(var i=0; i < data.length;i ++){
+ data[i].$startY = y1[i];
+ }
+ }
+ }
+};
+ + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_spline.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.spline = {
+ /**
+ * renders a spline chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: width - the width of the container
+ * @param: height - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_spline:function(ctx, data, point0, point1, sIndex, map){
+
+ var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
+
+ /*the value that defines the map area position*/
+ var areaPos = Math.floor(params.cellWidth/2);
+
+ /*array of all points*/
+ var items = [];
+
+ /*drawing all items*/
+ if (data.length) {
+
+ /*getting all points*/
+ var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
+ for(var i=0; i < data.length;i ++){
+ var x = ((!i)?x0:Math.floor(params.cellWidth*i) - 0.5 + x0);
+ var y = this._getYPointOfLineChart(data[i],point0,point1,params);
+ items.push({x:x,y:y});
+ }
+ var sparam = this._getSplineParameters(items);
+
+ for(var i =0; i< items.length-1; i++){
+ var x1 = items[i].x;
+ var y1 = items[i].y;
+ var x2 = items[i+1].x;
+ var y2 = items[i+1].y;
+
+
+ for(var j = x1; j < x2; j++)
+ this._drawLine(ctx,j,this._getSplineYPoint(j,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),j+1,this._getSplineYPoint(j+1,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),this._settings.line.color(data[i]),this._settings.line.width);
+ this._drawLine(ctx,x2-1,this._getSplineYPoint(j,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),x2,y2,this._settings.line.color(data[i]),this._settings.line.width);
+ this._drawItemOfLineChart(ctx,x1,y1,data[i],this._settings.label(data[i]));
+ }
+ this._drawItemOfLineChart(ctx,x2,y2,data[i],this._settings.label(data[i]));
+ }
+ },
+ /*gets spline parameter*/
+ _getSplineParameters:function(points){
+ var h,u,v,s,a,b,c,d,n;
+ h = []; m = [];
+ n = points.length;
+
+ for(var i =0; i<n-1;i++){
+ h[i] = points[i+1].x - points[i].x;
+ m[i] = (points[i+1].y - points[i].y)/h[i];
+ }
+ u = []; v = [];
+ u[0] = 0;
+ u[1] = 2*(h[0] + h[1]);
+ v[0] = 0;
+ v[1] = 6*(m[1] - m[0]);
+ for(var i =2; i < n-1; i++){
+ u[i] = 2*(h[i-1]+h[i]) - h[i-1]*h[i-1]/u[i-1];
+ v[i] = 6*(m[i]-m[i-1]) - h[i-1]*v[i-1]/u[i-1];
+ }
+
+ s = [];
+ s[n-1] = s[0] = 0;
+ for(var i = n -2; i>=1; i--)
+ s[i] = (v[i] - h[i]*s[i+1])/u[i];
+
+ a = []; b = []; c = []; d = [];
+
+ for(var i =0; i<n-1;i++){
+ a[i] = points[i].y;
+ b[i] = - h[i]*s[i+1]/6 - h[i]*s[i]/3 + (points[i+1].y-points[i].y)/h[i];
+ c[i] = s[i]/2;
+ d[i] = (s[i+1] - s[i])/(6*h[i]);
+ }
+ return {a:a,b:b,c:c,d:d};
+ },
+ /*returns the y position of the spline point */
+ _getSplineYPoint:function(x,xi,i,a,b,c,d){
+ return a[i] + (x - xi)*(b[i] + (x-xi)*(c[i]+(x-xi)*d[i]));
+ }
+}; + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_barh.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.barH = {
+ /**
+ * renders a bar chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: x - the width of the container
+ * @param: y - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_barH:function(ctx, data, point0, point1, sIndex, map){
+ var maxValue,minValue;
+ /*necessary if maxValue - minValue < 0*/
+ var valueFactor;
+ /*maxValue - minValue*/
+ var relValue;
+
+ var total_width = point1.x-point0.x;
+
+ var yax = !!this._settings.yAxis;
+ var xax = !!this._settings.xAxis;
+
+ var limits = this._getLimits("h");
+ maxValue = limits.max;
+ minValue = limits.min;
+
+ /*an available width for one bar*/
+ var cellWidth = Math.floor((point1.y-point0.y)/data.length);
+
+ /*draws x and y scales*/
+ if(!sIndex)
+ this._drawHScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
+
+ /*necessary for automatic scale*/
+ if(yax){
+ maxValue = parseFloat(this._settings.xAxis.end);
+ minValue = parseFloat(this._settings.xAxis.start);
+ }
+
+ /*unit calculation (bar_height = value*unit)*/
+ var relativeValues = this._getRelativeValue(minValue,maxValue);
+ relValue = relativeValues[0];
+ valueFactor = relativeValues[1];
+
+ var unit = (relValue?total_width/relValue:10);
+ if(!yax){
+ /*defines start value for better representation of small values*/
+ var startValue = 10;
+ unit = (relValue?(total_width-startValue)/relValue:10);
+ }
+
+
+ /*a real bar width */
+ var barWidth = parseInt(this._settings.width,10);
+ if((barWidth*this._series.length+4)>cellWidth) barWidth = cellWidth/this._series.length-4;
+ /*the half of distance between bars*/
+ var barOffset = Math.floor((cellWidth - barWidth*this._series.length)/2);
+ /*the radius of rounding in the top part of each bar*/
+ var radius = (typeof this._settings.radius!="undefined"?parseInt(this._settings.radius,10):Math.round(barWidth/5));
+
+ var inner_gradient = false;
+ var gradient = this._settings.gradient;
+
+ if (gradient&&typeof(gradient) != "function"){
+ inner_gradient = gradient;
+ gradient = false;
+ } else if (gradient){
+ gradient = ctx.createLinearGradient(point0.x,point0.y,point1.x,point0.y);
+ this._settings.gradient(gradient);
+ }
+ var scaleY = 0;
+ /*draws a black line if the horizontal scale isn't defined*/
+ if(!yax){
+ this._drawLine(ctx,point0.x-0.5,point0.y,point0.x-0.5,point1.y,"#000000",1); //hardcoded color!
+ }
+
+
+
+ for(var i=0; i < data.length;i ++){
+
+
+ var value = parseFloat(this._settings.value(data[i]));
+ if(value>maxValue) value = maxValue;
+ value -= minValue;
+ value *= valueFactor;
+
+ /*start point (bottom left)*/
+ var x0 = point0.x;
+ var y0 = point0.y+ barOffset + i*cellWidth+(barWidth+1)*sIndex;
+
+ if(value<0||(this._settings.yAxis&&value===0)){
+ this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
+ continue;
+ }
+
+ /*takes start value into consideration*/
+ if(!yax) value += startValue/unit;
+ var color = gradient||this._settings.color.call(this,data[i]);
+
+ /*drawing the gradient border of a bar*/
+ if(this._settings.border){
+ ctx.beginPath();
+ ctx.fillStyle = color;
+ this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
+ ctx.lineTo(x0,0);
+ ctx.fill();
+
+ ctx.fillStyle = "#000000";
+ ctx.globalAlpha = 0.37;
+ ctx.beginPath();
+ this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
+ ctx.fill();
+ }
+
+ /*drawing bar body*/
+ ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
+ ctx.fillStyle = (gradient||this._settings.color.call(this,data[i]));
+ ctx.beginPath();
+ var points = this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,(this._settings.border?1:0));
+ if (gradient&&!inner_gradient) ctx.lineTo(point0.x+total_width,y0+(this._settings.border?1:0)); //fix gradient sphreading
+ ctx.fill();
+ ctx.globalAlpha = 1;
+
+ if (inner_gradient!=false){
+ var gradParam = this._setBarGradient(ctx,point0.x,y0+barWidth,point0.x+unit*value+2,y0,inner_gradient,color,"x");
+ ctx.fillStyle = gradParam.gradient;
+ ctx.beginPath();
+ var points = this._setBarHPoints(ctx,x0,y0+gradParam.offset,barWidth-gradParam.offset*2,radius,unit,value,gradParam.offset);
+ ctx.fill();
+ ctx.globalAlpha = 1;
+ }
+
+
+ /*sets a bar label*/
+ this.renderTextAt("middle",false,points[0]+3, parseInt(y0+(points[1]-y0)/2,10), this._settings.label(data[i]));
+ /*defines a map area for a bar*/
+ map.addRect(data[i].id,[x0,y0,points[0],points[1]],sIndex);
+ }
+ },
+ /**
+ * sets points for bar and returns the position of the bottom right point
+ * @param: ctx - canvas object
+ * @param: x0 - the x position of start point
+ * @param: y0 - the y position of start point
+ * @param: barWidth - bar width
+ * @param: radius - the rounding radius of the top
+ * @param: unit - the value defines the correspondence between item value and bar height
+ * @param: value - item value
+ * @param: offset - the offset from expected bar edge (necessary for drawing border)
+ */
+ _setBarHPoints:function(ctx,x0,y0,barWidth,radius,unit,value,offset){
+ /*correction for displaing small values (when rounding radius is bigger than bar height)*/
+ var angle_corr = 0;
+ if(radius>unit*value){
+ var sinA = (radius-unit*value)/radius;
+ angle_corr = -Math.asin(sinA)+Math.PI/2;
+ }
+ /*start*/
+ ctx.moveTo(x0,y0+offset);
+ /*start of left rounding*/
+ var x1 = x0 + unit*value - radius - (radius?0:offset);
+ if(radius<unit*value)
+ ctx.lineTo(x1,y0+offset);
+ /*left rounding*/
+ var y2 = y0 + radius;
+ if (radius)
+ ctx.arc(x1,y2,radius-offset,-Math.PI/2+angle_corr,0,false);
+ /*start of right rounding*/
+ var y3 = y0 + barWidth - radius - (radius?0:offset);
+ var x3 = x1 + radius - (radius?offset:0);
+ ctx.lineTo(x3,y3);
+ /*right rounding*/
+ var x4 = x1;
+ if (radius)
+ ctx.arc(x4,y3,radius-offset,0,Math.PI/2-angle_corr,false);
+ /*bottom right point*/
+ var y5 = y0 + barWidth-offset;
+ ctx.lineTo(x0,y5);
+ /*line to the start point*/
+ ctx.lineTo(x0,y0+offset);
+ // ctx.lineTo(x0,0); //IE fix!
+ return [x3,y5];
+ },
+ _drawHScales:function(ctx,data,point0,point1,start,end,cellWidth){
+ this._drawHXAxis(ctx,data,point0,point1,start,end);
+ this._drawHYAxis(ctx,data,point0,point1,cellWidth);
+ },
+ _drawHYAxis:function(ctx,data,point0,point1,cellWidth){
+ if (!this._settings.yAxis) return;
+
+ var x0 = point0.x-0.5;
+ var y0 = point1.y+0.5;
+ var y1 = point0.y;
+
+ this._drawLine(ctx,x0,y0,x0,y1,this._settings.yAxis.color,1);
+
+ for(var i=0; i < data.length;i ++){
+
+ /*scale labels*/
+ this.renderTextAt("middle",0,0,y1+cellWidth/2+i*cellWidth,
+ this._settings.yAxis.template(data[i]),
+ "dhx_axis_item_y",point0.x-5
+ );
+ }
+ this._setYAxisTitle(point0,point1);
+ },
+ _drawHXAxis:function(ctx,data,point0,point1,start,end){
+ var step;
+ var scaleParam= {};
+ var axis = this._settings.xAxis;
+ if (!axis) return;
+
+ var y0 = point1.y+0.5;
+ var x0 = point0.x-0.5;
+ var x1 = point1.x-0.5;
+
+ this._drawLine(ctx,x0,y0,x1,y0,axis.color,1);
+
+ if(axis.step)
+ step = parseFloat(axis.step);
+
+ if(typeof axis.step =="undefined"||typeof axis.start=="undefined"||typeof axis.end =="undefined"){
+ scaleParam = this._calculateScale(start,end);
+ start = scaleParam.start;
+ end = scaleParam.end;
+ step = scaleParam.step;
+ this._settings.xAxis.end = end;
+ this._settings.xAxis.start = start;
+ this._settings.xAxis.step = step;
+ };
+
+ if(step===0) return;
+ var stepHeight = (x1-x0)*step/(end-start);
+ var c = 0;
+ for(var i = start; i<=end; i += step){
+ if(scaleParam.fixNum) i = parseFloat((new Number(i)).toFixed(scaleParam.fixNum));
+ var xi = Math.floor(x0+c*stepHeight)+ 0.5;/*canvas line fix*/
+ if(i!=start &&axis.lines)
+ this._drawLine(ctx,xi,y0,xi,point0.y,this._settings.xAxis.color,0.2);
+ this.renderTextAt(false, true,xi,y0+2,axis.template(i.toString()),"dhx_axis_item_x");
+ c++;
+ };
+ this.renderTextAt(true, false, x0,point1.y+this._settings.padding.bottom-3,
+ this._settings.xAxis.title,
+ "dhx_axis_title_x",
+ point1.x - point0.x
+ );
+ /*the right border in lines in scale are enabled*/
+ if (!axis.lines) return;
+ this._drawLine(ctx,x0,point0.y-0.5,x1,point0.y-0.5,this._settings.xAxis.color,0.2);
+ }
+
+};
+ + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_stackedbarh.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+/*DHX:Depend ext/chart/chart_barh.js*/
+
+dhtmlx.assert(dhtmlx.chart.barH);
+dhtmlx.chart.stackedBarH = {
+/**
+ * renders a bar chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: x - the width of the container
+ * @param: y - the height of the container
+ * @param: sIndex - index of drawing chart
+ * @param: map - map object
+ */
+ pvt_render_stackedBarH:function(ctx, data, point0, point1, sIndex, map){
+ var maxValue,minValue;
+ /*necessary if maxValue - minValue < 0*/
+ var valueFactor;
+ /*maxValue - minValue*/
+ var relValue;
+
+ var total_width = point1.x-point0.x;
+
+ var yax = !!this._settings.yAxis;
+ var xax = !!this._settings.xAxis;
+
+ var limits = this._getStackedLimits(data);
+ maxValue = limits.max;
+ minValue = limits.min;
+
+ /*an available width for one bar*/
+ var cellWidth = Math.floor((point1.y-point0.y)/data.length);
+
+ /*draws x and y scales*/
+ if(!sIndex)
+ this._drawHScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
+
+ /*necessary for automatic scale*/
+ if(yax){
+ maxValue = parseFloat(this._settings.xAxis.end);
+ minValue = parseFloat(this._settings.xAxis.start);
+ }
+
+ /*unit calculation (bar_height = value*unit)*/
+ var relativeValues = this._getRelativeValue(minValue,maxValue);
+ relValue = relativeValues[0];
+ valueFactor = relativeValues[1];
+
+ var unit = (relValue?total_width/relValue:10);
+ if(!yax){
+ /*defines start value for better representation of small values*/
+ var startValue = 10;
+ unit = (relValue?(total_width-startValue)/relValue:10);
+ }
+
+ /*a real bar width */
+ var barWidth = parseInt(this._settings.width,10);
+ if((barWidth+4)>cellWidth) barWidth = cellWidth-4;
+ /*the half of distance between bars*/
+ var barOffset = Math.floor((cellWidth - barWidth)/2);
+ /*the radius of rounding in the top part of each bar*/
+ var radius = 0;
+
+ var inner_gradient = false;
+ var gradient = this._settings.gradient;
+
+ var inner_gradient = false;
+ var gradient = this._settings.gradient;
+ if (gradient){
+ inner_gradient = true;
+ }
+ var scaleY = 0;
+ /*draws a black line if the horizontal scale isn't defined*/
+ if(!yax){
+ this._drawLine(ctx,point0.x-0.5,point0.y,point0.x-0.5,point1.y,"#000000",1); //hardcoded color!
+ }
+
+ for(var i=0; i < data.length;i ++){
+
+ if(!sIndex)
+ data[i].$startX = point0.x;
+
+ var value = parseFloat(this._settings.value(data[i]));
+ if(value>maxValue) value = maxValue;
+ value -= minValue;
+ value *= valueFactor;
+
+ /*start point (bottom left)*/
+ var x0 = point0.x;
+ var y0 = point0.y+ barOffset + i*cellWidth;
+
+ /*for the 2nd, 3rd, etc. series*/
+ if(sIndex)
+ x0 = data[i].$startX;
+
+ if(value<0||(this._settings.yAxis&&value===0)){
+ this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
+ continue;
+ }
+
+ /*takes start value into consideration*/
+ if(!yax) value += startValue/unit;
+ var color = this._settings.color.call(this,data[i]);
+
+ /*drawing the gradient border of a bar*/
+ if(this._settings.border){
+ ctx.beginPath();
+ ctx.fillStyle = color;
+ this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
+ ctx.lineTo(x0,0);
+ ctx.fill();
+
+ ctx.fillStyle = "#000000";
+ ctx.globalAlpha = 0.37;
+ ctx.beginPath();
+ this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
+ ctx.fill();
+ }
+ ctx.globalAlpha = 1;
+ /*drawing bar body*/
+ ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
+ ctx.fillStyle = this._settings.color.call(this,data[i]);
+ ctx.beginPath();
+ var points = this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,(this._settings.border?1:0));
+ if (gradient&&!inner_gradient) ctx.lineTo(point0.x+total_width,y0+(this._settings.border?1:0)); //fix gradient sphreading
+ ctx.fill();
+
+ if (inner_gradient!=false){
+ var gradParam = this._setBarGradient(ctx,x0,y0+barWidth,x0,y0,inner_gradient,color,"x")
+ ctx.fillStyle = gradParam.gradient;
+ ctx.beginPath();
+ var points = this._setBarHPoints(ctx,x0,y0, barWidth,radius,unit,value,0);
+ ctx.fill();
+ ctx.globalAlpha = 1;
+ }
+
+ /*sets a bar label*/
+ this.renderTextAt("middle",true,data[i].$startX+(points[0]-data[i].$startX)/2-1, y0+(points[1]-y0)/2, this._settings.label(data[i]));
+ /*defines a map area for a bar*/
+ map.addRect(data[i].id,[data[i].$startX,y0,points[0],points[1]],sIndex);
+ /*the start position for the next series*/
+ data[i].$startX = points[0];
+ }
+ }
+} + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_stackedbar.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.stackedBar = {
+ /**
+ * renders a bar chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: x - the width of the container
+ * @param: y - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_stackedBar:function(ctx, data, point0, point1, sIndex, map){
+ var maxValue,minValue;
+ /*necessary if maxValue - minValue < 0*/
+ var valueFactor;
+ /*maxValue - minValue*/
+ var relValue;
+
+ var total_height = point1.y-point0.y;
+
+ var yax = !!this._settings.yAxis;
+ var xax = !!this._settings.xAxis;
+
+ var limits = this._getStackedLimits(data);
+ maxValue = limits.max;
+ minValue = limits.min;
+
+ /*an available width for one bar*/
+ var cellWidth = Math.floor((point1.x-point0.x)/data.length);
+
+ /*draws x and y scales*/
+ if(!sIndex)
+ this._drawScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
+
+ /*necessary for automatic scale*/
+ if(yax){
+ maxValue = parseFloat(this._settings.yAxis.end);
+ minValue = parseFloat(this._settings.yAxis.start);
+ }
+
+ /*unit calculation (bar_height = value*unit)*/
+ var relativeValues = this._getRelativeValue(minValue,maxValue);
+ relValue = relativeValues[0];
+ valueFactor = relativeValues[1];
+
+ var unit = (relValue?total_height/relValue:10);
+
+ /*a real bar width */
+ var barWidth = parseInt(this._settings.width,10);
+ if(barWidth+4 > cellWidth) barWidth = cellWidth-4;
+ /*the half of distance between bars*/
+ var barOffset = Math.floor((cellWidth - barWidth)/2);
+
+
+ var inner_gradient = (this._settings.gradient?this._settings.gradient:false);
+
+ var scaleY = 0;
+ /*draws a black line if the horizontal scale isn't defined*/
+ if(!xax){
+ //scaleY = y-bottomPadding;
+ this._drawLine(ctx,point0.x,point1.y+0.5,point1.x,point1.y+0.5,"#000000",1); //hardcoded color!
+ }
+
+ for(var i=0; i < data.length;i ++){
+ var value = parseFloat(this._settings.value(data[i]));
+ if(!value) continue;
+
+ /*adjusts the first tab to the scale*/
+ if(!sIndex)
+ value -= minValue;
+
+ value *= valueFactor;
+
+ /*start point (bottom left)*/
+ var x0 = point0.x + barOffset + i*cellWidth;
+ var y0 = point1.y;
+
+ /*for the 2nd, 3rd, etc. series*/
+ if(sIndex)
+ y0 = data[i].$startY;
+
+ /*the max height limit*/
+ if(y0 < (point0.y+1)) continue;
+
+ if(value<0||(this._settings.yAxis&&value===0)){
+ this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
+ continue;
+ }
+
+ var color = this._settings.color.call(this,data[i]);
+
+ /*drawing the gradient border of a bar*/
+ if(this._settings.border){
+ ctx.beginPath();
+ ctx.fillStyle = color;
+ this._setStakedBarPoints(ctx,x0-1,y0,barWidth+2,unit,value,0,point0.y);
+ ctx.lineTo(x0,y0);
+ ctx.fill();
+
+ ctx.fillStyle = "#000000";
+ ctx.globalAlpha = 0.37;
+ ctx.beginPath();
+ this._setStakedBarPoints(ctx,x0-1,y0,barWidth+2,unit,value,0,point0.y);
+ ctx.fill();
+ }
+
+ /*drawing bar body*/
+ ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
+ ctx.fillStyle = this._settings.color.call(this,data[i]);
+ ctx.beginPath();
+ var points = this._setStakedBarPoints(ctx,x0,y0,barWidth,unit,value,(this._settings.border?1:0),point0.y);
+ ctx.fill();
+ ctx.globalAlpha = 1;
+
+ /*gradient*/
+ if (inner_gradient){
+ var gradParam = this._setBarGradient(ctx,x0,y0,x0+barWidth,points[1],inner_gradient,color,"y");
+ ctx.fillStyle = gradParam.gradient;
+ ctx.beginPath();
+ var points = this._setStakedBarPoints(ctx,x0+gradParam.offset,y0,barWidth-gradParam.offset*2,unit,value,(this._settings.border?1:0),point0.y);
+ ctx.fill();
+ ctx.globalAlpha = 1;
+ }
+
+ /*sets a bar label*/
+ this.renderTextAt(false, true, x0+Math.floor(barWidth/2),(points[1]+(y0-points[1])/2)-7,this._settings.label(data[i]));
+ /*defines a map area for a bar*/
+ map.addRect(data[i].id,[x0,points[1],points[0],(data[i].$startY||y0)],sIndex);
+
+ /*the start position for the next series*/
+ data[i].$startY = (this._settings.border?(points[1]+1):points[1]);
+ }
+ },
+ /**
+ * sets points for bar and returns the position of the bottom right point
+ * @param: ctx - canvas object
+ * @param: x0 - the x position of start point
+ * @param: y0 - the y position of start point
+ * @param: barWidth - bar width
+ * @param: radius - the rounding radius of the top
+ * @param: unit - the value defines the correspondence between item value and bar height
+ * @param: value - item value
+ * @param: offset - the offset from expected bar edge (necessary for drawing border)
+ * @param: minY - the minimum y position for the bars ()
+ */
+ _setStakedBarPoints:function(ctx,x0,y0,barWidth,unit,value,offset,minY){
+ /*start*/
+ ctx.moveTo(x0,y0);
+ /*start of left rounding*/
+ var y1 = y0 - unit*value+offset;
+ /*maximum height limit*/
+ if(y1<minY)
+ y1 = minY;
+ ctx.lineTo(x0,y1);
+ var x3 = x0 + barWidth;
+ var y3 = y1;
+ ctx.lineTo(x3,y3);
+ /*right rounding*/
+ var y4 = y1;
+ /*bottom right point*/
+ var x5 = x0 + barWidth;
+ ctx.lineTo(x5,y0);
+ /*line to the start point*/
+ ctx.lineTo(x0,y0);
+ // ctx.lineTo(x0,0); //IE fix!
+ return [x5,y3-2*offset];
+ }
+};
+ + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_line.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.line = {
+
+ /**
+ * renders a graphic
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: width - the width of the container
+ * @param: height - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_line:function(ctx, data, point0, point1, sIndex, map){
+
+ var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
+
+ /*the value that defines the map area position*/
+ var areaPos = Math.floor(params.cellWidth/2);
+
+ /*drawing all items*/
+ if (data.length) {
+ /*gets the vertical coordinate of an item*/
+
+ /*the position of the first item*/
+ var y1 = this._getYPointOfLineChart(data[0],point0,point1,params);
+ var x1 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
+ var x0 = x1;
+ /*drawing the previous item and the line between to items*/
+ for(var i=1; i <= data.length;i ++){
+
+ /*horizontal positions of the item (0.5 - the fix for line width)*/
+ //var x1 = Math.floor(params.cellWidth*(i-0.5)) - 0.5 + point0.x;
+ var x2 = Math.floor(params.cellWidth*i) - 0.5 + x0;
+
+ /*a line between items*/
+ if (data.length!=i){
+ var y2 = this._getYPointOfLineChart(data[i],point0,point1,params);
+ this._drawLine(ctx,x1,y1,x2,y2,this._settings.line.color(data[i-1]),this._settings.line.width);
+ }
+
+ /*draws prevous item*/
+ this._drawItemOfLineChart(ctx,x1,y1,data[i-1],!!this._settings.offset);
+
+ /*creates map area*/
+ map.addRect(data[i-1].id,[x1-areaPos,y1-areaPos,x1+areaPos,y1+areaPos]);
+
+ y1=y2;
+ x1=x2;
+ }
+ }
+ },
+ /**
+ * draws an item and its label
+ * @param: ctx - canvas object
+ * @param: x0 - the x position of a circle
+ * @param: y0 - the y position of a circle
+ * @param: obj - data object
+ * @param: label - (boolean) defines wherether label needs being drawn
+ */
+ _drawItemOfLineChart:function(ctx,x0,y0,obj,label){
+ var R = parseInt(this._settings.item.radius,10);
+ ctx.lineWidth = parseInt(this._settings.item.borderWidth,10);
+ ctx.fillStyle = this._settings.item.color(obj);
+ ctx.strokeStyle = this._settings.item.borderColor(obj);
+ ctx.beginPath();
+ ctx.arc(x0,y0,R,0,Math.PI*2,true);
+ ctx.fill();
+ ctx.stroke();
+ /*item label*/
+ if(label)
+ this.renderTextAt(false, true, x0,y0-R-this._settings.labelOffset,this._settings.label(obj));
+ },
+ /**
+ * gets the vertical position of the item
+ * @param: data - data object
+ * @param: y0 - the y position of chart start
+ * @param: y1 - the y position of chart end
+ * @param: params - the object with elements: minValue, maxValue, unit, valueFactor (the value multiple of 10)
+ */
+ _getYPointOfLineChart: function(data,point0,point1,params){
+ var minValue = params.minValue;
+ var maxValue = params.maxValue;
+ var unit = params.unit;
+ var valueFactor = params.valueFactor;
+ /*the real value of an object*/
+ var value = this._settings.value(data);
+ /*a relative value*/
+ var v = (parseFloat(value) - minValue)*valueFactor;
+ if(!this._settings.yAxis)
+ v += params.startValue/unit;
+ /*a vertical coordinate*/
+ var y = point1.y - Math.floor(unit*v);
+ /*the limit of the minimum value is the minimum visible value*/
+ if(v<0)
+ y = point1.y;
+ /*the limit of the maximum value*/
+ if(value > maxValue)
+ y = point0.y;
+ /*the limit of the minimum value*/
+ if(value < minValue)
+ y = point1.y;
+ return y;
+ },
+ _calculateParametersOfLineChart: function(ctx,data,point0,point1,sIndex){
+ var params = {};
+
+ /*maxValue - minValue*/
+ var relValue;
+
+ /*available height*/
+ params.totalHeight = point1.y-point0.y;
+
+ /*a space available for a single item*/
+ //params.cellWidth = Math.round((point1.x-point0.x)/((!this._settings.offset&&this._settings.yAxis)?(data.length-1):data.length));
+ params.cellWidth = Math.round((point1.x-point0.x)/((!this._settings.offset)?(data.length-1):data.length));
+
+ /*scales*/
+ var yax = !!this._settings.yAxis;
+ var xax = !!this._settings.xAxis;
+
+ var limits = (this._settings.view.indexOf("stacked")!=-1?this._getStackedLimits(data):this._getLimits());
+ params.maxValue = limits.max;
+ params.minValue = limits.min;
+
+ /*draws x and y scales*/
+ if(!sIndex)
+ this._drawScales(ctx,data, point0, point1,params.minValue,params.maxValue,params.cellWidth);
+
+ /*necessary for automatic scale*/
+ if(yax){
+ params.maxValue = parseFloat(this._settings.yAxis.end);
+ params.minValue = parseFloat(this._settings.yAxis.start);
+ }
+
+ /*unit calculation (y_position = value*unit)*/
+ var relativeValues = this._getRelativeValue(params.minValue,params.maxValue);
+ relValue = relativeValues[0];
+ params.valueFactor = relativeValues[1];
+ params.unit = (relValue?params.totalHeight/relValue:10);
+
+ params.startValue = 0;
+ if(!yax){
+ /*defines start value for better representation of small values*/
+ params.startValue = (params.unit>10?params.unit:10);
+ params.unit = (relValue?(params.totalHeight - params.startValue)/relValue:10);
+ }
+ return params;
+ }
+};
+ + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_bar.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.bar = {
+ /**
+ * renders a bar chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: x - the width of the container
+ * @param: y - the height of the container
+ * @param: sIndex - index of drawing chart
+ */
+ pvt_render_bar:function(ctx, data, point0, point1, sIndex, map){
+ var maxValue,minValue;
+ /*necessary if maxValue - minValue < 0*/
+ var valueFactor;
+ /*maxValue - minValue*/
+ var relValue;
+
+ var total_height = point1.y-point0.y;
+
+ var yax = !!this._settings.yAxis;
+ var xax = !!this._settings.xAxis;
+
+ var limits = this._getLimits();
+ maxValue = limits.max;
+ minValue = limits.min;
+
+ /*an available width for one bar*/
+ var cellWidth = Math.floor((point1.x-point0.x)/data.length);
+
+ /*draws x and y scales*/
+ if(!sIndex&&!(this._settings.origin!="auto"&&!yax)){
+ this._drawScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
+ }
+
+ /*necessary for automatic scale*/
+ if(yax){
+ maxValue = parseFloat(this._settings.yAxis.end);
+ minValue = parseFloat(this._settings.yAxis.start);
+ }
+
+ /*unit calculation (bar_height = value*unit)*/
+ var relativeValues = this._getRelativeValue(minValue,maxValue);
+ relValue = relativeValues[0];
+ valueFactor = relativeValues[1];
+
+ var unit = (relValue?total_height/relValue:relValue);
+ if(!yax&&!(this._settings.origin!="auto"&&xax)){
+ /*defines start value for better representation of small values*/
+ var startValue = 10;
+ unit = (relValue?(total_height-startValue)/relValue:startValue);
+ }
+ /*if yAxis isn't set, but with custom origin */
+ if(!sIndex&&(this._settings.origin!="auto"&&!yax)&&this._settings.origin>minValue){
+ this._drawXAxis(ctx,data,point0,point1,cellWidth,point1.y-unit*(this._settings.origin-minValue));
+ }
+
+ /*a real bar width */
+ var barWidth = parseInt(this._settings.width,10);
+ if(this._series&&(barWidth*this._series.length+4)>cellWidth) barWidth = cellWidth/this._series.length-4;
+ /*the half of distance between bars*/
+ var barOffset = Math.floor((cellWidth - barWidth*this._series.length)/2);
+ /*the radius of rounding in the top part of each bar*/
+ var radius = (typeof this._settings.radius!="undefined"?parseInt(this._settings.radius,10):Math.round(barWidth/5));
+
+ var inner_gradient = false;
+ var gradient = this._settings.gradient;
+
+ if(gradient && typeof(gradient) != "function"){
+ inner_gradient = gradient;
+ gradient = false;
+ } else if (gradient){
+ gradient = ctx.createLinearGradient(0,point1.y,0,point0.y);
+ this._settings.gradient(gradient);
+ }
+ var scaleY = 0;
+ /*draws a black line if the horizontal scale isn't defined*/
+ if(!xax){
+ this._drawLine(ctx,point0.x,point1.y+0.5,point1.x,point1.y+0.5,"#000000",1); //hardcoded color!
+ }
+
+ for(var i=0; i < data.length;i ++){
+
+ var value = parseFloat(this._settings.value(data[i]));
+ if(value>maxValue) value = maxValue;
+ value -= minValue;
+ value *= valueFactor;
+
+ /*start point (bottom left)*/
+ var x0 = point0.x + barOffset + i*cellWidth+(barWidth+1)*sIndex;
+ var y0 = point1.y;
+
+ if(value<0||(this._settings.yAxis&&value===0&&!(this._settings.origin!="auto"&&this._settings.origin>minValue))){
+ this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
+ continue;
+ }
+
+ /*takes start value into consideration*/
+ if(!yax&&!(this._settings.origin!="auto"&&xax)) value += startValue/unit;
+
+ var color = gradient||this._settings.color.call(this,data[i]);
+
+ /*drawing the gradient border of a bar*/
+ if(this._settings.border)
+ this._drawBarBorder(ctx,x0,y0,barWidth,minValue,radius,unit,value,color);
+
+ /*drawing bar body*/
+ ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
+ var points = this._drawBar(ctx,point0,x0,y0,barWidth,minValue,radius,unit,value,color,gradient,inner_gradient);
+ ctx.globalAlpha = 1;
+
+ if (inner_gradient){
+ this._drawBarGradient(ctx,x0,y0,barWidth,minValue,radius,unit,value,color,inner_gradient);
+ }
+ /*sets a bar label*/
+ if(points[0]!=x0)
+ this.renderTextAt(false, true, x0+Math.floor(barWidth/2),points[1],this._settings.label(data[i]));
+ else
+ this.renderTextAt(true, true, x0+Math.floor(barWidth/2),points[3],this._settings.label(data[i]));
+ /*defines a map area for a bar*/
+ map.addRect(data[i].id,[x0,points[3],points[2],points[1]],sIndex);
+ }
+ },
+ _correctBarParams:function(ctx,x,y,value,unit,barWidth,minValue){
+ var xax = this._settings.xAxis;
+ var axisStart = y;
+ if(!!xax&&this._settings.origin!="auto" && (this._settings.origin>minValue)){
+ y -= (this._settings.origin-minValue)*unit;
+ axisStart = y;
+ value = value-(this._settings.origin-minValue);
+ if(value < 0){
+ value *= (-1);
+ ctx.translate(x+barWidth,y);
+ ctx.rotate(Math.PI);
+ x = 0;
+ y = 0;
+ }
+ y -= 0.5;
+ }
+
+ return {value:value,x0:x,y0:y,start:axisStart}
+ },
+ _drawBar:function(ctx,point0,x0,y0,barWidth,minValue,radius,unit,value,color,gradient,inner_gradient){
+ ctx.save();
+ ctx.fillStyle = color;
+ var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
+ var points = this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,(this._settings.border?1:0));
+ if (gradient&&!inner_gradient) ctx.lineTo(p.x0+(this._settings.border?1:0),point0.y); //fix gradient sphreading
+ ctx.fill()
+ ctx.restore();
+ var x1 = p.x0;
+ var x2 = (p.x0!=x0?x0+points[0]:points[0]);
+ var y1 = (p.x0!=x0?(p.start-points[1]):y0);
+ var y2 = (p.x0!=x0?p.start:points[1]);
+ return [x1,y1,x2,y2];
+ },
+ _drawBarBorder:function(ctx,x0,y0,barWidth,minValue,radius,unit,value,color){
+ ctx.save();
+ var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
+
+ ctx.fillStyle = color;
+ this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,0);
+ ctx.lineTo(p.x0,0);
+ ctx.fill()
+
+
+ ctx.fillStyle = "#000000";
+ ctx.globalAlpha = 0.37;
+
+ this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,0);
+ ctx.fill()
+ ctx.restore();
+ },
+ _drawBarGradient:function(ctx,x0,y0,barWidth,minValue,radius,unit,value,color,inner_gradient){
+ ctx.save();
+ //y0 -= (dhtmlx._isIE?0:0.5);
+ var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
+ var gradParam = this._setBarGradient(ctx,p.x0,p.y0,p.x0+barWidth,p.y0-unit*p.value+2,inner_gradient,color,"y");
+ ctx.fillStyle = gradParam.gradient;
+ this._setBarPoints(ctx,p.x0+gradParam.offset,p.y0,barWidth-gradParam.offset*2,radius,unit,p.value,gradParam.offset);
+ ctx.fill()
+ ctx.restore();
+ },
+ /**
+ * sets points for bar and returns the position of the bottom right point
+ * @param: ctx - canvas object
+ * @param: x0 - the x position of start point
+ * @param: y0 - the y position of start point
+ * @param: barWidth - bar width
+ * @param: radius - the rounding radius of the top
+ * @param: unit - the value defines the correspondence between item value and bar height
+ * @param: value - item value
+ * @param: offset - the offset from expected bar edge (necessary for drawing border)
+ */
+ _setBarPoints:function(ctx,x0,y0,barWidth,radius,unit,value,offset){
+ /*correction for displaing small values (when rounding radius is bigger than bar height)*/
+ ctx.beginPath();
+ //y0 = 0.5;
+ var angle_corr = 0;
+ if(radius>unit*value){
+ var cosA = (radius-unit*value)/radius;
+ angle_corr = -Math.acos(cosA)+Math.PI/2;
+ }
+ /*start*/
+ ctx.moveTo(x0+offset,y0);
+ /*start of left rounding*/
+ var y1 = y0 - Math.floor(unit*value) + radius + (radius?0:offset);
+ if(radius<unit*value)
+ ctx.lineTo(x0+offset,y1);
+ /*left rounding*/
+ var x2 = x0 + radius;
+ if (radius)
+ ctx.arc(x2,y1,radius-offset,-Math.PI+angle_corr,-Math.PI/2,false);
+ /*start of right rounding*/
+ var x3 = x0 + barWidth - radius - (radius?0:offset);
+ var y3 = y1 - radius+(radius?offset:0);
+ ctx.lineTo(x3,y3);
+ /*right rounding*/
+ var y4 = y1;
+ if (radius)
+ ctx.arc(x3,y4,radius-offset,-Math.PI/2,0-angle_corr,false);
+ /*bottom right point*/
+ var x5 = x0 + barWidth-offset;
+ ctx.lineTo(x5,y0);
+ /*line to the start point*/
+ ctx.lineTo(x0+offset,y0);
+ // ctx.lineTo(x0,0); //IE fix!
+ return [x5,y3];
+ }
+}; + + +/* DHX DEPEND FROM FILE 'ext/chart/chart_pie.js'*/ + + +/*DHX:Depend ext/chart/chart_base.js*/
+dhtmlx.chart.pie = {
+ pvt_render_pie:function(ctx,data,x,y,sIndex,map){
+ this._renderPie(ctx,data,x,y,1,map);
+
+ },
+ /**
+ * renders a pie chart
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: x - the width of the container
+ * @param: y - the height of the container
+ * @param: ky - value from 0 to 1 that defines an angle of inclination (0<ky<1 - 3D chart)
+ */
+ _renderPie:function(ctx,data,point0,point1,ky,map){
+
+ var totalValue = 0;
+ var coord = this._getPieParameters(point0,point1);
+ /*pie radius*/
+ var radius = (this._settings.radius?this._settings.radius:coord.radius);
+ var maxValue = this.max(this._settings.value);
+ /*weighed values (the ratio of object value to total value)*/
+ var ratios = [];
+ /*real values*/
+ var values = [];
+ var prevSum = 0;
+
+ for(var i = 0; i < data.length;i++)
+ totalValue += parseFloat(this._settings.value(data[i]));
+
+ for(var i = 0; i < data.length;i++){
+ values[i] = parseFloat(this._settings.value(data[i]));
+ ratios[i] = Math.PI*2*(totalValue?((values[i]+prevSum)/totalValue):(1/data.length));
+ prevSum += values[i];
+ }
+ /*pie center*/
+ var x0 = (this._settings.x?this._settings.x:coord.x);
+ var y0 = (this._settings.y?this._settings.y:coord.y);
+ /*adds shadow to the 2D pie*/
+ if(ky==1&&this._settings.shadow)
+ this._addShadow(ctx,x0,y0,radius);
+
+ /*changes vertical position of the center according to 3Dpie cant*/
+ y0 = y0/ky;
+ /*the angle defines the 1st edge of the sector*/
+ var alpha0 = -Math.PI/2;
+ /*changes Canvas vertical scale*/
+ ctx.scale(1,ky);
+
+ for(var i = 0; i < data.length;i++){
+ if (!values[i]) continue;
+ /*drawing sector*/
+ ctx.lineWidth = 2;
+ ctx.beginPath();
+ ctx.moveTo(x0,y0);
+ /*the angle defines the 2nd edge of the sector*/
+ alpha1 = -Math.PI/2+ratios[i]-0.0001;
+ ctx.arc(x0,y0,radius,alpha0,alpha1,false);
+ ctx.lineTo(x0,y0);
+
+ var color = this._settings.color.call(this,data[i]);
+ ctx.fillStyle = color;
+
+ ctx.strokeStyle = this._settings.lineColor(data[i]);
+ ctx.stroke();
+ ctx.fill();
+
+ /*text that needs being displayed inside the sector*/
+ if(this._settings.pieInnerText)
+ this._drawSectorLabel(x0,y0,5*radius/6,alpha0,alpha1,ky,this._settings.pieInnerText(data[i],totalValue),true);
+ /*label outside the sector*/
+ if(this._settings.label)
+ this._drawSectorLabel(x0,y0,radius+this._settings.labelOffset,alpha0,alpha1,ky,this._settings.label(data[i]));
+ /*drawing lower part for 3D pie*/
+ if(ky!=1){
+ this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,true);
+ ctx.fillStyle = "#000000";
+ ctx.globalAlpha = 0.2;
+ this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,false);
+ ctx.globalAlpha = 1;
+ ctx.fillStyle = color;
+ }
+
+ /*creats map area (needed for events)*/
+ map.addSector(data[i].id,alpha0,alpha1,x0,y0,radius,ky);
+
+ alpha0 = alpha1;
+
+
+ }
+
+ /*adds radial gradient to a pie*/
+ if (this._settings.gradient){
+ var x1 = (ky!=1?x0+radius/3:x0);
+ var y1 = (ky!=1?y0+radius/3:y0);
+ this._showRadialGradient(ctx,x0,y0,radius,x1,y1);
+ }
+ ctx.scale(1,1/ky);
+ },
+ /**
+ * returns calculated pie parameters: center position and radius
+ * @param: x - the width of a container
+ * @param: y - the height of a container
+ */
+ _getPieParameters:function(point0,point1){
+ /*var offsetX = 0;
+ var offsetY = 0;
+ if(this._settings.legend &&this._settings.legend.layout!="x")
+ offsetX = this._settings.legend.width*(this._settings.legend.align=="right"?-1:1);
+ var x0 = (x + offsetX)/2;
+ if(this._settings.legend &&this._settings.legend.layout=="x")
+ offsetY = this._settings.legend.height*(this._settings.legend.valign=="bottom"?-1:1);
+ var y0 = (y+offsetY)/2;*/
+ var width = point1.x-point0.x;
+ var height = point1.y-point0.y;
+ var x0 = point0.x+width/2;
+ var y0 = point0.y+height/2
+ var radius = Math.min(width/2,height/2);
+ return {"x":x0,"y":y0,"radius":radius};
+ },
+ /**
+ * creates lower part of sector in 3Dpie
+ * @param: ctx - canvas object
+ * @param: x0 - the horizontal position of the pie center
+ * @param: y0 - the vertical position of the pie center
+ * @param: a0 - the angle that defines the first edge of a sector
+ * @param: a1 - the angle that defines the second edge of a sector
+ * @param: R - pie radius
+ * @param: line (boolean) - if the sector needs a border
+ */
+ _createLowerSector:function(ctx,x0,y0,a1,a2,R,line){
+ ctx.lineWidth = 1;
+ /*checks if the lower sector needs being displayed*/
+ if(!((a1<=0 && a2>=0)||(a1>=0 && a2<=Math.PI)||(a1<=Math.PI && a2>=Math.PI))) return;
+
+ if(a1<=0 && a2>=0){
+ a1 = 0;
+ line = false;
+ this._drawSectorLine(ctx,x0,y0,R,a1,a2);
+ }
+ if(a1<=Math.PI && a2>=Math.PI){
+ a2 = Math.PI;
+ line = false;
+ this._drawSectorLine(ctx,x0,y0,R,a1,a2);
+ }
+ /*the height of 3D pie*/
+ var offset = (this._settings.height||Math.floor(R/4))/this._settings.cant;
+ ctx.beginPath();
+ ctx.arc(x0,y0,R,a1,a2,false);
+ ctx.lineTo(x0+R*Math.cos(a2),y0+R*Math.sin(a2)+offset);
+ ctx.arc(x0,y0+offset,R,a2,a1,true);
+ ctx.lineTo(x0+R*Math.cos(a1),y0+R*Math.sin(a1));
+ ctx.fill();
+ if(line)
+ ctx.stroke();
+ },
+ /**
+ * draws a serctor arc
+ */
+ _drawSectorLine:function(ctx,x0,y0,R,a1,a2){
+ ctx.beginPath();
+ ctx.arc(x0,y0,R,a1,a2,false);
+ ctx.stroke();
+ },
+ /**
+ * adds a shadow to pie
+ * @param: ctx - canvas object
+ * @param: x - the horizontal position of the pie center
+ * @param: y - the vertical position of the pie center
+ * @param: R - pie radius
+ */
+ _addShadow:function(ctx,x,y,R){
+ var shadows = ["#676767","#7b7b7b","#a0a0a0","#bcbcbc","#d1d1d1","#d6d6d6"];
+ for(var i = shadows.length-1;i>-1;i--){
+ ctx.beginPath();
+ ctx.fillStyle = shadows[i];
+ ctx.arc(x+2,y+2,R+i,0,Math.PI*2,true);
+ ctx.fill();
+ }
+ },
+ /**
+ * returns a gray gradient
+ * @param: gradient - gradient object
+ */
+ _getGrayGradient:function(gradient){
+ gradient.addColorStop(0.0,"#ffffff");
+ gradient.addColorStop(0.7,"#7a7a7a");
+ gradient.addColorStop(1.0,"#000000");
+ return gradient;
+ },
+ /**
+ * adds gray radial gradient
+ * @param: ctx - canvas object
+ * @param: x - the horizontal position of the pie center
+ * @param: y - the vertical position of the pie center
+ * @param: radius - pie radius
+ * @param: x0 - the horizontal position of a gradient center
+ * @param: y0 - the vertical position of a gradient center
+ */
+ _showRadialGradient:function(ctx,x,y,radius,x0,y0){
+ ctx.globalAlpha = 0.3;
+ ctx.beginPath();
+ var gradient;
+ if(typeof this._settings.gradient!= "function"){
+ gradient = ctx.createRadialGradient(x0,y0,radius/4,x,y,radius);
+ gradient = this._getGrayGradient(gradient);
+ }
+ else gradient = this._settings.gradient(gradient);
+ ctx.fillStyle = gradient;
+ ctx.arc(x,y,radius,0,Math.PI*2,true);
+ ctx.fill();
+ ctx.globalAlpha = 1;
+ },
+ /**
+ * returns the calculates pie parameters: center position and radius
+ * @param: ctx - canvas object
+ * @param: x0 - the horizontal position of the pie center
+ * @param: y0 - the vertical position of the pie center
+ * @param: R - pie radius
+ * @param: alpha1 - the angle that defines the 1st edge of a sector
+ * @param: alpha2 - the angle that defines the 2nd edge of a sector
+ * @param: ky - the value that defines an angle of inclination
+ * @param: text - label text
+ * @param: in_width (boolean) - if label needs being displayed inside a pie
+ */
+ _drawSectorLabel:function(x0,y0,R,alpha1,alpha2,ky,text,in_width){
+ var t = this.renderText(0,0,text,0,1);
+ if (!t) return;
+
+ //get existing width of text
+ var labelWidth = t.scrollWidth;
+ t.style.width = labelWidth+"px"; //adjust text label to fit all text
+ if (labelWidth>x0) labelWidth = x0; //the text can't be greater than half of view
+
+ //calculate expected correction based on default font metrics
+ var width = 8;
+ if (in_width) width = labelWidth/1.8;
+ var alpha = alpha1+(alpha2-alpha1)/2;
+
+ //calcualteion position and correction
+ R = R-(width-8)/2;
+ var corr_x = - width;
+ var corr_y = -8;
+ var align = "left";
+
+ //for items in right upper sector
+ if(alpha>=Math.PI/2 && alpha<Math.PI){
+ //correction need to be applied because of righ align
+ //we need to count right upper angle instead of left upper angle
+ corr_x = -labelWidth-corr_x+1;/*correction for label width*/
+ align = "right";
+ }
+ //for items in right lower sector
+ if(alpha<=3*Math.PI/2 && alpha>=Math.PI){
+ corr_x = -labelWidth-corr_x+1;
+ align = "right";
+ }
+
+ //calculate position of text
+ //basically get point at center of pie sector
+ var y = (y0+Math.floor(R*Math.sin(alpha)))*ky+corr_y;
+ var x = x0+Math.floor((R+width/2)*Math.cos(alpha))+corr_x;
+
+ //if pie sector starts in left of right part pie, related text
+ //must be placed to the left of to the right of pie as well
+ var left_end = (alpha2 < Math.PI/2+0.01)
+ var left_start = (alpha < Math.PI/2);
+ if (left_start && left_end)
+ x = Math.max(x,x0+3); //right part of pie
+ else if (!left_start && !left_end)
+ x = Math.min(x,x0-labelWidth); //left part of pie
+
+ /*correction for the lower sector of the 3D pie*/
+ if (!in_width && ky<1 && y > y0*ky){
+ y+= (this._settings.height||Math.floor(R/4));
+ }
+
+ //we need to set position of text manually, based on above calculations
+ t.style.top = y+"px";
+ t.style.left = x+"px";
+ t.style.width = labelWidth+"px";
+ t.style.textAlign = align;
+ t.style.whiteSpace = "nowrap";
+ }
+};
+
+dhtmlx.chart.pie3D = {
+ pvt_render_pie3D:function(ctx,data,x,y,sIndex,map){
+ this._renderPie(ctx,data,x,y,this._settings.cant,map);
+ }
+} + + +/* DHX DEPEND FROM FILE 'template.js'*/ + + +/*
+ Template - handles html templates
+*/
+
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.Template={
+ _cache:{
+ },
+ empty:function(){
+ return "";
+ },
+ setter:function(name, value){
+ return dhtmlx.Template.fromHTML(value);
+ },
+ obj_setter:function(name,value){
+ var f = dhtmlx.Template.setter(name,value);
+ var obj = this;
+ return function(){
+ return f.apply(obj, arguments);
+ };
+ },
+ fromHTML:function(str){
+ if (typeof str == "function") return str;
+ if (this._cache[str])
+ return this._cache[str];
+
+ //supported idioms
+ // {obj} => value
+ // {obj.attr} => named attribute or value of sub-tag in case of xml
+ // {obj.attr?some:other} conditional output
+ // {-obj => sub-template
+ str=(str||"").toString();
+ str=str.replace(/[\r\n]+/g,"\\n");
+ str=str.replace(/\{obj\.([^}?]+)\?([^:]*):([^}]*)\}/g,"\"+(obj.$1?\"$2\":\"$3\")+\"");
+ str=str.replace(/\{common\.([^}\(]*)\}/g,"\"+common.$1+\"");
+ str=str.replace(/\{common\.([^\}\(]*)\(\)\}/g,"\"+(common.$1?common.$1(obj):\"\")+\"");
+ str=str.replace(/\{obj\.([^}]*)\}/g,"\"+obj.$1+\"");
+ str=str.replace(/#([a-z0-9_]+)#/gi,"\"+obj.$1+\"");
+ str=str.replace(/\{obj\}/g,"\"+obj+\"");
+ str=str.replace(/\{-obj/g,"{obj");
+ str=str.replace(/\{-common/g,"{common");
+ str="return \""+str+"\";";
+ return this._cache[str]= Function("obj","common",str);
+ }
+};
+
+dhtmlx.Type={
+ /*
+ adds new template-type
+ obj - object to which template will be added
+ data - properties of template
+ */
+ add:function(obj, data){
+ //auto switch to prototype, if name of class was provided
+ if (!obj.types && obj.prototype.types)
+ obj = obj.prototype;
+ //if (typeof data == "string")
+ // data = { template:data };
+
+ if (dhtmlx.assert_enabled())
+ this.assert_event(data);
+
+ var name = data.name||"default";
+
+ //predefined templates - autoprocessing
+ this._template(data);
+ this._template(data,"edit");
+ this._template(data,"loading");
+
+ obj.types[name]=dhtmlx.extend(dhtmlx.extend({},(obj.types[name]||this._default)),data);
+ return name;
+ },
+ //default template value - basically empty box with 5px margin
+ _default:{
+ css:"default",
+ template:function(){ return ""; },
+ template_edit:function(){ return ""; },
+ template_loading:function(){ return "..."; },
+ width:150,
+ height:80,
+ margin:5,
+ padding:0
+ },
+ //template creation helper
+ _template:function(obj,name){
+ name = "template"+(name?("_"+name):"");
+ var data = obj[name];
+ //if template is a string - check is it plain string or reference to external content
+ if (data && (typeof data == "string")){
+ if (data.indexOf("->")!=-1){
+ data = data.split("->");
+ switch(data[0]){
+ case "html": //load from some container on the page
+ data = dhtmlx.html.getValue(data[1]).replace(/\"/g,"\\\"");
+ break;
+ case "http": //load from external file
+ data = new dhtmlx.ajax().sync().get(data[1],{uid:(new Date()).valueOf()}).responseText;
+ break;
+ default:
+ //do nothing, will use template as is
+ break;
+ }
+ }
+ obj[name] = dhtmlx.Template.fromHTML(data);
+ }
+ }
+};
+ + + +/* DHX DEPEND FROM FILE 'single_render.js'*/ + + +/*
+ REnders single item.
+ Can be used for elements without datastore, or with complex custom rendering logic
+
+ @export
+ render
+*/
+
+/*DHX:Depend template.js*/
+
+dhtmlx.SingleRender={
+ _init:function(){
+ },
+ //convert item to the HTML text
+ _toHTML:function(obj){
+ /*
+ this one doesn't support per-item-$template
+ it has not sense, because we have only single item per object
+ */
+ return this.type._item_start(obj,this.type)+this.type.template(obj,this.type)+this.type._item_end;
+ },
+ //render self, by templating data object
+ render:function(){
+ if (!this.callEvent || this.callEvent("onBeforeRender",[this.data])){
+ if (this.data)
+ this._dataobj.innerHTML = this._toHTML(this.data);
+ if (this.callEvent) this.callEvent("onAfterRender",[]);
+ }
+ }
+}; + + +/* DHX DEPEND FROM FILE 'tooltip.js'*/ + + +/*
+ UI: Tooltip
+
+ @export
+ show
+ hide
+*/
+
+/*DHX:Depend tooltip.css*/
+/*DHX:Depend template.js*/
+/*DHX:Depend single_render.js*/
+
+dhtmlx.ui.Tooltip=function(container){
+ this.name = "Tooltip";
+ this.version = "3.0";
+
+ if (dhtmlx.assert_enabled()) this._assert();
+
+ if (typeof container == "string"){
+ container = { template:container };
+ }
+
+ dhtmlx.extend(this, dhtmlx.Settings);
+ dhtmlx.extend(this, dhtmlx.SingleRender);
+ this._parseSettings(container,{
+ type:"default",
+ dy:0,
+ dx:20
+ });
+
+ //create container for future tooltip
+ this._dataobj = this._obj = document.createElement("DIV");
+ this._obj.className="dhx_tooltip";
+ dhtmlx.html.insertBefore(this._obj,document.body.firstChild);
+};
+dhtmlx.ui.Tooltip.prototype = {
+ //show tooptip
+ //pos - object, pos.x - left, pox.y - top
+ show:function(data,pos){
+ if (this._disabled) return;
+ //render sefl only if new data was provided
+ if (this.data!=data){
+ this.data=data;
+ this.render(data);
+ }
+ //show at specified position
+ this._obj.style.top = pos.y+this._settings.dy+"px";
+ this._obj.style.left = pos.x+this._settings.dx+"px";
+ this._obj.style.display="block";
+ },
+ //hide tooltip
+ hide:function(){
+ this.data=null; //nulify, to be sure that on next show it will be fresh-rendered
+ this._obj.style.display="none";
+ },
+ disable:function(){
+ this._disabled = true;
+ },
+ enable:function(){
+ this._disabled = false;
+ },
+ types:{
+ "default":dhtmlx.Template.fromHTML("{obj.id}")
+ },
+ template_item_start:dhtmlx.Template.empty,
+ template_item_end:dhtmlx.Template.empty
+};
+ + + +/* DHX DEPEND FROM FILE 'autotooltip.js'*/ + + +/*
+ Behavior: AutoTooltip - links tooltip to data driven item
+*/
+
+/*DHX:Depend tooltip.js*/
+
+dhtmlx.AutoTooltip = {
+ tooltip_setter:function(mode,value){
+ var t = new dhtmlx.ui.Tooltip(value);
+ this.attachEvent("onMouseMove",function(id,e){ //show tooltip on mousemove
+ t.show(this.get(id),dhtmlx.html.pos(e));
+ });
+ this.attachEvent("onMouseOut",function(id,e){ //hide tooltip on mouseout
+ t.hide();
+ });
+ this.attachEvent("onMouseMoving",function(id,e){ //hide tooltip just after moving start
+ t.hide();
+ });
+ return t;
+ }
+}; + + +/* DHX DEPEND FROM FILE 'datastore.js'*/ + + +/*DHX:Depend dhtmlx.js*/
+
+/*
+ DataStore is not a behavior, it standalone object, which represents collection of data.
+ Call provideAPI to map data API
+
+ @export
+ exists
+ idByIndex
+ indexById
+ get
+ set
+ refresh
+ dataCount
+ sort
+ filter
+ next
+ previous
+ clearAll
+ first
+ last
+*/
+dhtmlx.DataStore = function(){
+ this.name = "DataStore";
+
+ dhtmlx.extend(this, dhtmlx.EventSystem);
+
+ this.setDriver("xml"); //default data source is an XML
+ this.pull = {}; //hash of IDs
+ this.order = dhtmlx.toArray(); //order of IDs
+ this._tree_store = false;
+};
+
+dhtmlx.DataStore.prototype={
+ //defines type of used data driver
+ //data driver is an abstraction other different data formats - xml, json, csv, etc.
+ setDriver:function(type){
+ dhtmlx.assert(dhtmlx.DataDriver[type],"incorrect DataDriver");
+ this.driver = dhtmlx.DataDriver[type];
+ },
+ _tree_parse:function(data){
+ if (data.item){ //FIXME
+ if (!(data.item instanceof Array))
+ data.item=[data.item];
+ for (var i=0; i < data.item.length; i++) {
+ var item = data.item[i];
+ var id = this.id(item);
+
+ data.item[i]=id;
+ this.pull[id]=item;
+ item.parent = data.id;
+ item.level = data.level+1;
+ this._tree_parse(item);
+ };
+ }
+ },
+ //process incoming raw data
+ _parse:function(data){
+ //get size and position of data
+ var info = this.driver.getInfo(data);
+ //get array of records
+
+ var recs = this.driver.getRecords(data);
+ var from = (info._from||0)*1;
+ var j=0;
+ for (var i=0; i<recs.length; i++){
+ //get has of details for each record
+ var temp = this.driver.getDetails(recs[i]);
+ var id = this.id(temp); //generate ID for the record
+ if (!this.pull[id]){ //if such ID already exists - update instead of insert
+ this.order[j+from]=id;
+ j++;
+ }
+ this.pull[id]=temp;
+ if (this._tree_store){
+ temp.level = 1;
+ this._tree_parse(temp);
+ }
+ }
+
+ //for all not loaded data
+ for (var i=0; i < info._size; i++)
+ if (!this.order[i]){
+ var id = dhtmlx.uid();
+ var temp = {id:id, $template:"loading"}; //create fake records
+ this.pull[id]=temp;
+ this.order[i]=id;
+ }
+ this.callEvent("onStoreLoad",[this.driver, data]);
+ //repaint self after data loading
+ this.refresh();
+ },
+ //generate id for data object
+ id:function(data){
+ return data.id||(data.id=dhtmlx.uid());
+ },
+ //get data from hash by id
+ get:function(id){
+ return this.pull[id];
+ },
+ //assigns data by id
+ set:function(id,data){
+ this.pull[id]=data;
+ this.refresh();
+ },
+ //sends repainting signal
+ refresh:function(id){
+ if (id)
+ this.callEvent("onStoreUpdated",[id, this.pull[id], "update"]);
+ else
+ this.callEvent("onStoreUpdated",[null,null,null]);
+ },
+ //converts range IDs to array of all IDs between them
+ getRange:function(from,to){
+ if (!arguments.length){
+ //if indexes not provided - return all visible rows
+ from = this.min||0; to = Math.min((this.max||Infinity),(this.dataCount()-1));
+ } else{
+ from = this.indexById(from);
+ to = this.indexById(to);
+ if (from>to){ //can be in case of backward shift-selection
+ var a=to; to=from; from=a;
+ }
+ }
+ return this.getIndexRange(from,to);
+ },
+ //converts range of indexes to array of all IDs between them
+ getIndexRange:function(from,to){
+ to=Math.min(to,this.dataCount()-1);
+
+ var ret=dhtmlx.toArray(); //result of method is rich-array
+ for (var i=from; i <= to; i++)
+ ret.push(this.get(this.order[i]));
+ return ret;
+ },
+ //returns total count of elements
+ dataCount:function(){
+ return this.order.length;
+ },
+ //returns truy if item with such ID exists
+ exists:function(id){
+ return !!(this.pull[id]);
+ },
+ //nextmethod is not visible on component level, check DataMove.move
+ //moves item from source index to the target index
+ move:function(sindex,tindex){
+ if (sindex<0 || tindex<0){
+ dhtmlx.error("DataStore::move","Incorrect indexes");
+ return;
+ }
+
+ var id = this.idByIndex(sindex);
+ var obj = this.get(id);
+
+ this.order.removeAt(sindex); //remove at old position
+ //if (sindex<tindex) tindex--; //correct shift, caused by element removing
+ this.order.insertAt(id,Math.min(this.order.length, tindex)); //insert at new position
+
+ //repaint signal
+ this.callEvent("onStoreUpdated",[id,obj,"move"]);
+ },
+ //adds item to the store
+ add:function(obj,index){
+ //generate id for the item
+ var id = this.id(obj);
+
+ //by default item is added to the end of the list
+ var data_size = this.dataCount();
+ if (dhtmlx.isNotDefined(index) || index < 0)
+ index = data_size;
+ //check to prevent too big indexes
+ if (index > data_size){
+ dhtmlx.log("Warning","DataStore:add","Index of out of bounds");
+ index = Math.min(this.order.length,index);
+ }
+
+ if (!this.callEvent("onbeforeAdd",[id,index])) return;
+
+ if (this.exists(id)) return dhtmlx.error("Not unique ID");
+
+ this.pull[id]=obj;
+ this.order.insertAt(id,index);
+ if (this._filter_order){ //adding during filtering
+ //we can't know the location of new item in full dataset, making suggestion
+ //put at end by default
+ var original_index = this._filter_order.length;
+ //put at start only if adding to the start and some data exists
+ if (!index && this.order.length)
+ original_index = 0;
+
+ this._filter_order.insertAt(id,original_index);
+ }
+
+ this.callEvent("onafterAdd",[id,index]);
+ //repaint signal
+ this.callEvent("onStoreUpdated",[id,obj,"add"]);
+ return id;
+ },
+
+ //removes element from datastore
+ remove:function(id){
+ //id can be an array of IDs - result of getSelect, for example
+ if (id instanceof Array){
+ for (var i=0; i < id.length; i++)
+ this.remove(id[i]);
+ return;
+ }
+ if (!this.callEvent("onbeforedelete",[id])) return;
+ if (!this.exists(id)) return dhtmlx.error("Not existing ID",id);
+ var obj = this.get(id); //save for later event
+ //clear from collections
+ this.order.remove(id);
+ if (this._filter_order)
+ this._filter_order.remove(id);
+
+ delete this.pull[id];
+ this.callEvent("onafterdelete",[id]);
+ //repaint signal
+ this.callEvent("onStoreUpdated",[id,obj,"delete"]);
+ },
+ //deletes all records in datastore
+ clearAll:function(){
+ //instead of deleting one by one - just reset inner collections
+ this.pull = {};
+ this.order = dhtmlx.toArray();
+ this._filter_order = null;
+ this.callEvent("onClearAll",[]);
+ this.refresh();
+ },
+ //converts id to index
+ idByIndex:function(index){
+ if (index>=this.order.length || index<0)
+ dhtmlx.log("Warning","DataStore::idByIndex Incorrect index");
+
+ return this.order[index];
+ },
+ //converts index to id
+ indexById:function(id){
+ var res = this.order.find(id); //slower than idByIndex
+
+ if (res == -1)
+ dhtmlx.log("Warning","DataStore::indexById Non-existing ID: "+ id);
+
+ return res;
+ },
+ //returns ID of next element
+ next:function(id,step){
+ return this.order[this.indexById(id)+(step||1)];
+ },
+ //returns ID of first element
+ first:function(){
+ return this.order[0];
+ },
+ //returns ID of last element
+ last:function(){
+ return this.order[this.order.length-1];
+ },
+ //returns ID of previous element
+ previous:function(id,step){
+ return this.order[this.indexById(id)-(step||1)];
+ },
+ /*
+ sort data in collection
+ by - settings of sorting
+
+ or
+
+ by - sorting function
+ dir - "asc" or "desc"
+
+ or
+
+ by - property
+ dir - "asc" or "desc"
+ as - type of sortings
+
+ Sorting function will accept 2 parameters and must return 1,0,-1, based on desired order
+ */
+ sort:function(by, dir, as){
+ var sort = by;
+ if (typeof by == "function")
+ sort = {as:by, dir:dir};
+ else if (typeof by == "string")
+ sort = {by:by, dir:dir, as:as};
+
+
+ var parameters = [sort.by, sort.dir, sort.as];
+ if (!this.callEvent("onbeforesort",parameters)) return;
+
+ if (this.order.length){
+ var sorter = dhtmlx.sort.create(sort);
+ //get array of IDs
+ var neworder = this.getRange(this.first(), this.last());
+ neworder.sort(sorter);
+ this.order = neworder.map(function(obj){ return this.id(obj); },this);
+ }
+
+ //repaint self
+ this.refresh();
+
+ this.callEvent("onaftersort",parameters);
+ },
+ /*
+ Filter datasource
+
+ text - property, by which filter
+ value - filter mask
+
+ or
+
+ text - filter method
+
+ Filter method will receive data object and must return true or false
+ */
+ filter:function(text,value){
+ //remove previous filtering , if any
+ if (this._filter_order){
+ this.order = this._filter_order;
+ delete this._filter_order;
+ }
+ //if text not define -just unfilter previous state and exit
+ if (text){
+ var filter = text;
+ if (typeof text == "string"){
+ text = dhtmlx.Template.setter(0,text);
+ filter = function(obj,value){ //default filter - string start from, case in-sensitive
+ return text(obj).toLowerCase().indexOf(value)!=-1;
+ };
+ }
+
+ value = (value||"").toString().toLowerCase();
+ var neworder = dhtmlx.toArray();
+ this.order.each(function(id){
+ if (filter(this.get(id),value))
+ neworder.push(id);
+ },this);
+ //set new order of items, store original
+ this._filter_order = this.order;
+ this.order = neworder;
+ }
+ //repaint self
+ this.refresh();
+ },
+ /*
+ Iterate through collection
+ */
+ each:function(method,master){
+ for (var i=0; i<this.order.length; i++)
+ method.call((master||this), this.get(this.order[i]));
+ },
+ /*
+ map inner methods to some distant object
+ */
+ provideApi:function(target,eventable){
+
+ if (eventable){
+ this.mapEvent({
+ onbeforesort: target,
+ onaftersort: target,
+ onbeforeadd: target,
+ onafteradd: target,
+ onbeforedelete: target,
+ onafterdelete: target
+ });
+ }
+
+ var list = ["sort","add","remove","exists","idByIndex","indexById","get","set","refresh","dataCount","filter","next","previous","clearAll","first","last"];
+ for (var i=0; i < list.length; i++)
+ target[list[i]]=dhtmlx.methodPush(this,list[i]);
+
+ if (dhtmlx.assert_enabled())
+ this.assert_event(target);
+ }
+};
+
+dhtmlx.sort = {
+ create:function(config){
+ return dhtmlx.sort.dir(config.dir, dhtmlx.sort.by(config.by, config.as));
+ },
+ as:{
+ "int":function(a,b){
+ a = a*1; b=b*1;
+ return a>b?1:(a<b?-1:0);
+ },
+ "string_strict":function(a,b){
+ a = a.toString(); b=b.toString();
+ return a>b?1:(a<b?-1:0);
+ },
+ "string":function(a,b){
+ a = a.toString().toLowerCase(); b=b.toString().toLowerCase();
+ return a>b?1:(a<b?-1:0);
+ }
+ },
+ by:function(prop, method){
+ if (typeof method != "function")
+ method = dhtmlx.sort.as[method||"string"];
+ prop = dhtmlx.Template.setter(0,prop);
+ return function(a,b){
+ return method(prop(a),prop(b));
+ };
+ },
+ dir:function(prop, method){
+ if (prop == "asc")
+ return method;
+ return function(a,b){
+ return method(a,b)*-1;
+ };
+ }
+}; + + +/* DHX DEPEND FROM FILE 'group.js'*/ + + +/*DHX:Depend datastore.js*/
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.Group = {
+ _init:function(){
+ dhtmlx.assert(this.data,"DataStore required for grouping");
+ this.data.attachEvent("onStoreLoad",dhtmlx.bind(function(){
+ if (this._settings.group)
+ this.group(this._settings.group,false);
+ },this));
+ this.attachEvent("onBeforeRender",dhtmlx.bind(function(data){
+ if (this._settings.sort){
+ data.block();
+ data.sort(this._settings.sort);
+ data.unblock();
+ }
+ },this));
+ this.attachEvent("onBeforeSort",dhtmlx.bind(function(){
+ this._settings.sort = null;
+ },this));
+ },
+ _init_group_data_event:function(data,master){
+ data.attachEvent("onClearAll",dhtmlx.bind(function(){
+ this.ungroup(false);
+ },master));
+ },
+ sum:function(property, data){
+ property = dhtmlx.Template.setter(0,property);
+
+ data = data || this.data;
+ var summ = 0;
+ data.each(function(obj){
+ summ+=property(obj)*1;
+ });
+ return summ;
+ },
+ min:function(property, data){
+ property = dhtmlx.Template.setter(0,property);
+
+ data = data || this.data;
+ var min = Infinity;
+ data.each(function(obj){
+ if (property(obj)*1 < min) min = property(obj)*1;
+ });
+ return min*1;
+ },
+ max:function(property, data){
+ property = dhtmlx.Template.setter(0,property);
+
+ data = data || this.data;
+ var max = -Infinity;
+ data.each(function(obj){
+ if (property(obj)*1 > max) max = property(obj)*1;
+ });
+ return max;
+ },
+ _split_data_by:function(stats){
+ var any=function(property, data){
+ property = dhtmlx.Template.setter(0,property);
+ return property(data[0]);
+ };
+ var key = dhtmlx.Template.setter(0,stats.by);
+ if (!stats.map[key])
+ stats.map[key] = [key, any];
+
+ var groups = {};
+ var labels = [];
+ this.data.each(function(data){
+ var current = key(data);
+ if (!groups[current]){
+ labels.push({id:current});
+ groups[current] = dhtmlx.toArray();
+ }
+ groups[current].push(data);
+ });
+ for (var prop in stats.map){
+ var functor = (stats.map[prop][1]||any);
+ if (typeof functor != "function")
+ functor = this[functor];
+
+ for (var i=0; i < labels.length; i++) {
+ labels[i][prop]=functor.call(this, stats.map[prop][0], groups[labels[i].id]);
+ }
+ }
+// if (this._settings.sort)
+// labels.sortBy(stats.sort);
+
+ this._not_grouped_data = this.data;
+ this.data = new dhtmlx.DataStore();
+ this.data.provideApi(this,true);
+ this._init_group_data_event(this.data, this);
+ this.parse(labels,"json");
+ },
+ group:function(config,mode){
+ this.ungroup(false);
+ this._split_data_by(config);
+ if (mode!==false)
+ this.render();
+ },
+ ungroup:function(mode){
+ if (this._not_grouped_data){
+ this.data = this._not_grouped_data;
+ this.data.provideApi(this, true);
+ }
+ if (mode!==false)
+ this.render();
+ },
+ group_setter:function(name, config){
+ dhtmlx.assert(typeof config == "object", "Incorrect group value");
+ dhtmlx.assert(config.by,"group.by is mandatory");
+ dhtmlx.assert(config.map,"group.map is mandatory");
+ return config;
+ },
+ //need to be moved to more appropriate object
+ sort_setter:function(name, config){
+ if (typeof config != "object")
+ config = { by:config };
+
+ this._mergeSettings(config,{
+ as:"string",
+ dir:"asc"
+ });
+ return config;
+ }
+}; + + +/* DHX DEPEND FROM FILE 'key.js'*/ + + +/*
+ Behavior:KeyEvents - hears keyboard
+*/
+dhtmlx.KeyEvents = {
+ _init:function(){
+ //attach handler to the main container
+ dhtmlx.event(this._obj,"keypress",this._onKeyPress,this);
+ },
+ //called on each key press , when focus is inside of related component
+ _onKeyPress:function(e){
+ e=e||event;
+ var code = e.which||e.keyCode; //FIXME better solution is required
+ this.callEvent((this._edit_id?"onEditKeyPress":"onKeyPress"),[code,e.ctrlKey,e.shiftKey,e]);
+ }
+}; + + +/* DHX DEPEND FROM FILE 'mouse.js'*/ + + +/*
+ Behavior:MouseEvents - provides inner evnets for mouse actions
+*/
+dhtmlx.MouseEvents={
+ _init: function(){
+ //attach dom events if related collection is defined
+ if (this.on_click){
+ dhtmlx.event(this._obj,"click",this._onClick,this);
+ dhtmlx.event(this._obj,"contextmenu",this._onContext,this);
+ }
+ if (this.on_dblclick)
+ dhtmlx.event(this._obj,"dblclick",this._onDblClick,this);
+ if (this.on_mouse_move){
+ dhtmlx.event(this._obj,"mousemove",this._onMouse,this);
+ dhtmlx.event(this._obj,(dhtmlx._isIE?"mouseleave":"mouseout"),this._onMouse,this);
+ }
+
+ },
+ //inner onclick object handler
+ _onClick: function(e) {
+ return this._mouseEvent(e,this.on_click,"ItemClick");
+ },
+ //inner ondblclick object handler
+ _onDblClick: function(e) {
+ return this._mouseEvent(e,this.on_dblclick,"ItemDblClick");
+ },
+ //process oncontextmenu events
+ _onContext: function(e) {
+ var id = dhtmlx.html.locate(e, this._id);
+ if (id && !this.callEvent("onBeforeContextMenu", [id,e]))
+ return dhtmlx.html.preventEvent(e);
+ },
+ /*
+ event throttler - ignore events which occurs too fast
+ during mouse moving there are a lot of event firing - we need no so much
+ also, mouseout can fire when moving inside the same html container - we need to ignore such fake calls
+ */
+ _onMouse:function(e){
+ if (dhtmlx._isIE) //make a copy of event, will be used in timed call
+ e = document.createEventObject(event);
+
+ if (this._mouse_move_timer) //clear old event timer
+ window.clearTimeout(this._mouse_move_timer);
+
+ //this event just inform about moving operation, we don't care about details
+ this.callEvent("onMouseMoving",[e]);
+ //set new event timer
+ this._mouse_move_timer = window.setTimeout(dhtmlx.bind(function(){
+ //called only when we have at least 100ms after previous event
+ if (e.type == "mousemove")
+ this._onMouseMove(e);
+ else
+ this._onMouseOut(e);
+ },this),500);
+ },
+ //inner mousemove object handler
+ _onMouseMove: function(e) {
+ if (!this._mouseEvent(e,this.on_mouse_move,"MouseMove"))
+ this.callEvent("onMouseOut",[e||event]);
+ },
+ //inner mouseout object handler
+ _onMouseOut: function(e) {
+ this.callEvent("onMouseOut",[e||event]);
+ },
+ //common logic for click and dbl-click processing
+ _mouseEvent:function(e,hash,name){
+ e=e||event;
+ var trg=e.target||e.srcElement;
+ var css = "";
+ var id = null;
+ var found = false;
+ //loop through all parents
+ while (trg && trg.parentNode){
+ if (!found && trg.getAttribute){ //if element with ID mark is not detected yet
+ id = trg.getAttribute(this._id); //check id of current one
+ if (id){
+ if (trg.getAttribute("userdata"))
+ this.callEvent("onLocateData",[id,trg]);
+ if (!this.callEvent("on"+name,[id,e,trg])) return; //it will be triggered only for first detected ID, in case of nested elements
+ found = true; //set found flag
+ }
+ }
+ css=trg.className;
+ if (css){ //check if pre-defined reaction for element's css name exists
+ css = css.split(" ");
+ css = css[0]||css[1]; //FIXME:bad solution, workaround css classes which are starting from whitespace
+ if (hash[css])
+ return hash[css].call(this,e,id,trg);
+ }
+ trg=trg.parentNode;
+ }
+ return found; //returns true if item was located and event was triggered
+ }
+}; + + +/* DHX DEPEND FROM FILE 'config.js'*/ + + +/*
+ Behavior:Settings
+
+ @export
+ customize
+ config
+*/
+
+/*DHX:Depend template.js*/
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.Settings={
+ _init:function(){
+ /*
+ property can be accessed as this.config.some
+ in same time for inner call it have sense to use _settings
+ because it will be minified in final version
+ */
+ this._settings = this.config= {};
+ },
+ define:function(property, value){
+ if (typeof property == "object")
+ return this._parseSeetingColl(property);
+ return this._define(property, value);
+ },
+ _define:function(property,value){
+ dhtmlx.assert_settings.call(this,property,value);
+
+ //method with name {prop}_setter will be used as property setter
+ //setter is optional
+ var setter = this[property+"_setter"];
+ return this._settings[property]=setter?setter.call(this,property,value):value;
+ },
+ //process configuration object
+ _parseSeetingColl:function(coll){
+ if (coll){
+ for (var a in coll) //for each setting
+ this._define(a,coll[a]); //set value through config
+ }
+ },
+ //helper for object initialization
+ _parseSettings:function(obj,initial){
+ //initial - set of default values
+ var settings = dhtmlx.extend({},initial);
+ //code below will copy all properties over default one
+ if (typeof obj == "object" && !obj.tagName)
+ dhtmlx.extend(settings,obj);
+ //call config for each setting
+ this._parseSeetingColl(settings);
+ },
+ _mergeSettings:function(config, defaults){
+ for (var key in defaults)
+ switch(typeof config[key]){
+ case "object":
+ config[key] = this._mergeSettings((config[key]||{}), defaults[key]);
+ break;
+ case "undefined":
+ config[key] = defaults[key];
+ break;
+ default: //do nothing
+ break;
+ }
+ return config;
+ },
+ //helper for html container init
+ _parseContainer:function(obj,name,fallback){
+ /*
+ parameter can be a config object, in such case real container will be obj.container
+ or it can be html object or ID of html object
+ */
+ if (typeof obj == "object" && !obj.tagName)
+ obj=obj.container;
+ this._obj = dhtmlx.toNode(obj);
+ if (!this._obj && fallback)
+ this._obj = fallback(obj);
+
+ dhtmlx.assert(this._obj, "Incorrect html container");
+
+ this._obj.className+=" "+name;
+ this._obj.onselectstart=function(){return false;}; //block selection by default
+ this._dataobj = this._obj;//separate reference for rendering modules
+ },
+ //apply template-type
+ _set_type:function(name){
+ //parameter can be a hash of settings
+ if (typeof name == "object")
+ return this.type_setter("type",name);
+
+ dhtmlx.assert(this.types, "RenderStack :: Types are not defined");
+ dhtmlx.assert(this.types[name],"RenderStack :: Inccorect type name",name);
+ //or parameter can be a name of existing template-type
+ this.type=dhtmlx.extend({},this.types[name]);
+ this.customize(); //init configs
+ },
+ customize:function(obj){
+ //apply new properties
+ if (obj) dhtmlx.extend(this.type,obj);
+
+ //init tempaltes for item start and item end
+ this.type._item_start = dhtmlx.Template.fromHTML(this.template_item_start(this.type));
+ this.type._item_end = this.template_item_end(this.type);
+
+ //repaint self
+ this.render();
+ },
+ //config.type - creates new template-type, based on configuration object
+ type_setter:function(mode,value){
+ this._set_type(typeof value == "object"?dhtmlx.Type.add(this,value):value);
+ return value;
+ },
+ //config.template - creates new template-type with defined template string
+ template_setter:function(mode,value){
+ return this.type_setter("type",{template:value});
+ },
+ //config.css - css name for top level container
+ css_setter:function(mode,value){
+ this._obj.className += " "+value;
+ return value;
+ }
+}; + + +/* DHX DEPEND FROM FILE 'compatibility.js'*/ + + +/*
+ Collection of compatibility hacks
+*/
+
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.compat=function(name, obj){
+ //check if name hash present, and applies it when necessary
+ if (dhtmlx.compat[name])
+ dhtmlx.compat[name](obj);
+};
+
+
+(function(){
+ if (!window.dhtmlxError){
+ //dhtmlxcommon is not included
+
+ //create fake error tracker for connectors
+ var dummy = function(){};
+ window.dhtmlxError={ catchError:dummy, throwError:dummy };
+ //helpers instead of ones from dhtmlxcommon
+ window.convertStringToBoolean=function(value){
+ return !!value;
+ };
+ window.dhtmlxEventable = function(node){
+ dhtmlx.extend(node,dhtmlx.EventSystem);
+ };
+ //imitate ajax layer of dhtmlxcommon
+ var loader = {
+ getXMLTopNode:function(name){
+
+ },
+ doXPath:function(path){
+ return dhtmlx.DataDriver.xml.xpath(this.xml,path);
+ },
+ xmlDoc:{
+ responseXML:true
+ }
+ };
+ //wrap ajax methods of dataprocessor
+ dhtmlx.compat.dataProcessor=function(obj){
+ //FIXME
+ //this is pretty ugly solution - we replace whole method , so changes in dataprocessor need to be reflected here
+
+ var sendData = "_sendData";
+ var in_progress = "_in_progress";
+ var tMode = "_tMode";
+ var waitMode = "_waitMode";
+
+ obj[sendData]=function(a1,rowId){
+ if (!a1) return; //nothing to send
+ if (rowId)
+ this[in_progress][rowId]=(new Date()).valueOf();
+
+ if (!this.callEvent("onBeforeDataSending",rowId?[rowId,this.getState(rowId)]:[])) return false;
+
+ var a2 = this;
+ var a3=this.serverProcessor;
+ if (this[tMode]!="POST")
+ //use dhtmlx.ajax instead of old ajax layer
+ dhtmlx.ajax().get(a3+((a3.indexOf("?")!=-1)?"&":"?")+this.serialize(a1,rowId),"",function(t,x,xml){
+ loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
+ a2.afterUpdate(a2, null, null, null, loader);
+ });
+ else
+ dhtmlx.ajax().post(a3,this.serialize(a1,rowId),function(t,x,xml){
+ loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
+ a2.afterUpdate(a2, null, null, null, loader);
+ });
+
+ this[waitMode]++;
+ };
+ };
+ }
+
+})(); + + +/* DHX DEPEND FROM FILE 'compatibility_layout.js'*/ + + +/*DHX:Depend dhtmlx.js*/
+/*DHX:Depend compatibility.js*/
+
+if (!dhtmlx.attaches)
+ dhtmlx.attaches = {};
+
+dhtmlx.attaches.attachAbstract=function(name, conf){
+ var obj = document.createElement("DIV");
+ obj.id = "CustomObject_"+dhtmlx.uid();
+ obj.style.width = "100%";
+ obj.style.height = "100%";
+ obj.cmp = "grid";
+ document.body.appendChild(obj);
+ this.attachObject(obj.id);
+
+ conf.container = obj.id;
+
+ var that = this.vs[this.av];
+ that.grid = new window[name](conf);
+
+ that.gridId = obj.id;
+ that.gridObj = obj;
+
+
+ that.grid.setSizes = function(){
+ if (this.resize) this.resize();
+ else this.render();
+ };
+
+ var method_name="_viewRestore";
+ return this.vs[this[method_name]()].grid;
+};
+dhtmlx.attaches.attachDataView = function(conf){
+ return this.attachAbstract("dhtmlXDataView",conf);
+};
+dhtmlx.attaches.attachChart = function(conf){
+ return this.attachAbstract("dhtmlXChart",conf);
+};
+
+dhtmlx.compat.layout = function(){};
+ + + +/* DHX DEPEND FROM FILE 'load.js'*/ + + +/*
+ ajax operations
+
+ can be used for direct loading as
+ dhtmlx.ajax(ulr, callback)
+ or
+ dhtmlx.ajax().get(url)
+ dhtmlx.ajax().post(url)
+
+*/
+
+/*DHX:Depend datastore.js*/
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.ajax = function(url,call,master){
+ //if parameters was provided - made fast call
+ if (arguments.length!==0){
+ var http_request = new dhtmlx.ajax();
+ if (master) http_request.master=master;
+ http_request.get(url,null,call);
+ }
+ if (!this.getXHR) return new dhtmlx.ajax(); //allow to create new instance without direct new declaration
+
+ return this;
+};
+dhtmlx.ajax.prototype={
+ //creates xmlHTTP object
+ getXHR:function(){
+ if (dhtmlx._isIE)
+ return new ActiveXObject("Microsoft.xmlHTTP");
+ else
+ return new XMLHttpRequest();
+ },
+ /*
+ send data to the server
+ params - hash of properties which will be added to the url
+ call - callback, can be an array of functions
+ */
+ send:function(url,params,call){
+ var x=this.getXHR();
+ if (typeof call == "function")
+ call = [call];
+ //add extra params to the url
+ if (typeof params == "object"){
+ var t=[];
+ for (var a in params)
+ t.push(a+"="+encodeURIComponent(params[a]));// utf-8 escaping
+ params=t.join("&");
+ }
+ if (params && !this.post){
+ url=url+(url.indexOf("?")!=-1 ? "&" : "?")+params;
+ params=null;
+ }
+
+ x.open(this.post?"POST":"GET",url,!this._sync);
+ if (this.post)
+ x.setRequestHeader('Content-type','application/x-www-form-urlencoded');
+
+ //async mode, define loading callback
+ if (!this._sync){
+ var self=this;
+ x.onreadystatechange= function(){
+ if (!x.readyState || x.readyState == 4){
+ dhtmlx.log_full_time("data_loading"); //log rendering time
+ if (call && self)
+ for (var i=0; i < call.length; i++) //there can be multiple callbacks
+ if (call[i])
+ call[i].call((self.master||self),x.responseText,x.responseXML,x);
+ self.master=null;
+ call=x=self=null; //anti-leak
+ }
+ };
+ }
+
+ x.send(params||null);
+ return x; //return XHR, which can be used in case of sync. mode
+ },
+ //GET request
+ get:function(url,params,call){
+ this.post=false;
+ return this.send(url,params,call);
+ },
+ //POST request
+ post:function(url,params,call){
+ this.post=true;
+ return this.send(url,params,call);
+ },
+ sync:function(){
+ this._sync = true;
+ return this;
+ }
+};
+
+
+/*
+ Behavior:DataLoader - load data in the component
+
+ @export
+ load
+ parse
+*/
+dhtmlx.DataLoader={
+ _init:function(){
+ //prepare data store
+ this.data = new dhtmlx.DataStore();
+ },
+ //loads data from external URL
+ load:function(url,call){
+ this.callEvent("onXLS",[]);
+ if (typeof call == "string"){ //second parameter can be a loading type or callback
+ this.data.setDriver(call);
+ call = arguments[2];
+ }
+ //prepare data feed for dyn. loading
+ if (!this.data.feed)
+ this.data.feed = function(from,count){
+ //allow only single request at same time
+ if (this._load_count)
+ return this._load_count=[from,count]; //save last ignored request
+ else
+ this._load_count=true;
+
+ this.load(url+((url.indexOf("?")==-1)?"?":"&")+"posStart="+from+"&count="+count,function(){
+ //after loading check if we have some ignored requests
+ var temp = this._load_count;
+ this._load_count = false;
+ if (typeof temp =="object")
+ this.data.feed.apply(this, temp); //load last ignored request
+ });
+ };
+ //load data by async ajax call
+ dhtmlx.ajax(url,[this._onLoad,call],this);
+ },
+ //loads data from object
+ parse:function(data,type){
+ this.callEvent("onXLS",[]);
+ if (type)
+ this.data.setDriver(type);
+ this._onLoad(data,null);
+ },
+ //default after loading callback
+ _onLoad:function(text,xml,loader){
+ this.data._parse(this.data.driver.toObject(text,xml));
+ this.callEvent("onXLE",[]);
+ }
+};
+
+/*
+ Abstraction layer for different data types
+*/
+
+dhtmlx.DataDriver={};
+dhtmlx.DataDriver.json={
+ //convert json string to json object if necessary
+ toObject:function(data){
+ if (typeof data == "string"){
+ eval ("dhtmlx.temp="+data);
+ return dhtmlx.temp;
+ }
+ return data;
+ },
+ //get array of records
+ getRecords:function(data){
+ if (data && !(data instanceof Array))
+ return [data];
+ return data;
+ },
+ //get hash of properties for single record
+ getDetails:function(data){
+ return data;
+ },
+ //get count of data and position at which new data need to be inserted
+ getInfo:function(data){
+ return {
+ _size:(data.total_count||0),
+ _from:(data.pos||0)
+ };
+ }
+};
+
+dhtmlx.DataDriver.html={
+ /*
+ incoming data can be
+ - collection of nodes
+ - ID of parent container
+ - HTML text
+ */
+ toObject:function(data){
+ if (typeof data == "string"){
+ var t=null;
+ if (data.indexOf("<")==-1) //if no tags inside - probably its an ID
+ t = dhtmlx.toNode(data);
+ if (!t){
+ t=document.createElement("DIV");
+ t.innerHTML = data;
+ }
+
+ return t.getElementsByTagName(this.tag);
+ }
+ return data;
+ },
+ //get array of records
+ getRecords:function(data){
+ if (data.tagName)
+ return data.childNodes;
+ return data;
+ },
+ //get hash of properties for single record
+ getDetails:function(data){
+ return dhtmlx.DataDriver.xml.tagToObject(data);
+ },
+ //dyn loading is not supported by HTML data source
+ getInfo:function(data){
+ return {
+ _size:0,
+ _from:0
+ };
+ },
+ tag: "LI"
+};
+
+dhtmlx.DataDriver.jsarray={
+ //eval jsarray string to jsarray object if necessary
+ toObject:function(data){
+ if (typeof data == "string"){
+ eval ("dhtmlx.temp="+data);
+ return dhtmlx.temp;
+ }
+ return data;
+ },
+ //get array of records
+ getRecords:function(data){
+ return data;
+ },
+ //get hash of properties for single record, in case of array they will have names as "data{index}"
+ getDetails:function(data){
+ var result = {};
+ for (var i=0; i < data.length; i++)
+ result["data"+i]=data[i];
+
+ return result;
+ },
+ //dyn loading is not supported by js-array data source
+ getInfo:function(data){
+ return {
+ _size:0,
+ _from:0
+ };
+ }
+};
+
+dhtmlx.DataDriver.csv={
+ //incoming data always a string
+ toObject:function(data){
+ return data;
+ },
+ //get array of records
+ getRecords:function(data){
+ return data.split(this.row);
+ },
+ //get hash of properties for single record, data named as "data{index}"
+ getDetails:function(data){
+ data = this.stringToArray(data);
+ var result = {};
+ for (var i=0; i < data.length; i++)
+ result["data"+i]=data[i];
+
+ return result;
+ },
+ //dyn loading is not supported by csv data source
+ getInfo:function(data){
+ return {
+ _size:0,
+ _from:0
+ };
+ },
+ //split string in array, takes string surrounding quotes in account
+ stringToArray:function(data){
+ data = data.split(this.cell);
+ for (var i=0; i < data.length; i++)
+ data[i] = data[i].replace(/^[ \t\n\r]*(\"|)/g,"").replace(/(\"|)[ \t\n\r]*$/g,"");
+ return data;
+ },
+ row:"\n", //default row separator
+ cell:"," //default cell separator
+};
+
+dhtmlx.DataDriver.xml={
+ //convert xml string to xml object if necessary
+ toObject:function(text,xml){
+ if (xml && (xml=this.checkResponse(text,xml))) //checkResponse - fix incorrect content type and extra whitespaces errors
+ return xml;
+ if (typeof text == "string"){
+ return this.fromString(text);
+ }
+ return text;
+ },
+ //get array of records
+ getRecords:function(data){
+ return this.xpath(data,this.records);
+ },
+ records:"/*/item",
+ userdata:"/*/userdata",
+ //get hash of properties for single record
+ getDetails:function(data){
+ return this.tagToObject(data,{});
+ },
+ getUserData:function(data,col){
+ col = col || {};
+ var ud = this.xpath(data,this.userdata);
+ for (var i=0; i < ud.length; i++) {
+ var udx = this.tagToObject(ud[i]);
+ col[udx.name] = udx.value;
+ }
+ return col;
+ },
+ //get count of data and position at which new data_loading need to be inserted
+ getInfo:function(data){
+ return {
+ _size:(data.documentElement.getAttribute("total_count")||0),
+ _from:(data.documentElement.getAttribute("pos")||0)
+ };
+ },
+ //xpath helper
+ xpath:function(xml,path){
+ if (window.XPathResult){ //FF, KHTML, Opera
+ var node=xml;
+ if(xml.nodeName.indexOf("document")==-1)
+ xml=xml.ownerDocument;
+ var res = [];
+ var col = xml.evaluate(path, node, null, XPathResult.ANY_TYPE, null);
+ var temp = col.iterateNext();
+ while (temp){
+ res.push(temp);
+ temp = col.iterateNext();
+ }
+ return res;
+ } //IE
+ return xml.selectNodes(path);
+ },
+ //convert xml tag to js object, all subtags and attributes are mapped to the properties of result object
+ tagToObject:function(tag,z){
+ z=z||{};
+ //map attributes
+ var a=tag.attributes;
+ for (var i=0; i<a.length; i++)
+ z[a[i].name]=a[i].value;
+ //map subtags
+ var flag=false;
+ var b=tag.childNodes;
+ var state = {};
+ for (var i=0; i<b.length; i++){
+ if (b[i].nodeType==1){
+ var name = b[i].tagName;
+ if (typeof z[name] != "undefined"){
+ if (!(z[name] instanceof Array))
+ z[name]=[z[name]];
+ z[name].push(this.tagToObject(b[i],{}));
+ }
+ else
+ z[b[i].tagName]=this.tagToObject(b[i],{}); //sub-object for complex subtags
+ flag=true;
+ }
+ }
+
+ if (!a.length && !flag)
+ return this.nodeValue(tag);
+ //each object will have its text content as "value" property
+ z.value = this.nodeValue(tag);
+ return z;
+ },
+ //get value of xml node
+ nodeValue:function(node){
+ if (node.firstChild)
+ return node.firstChild.data; //FIXME - long text nodes in FF not supported for now
+ return "";
+ },
+ //convert XML string to XML object
+ fromString:function(xmlString){
+ if (window.DOMParser) // FF, KHTML, Opera
+ return (new DOMParser()).parseFromString(xmlString,"text/xml");
+ if (window.ActiveXObject){ // IE, utf-8 only
+ temp=new ActiveXObject("Microsoft.xmlDOM");
+ temp.loadXML(xmlString);
+ return temp;
+ }
+ dhtmlx.error("Load from xml string is not supported");
+ },
+ //check is XML correct and try to reparse it if its invalid
+ checkResponse:function(text,xml){
+ if (xml && ( xml.firstChild && xml.firstChild.tagName != "parsererror") )
+ return xml;
+ //parsing as string resolves incorrect content type
+ //regexp removes whitespaces before xml declaration, which is vital for FF
+ var a=this.from_string(text.responseText.replace(/^[\s]+/,""));
+ if (a) return a;
+
+ dhtmlx.error("xml can't be parsed",text.responseText);
+ }
+};
+
+ + + +/* DHX DEPEND FROM FILE 'compatibility_grid.js'*/ + + +/*
+ Compatibility hack for loading data from the grid.
+ Provides new type of datasource - dhtmlxgrid
+
+*/
+
+/*DHX:Depend load.js*/
+
+dhtmlx.DataDriver.dhtmlxgrid={
+ _grid_getter:"_get_cell_value",
+ toObject:function(data){
+ this._grid = data;
+ return data;
+ },
+ getRecords:function(data){
+ return data.rowsBuffer;
+ },
+ getDetails:function(data){
+ var result = {};
+ for (var i=0; i < this._grid.getColumnsNum(); i++)
+ result["data"+i]=this._grid[this._grid_getter](data,i);
+
+ return result;
+ },
+ getInfo:function(data){
+ return {
+ _size:0,
+ _from:0
+ };
+ }
+}; + + +/* DHX DEPEND FROM FILE 'canvas.js'*/ + + +/*DHX:Depend thirdparty\excanvas*/
+/*DHX:Depend dhtmlx.js*/
+
+dhtmlx.Canvas = {
+ _init:function(){
+ this._canvas_labels = [];
+ },
+ _prepareCanvas:function(container){
+ //canvas has the same size as master object
+ this._canvas = dhtmlx.html.create("canvas",{ width:container.offsetWidth, height:container.offsetHeight });
+ container.appendChild(this._canvas);
+ //use excanvas in IE
+ if (!this._canvas.getContext){
+ if (dhtmlx._isIE){
+ dhtmlx.require("thirdparty/excanvas/excanvas.js"); //sync loading
+ G_vmlCanvasManager.init_(document);
+ G_vmlCanvasManager.initElement(this._canvas);
+ } else //some other not supported browser
+ dhtmlx.error("Canvas is not supported in the current browser");
+ }
+ return this._canvas;
+ },
+ getCanvas:function(context){
+ return (this._canvas||this._prepareCanvas(this._obj)).getContext(context||"2d");
+ },
+ _resizeCanvas:function(){
+ if (this._canvas){
+ this._canvas.setAttribute("width", this._canvas.parentNode.offsetWidth);
+ this._canvas.setAttribute("height", this._canvas.parentNode.offsetHeight);
+ }
+ },
+ renderText:function(x,y,text,css,w){
+ if (!text) return; //ignore empty text
+
+ var t = dhtmlx.html.create("DIV",{
+ "class":"dhx_canvas_text"+(css?(" "+css):""),
+ "style":"left:"+x+"px; top:"+y+"px;"
+ },text);
+ this._obj.appendChild(t);
+ this._canvas_labels.push(t); //destructor?
+ if (w)
+ t.style.width = w+"px";
+ return t;
+ },
+ renderTextAt:function(valign,align, x,y,t,c,w){
+ var text=this.renderText.call(this,x,y,t,c,w);
+ if (text){
+ if (valign){
+ if(valign == "middle")
+ text.style.top = parseInt(y-text.offsetHeight/2,10) + "px";
+ else
+ text.style.top = y-text.offsetHeight + "px";
+ }
+ if (align){
+ if(align == "left")
+ text.style.left = x-text.offsetWidth + "px";
+ else
+ text.style.left = parseInt(x-text.offsetWidth/2,10) + "px";
+ }
+ }
+ return text;
+ },
+ clearCanvas:function(){
+ for(var i=0; i < this._canvas_labels.length;i++)
+ this._obj.removeChild(this._canvas_labels[i]);
+ this._canvas_labels = [];
+ if (this._obj._htmlmap){
+ this._obj._htmlmap.parentNode.removeChild(this._obj._htmlmap);
+ this._obj._htmlmap = null;
+ }
+ //FF breaks, when we are using clear canvas and call clearRect without parameters
+ this.getCanvas().clearRect(0,0,this._canvas.offsetWidth, this._canvas.offsetHeight);
+ }
+}; + + +/* DHX INITIAL FILE 'D:\dev\xampp\htdocs\temp\chart\dhtmlxCore/sources//chart.js'*/ + + +/*DHX:Depend chart.css*/
+/*DHX:Depend canvas.js*/
+/*DHX:Depend load.js*/
+
+/*DHX:Depend compatibility_grid.js*/
+/*DHX:Depend compatibility_layout.js*/
+
+/*DHX:Depend config.js*/
+/*DHX:Depend destructor.js*/
+/*DHX:Depend mouse.js*/
+/*DHX:Depend key.js*/
+/*DHX:Depend group.js*/
+/*DHX:Depend autotooltip.js*/
+
+/*DHX:Depend ext/chart/chart_base.js*/
+/*DHX:Depend ext/chart/chart_pie.js*/ //+pie3d
+/*DHX:Depend ext/chart/chart_bar.js*/
+/*DHX:Depend ext/chart/chart_line.js*/
+/*DHX:Depend ext/chart/chart_barh.js*/
+/*DHX:Depend ext/chart/chart_stackedbar.js*/
+/*DHX:Depend ext/chart/chart_stackedbarh.js*/
+/*DHX:Depend ext/chart/chart_spline.js*/
+/*DHX:Depend ext/chart/chart_area.js*/ //+stackedArea
+
+/*DHX:Depend math.js*/
+/*DHX:Depend destructor.js*/
+/*DHX:Depend dhtmlx.js*/
+
+
+dhtmlXChart = function(container){
+ this.name = "Chart";
+ this.version = "3.0";
+
+ if (dhtmlx.assert_enabled()) this._assert();
+
+ dhtmlx.extend(this, dhtmlx.Settings);
+
+ this._parseContainer(container,"dhx_chart");
+
+ dhtmlx.extend(this, dhtmlx.DataLoader);
+ this.data.provideApi(this,true);
+
+ dhtmlx.extend(this, dhtmlx.EventSystem);
+ dhtmlx.extend(this, dhtmlx.MouseEvents);
+ dhtmlx.extend(this, dhtmlx.Destruction);
+ dhtmlx.extend(this, dhtmlx.Canvas);
+ dhtmlx.extend(this, dhtmlx.Group);
+ dhtmlx.extend(this, dhtmlx.AutoTooltip);
+
+ for (var key in dhtmlx.chart)
+ dhtmlx.extend(this, dhtmlx.chart[key]);
+
+ this._parseSettings(container,{
+ color:"RAINBOW",
+ alpha:"1",
+ label:false,
+ value:"{obj.value}",
+ padding:{},
+ view:"pie",
+ lineColor:"#ffffff",
+ cant:0.5,
+ width: 15,
+ labelWidth:100,
+ line:{},
+ item:{},
+ shadow:true,
+ gradient:false,
+ border:true,
+ labelOffset: 20,
+ origin:"auto"
+ });
+ this._series = [this._settings];
+ this.data.attachEvent("onStoreUpdated",dhtmlx.bind(function(){
+ this.render();
+ },this));
+ this.attachEvent("onLocateData", this._switchSerie);
+};
+dhtmlXChart.prototype={
+ _id:"dhx_area_id",
+ on_click:{
+ },
+ on_dblclick:{
+ },
+ on_mouse_move:{
+ },
+ resize:function(){
+ this._resizeCanvas();
+ this.render();
+ },
+ view_setter:function(name, val){
+ if (!dhtmlx.chart[val])
+ dhtmlx.error("Chart type extension is not loaded: "+val);
+ //if you will need to add more such settings - move them ( and this one ) in a separate methods
+
+ if (typeof this._settings.offset == "undefined"){
+ if (val == "area" || val == "stackedArea")
+ this._settings.offset = false;
+ else
+ this._settings.offset = true;
+ }
+
+
+ return val;
+ },
+ render:function(){
+ if (!this.callEvent("onBeforeRender",[this.data]))
+ return;
+
+ this.clearCanvas();
+ if(this._settings.legend){
+ this._drawLegend(this.getCanvas(),
+ this.data.getRange(),
+ this._obj.offsetWidth,
+ this._obj.offsetHeight
+ );
+ }
+ var bounds = this._getChartBounds(this._obj.offsetWidth,this._obj.offsetHeight);
+ var map = new dhtmlx.ui.Map(this._id);
+
+ var temp = this._settings;
+ for(var i=0; i < this._series.length;i++){
+ this._settings = this._series[i];
+ this["pvt_render_"+this._settings.view](
+ this.getCanvas(),
+ this.data.getRange(),
+ bounds.start,
+ bounds.end,
+ i,
+ map
+ );
+ }
+ map.render(this._obj);
+ this._settings = temp;
+ },
+
+ value_setter:dhtmlx.Template.obj_setter,
+ alpha_setter:dhtmlx.Template.obj_setter,
+ label_setter:dhtmlx.Template.obj_setter,
+ lineColor_setter:dhtmlx.Template.obj_setter,
+ pieInnerText_setter:dhtmlx.Template.obj_setter,
+ gradient_setter:function(name,config){
+ if((typeof(config)!="function")&&config&&(config === true||config!="3d"))
+ config = "light";
+ return config;
+ },
+ colormap:{
+ "RAINBOW":function(obj){
+ var pos = Math.floor(this.indexById(obj.id)/this.dataCount()*1536);
+ if (pos==1536) pos-=1;
+ return this._rainbow[Math.floor(pos/256)](pos%256);
+ }
+ },
+ color_setter:function(name, value){
+ return this.colormap[value]||dhtmlx.Template.obj_setter(name, value);
+ },
+ legend_setter:function(name, config){
+ if(typeof(config)!="object") //allow to use template string instead of object
+ config={template:config};
+
+ this._mergeSettings(config,{
+ width:150,
+ height:18,
+ layout:"y",
+ align:"left",
+ valign:"bottom",
+ template:"",
+ marker:{
+ type:"square",
+ width:25,
+ height:15
+ }
+ });
+
+ config.template = dhtmlx.Template.setter(0,config.template);
+ return config;
+ },
+ item_setter:function(name, config){
+ if(typeof(config)!="object")
+ config={color:config, borderColor:config};
+
+ this._mergeSettings(config,{
+ radius:4,
+ color:"#000000",
+ borderColor:"#000000",
+ borderWidth:2
+ });
+
+ config.color = dhtmlx.Template.setter(0,config.color);
+ config.borderColor = dhtmlx.Template.setter(0,config.borderColor);
+ return config;
+ },
+ line_setter:function(name, config){
+ if(typeof(config)!="object")
+ config={color:config};
+
+ this._mergeSettings(config,{
+ width:3,
+ color:"#d4d4d4"
+ });
+
+ config.color = dhtmlx.Template.setter(0,config.color);
+ return config;
+ },
+ padding_setter:function(name, config){
+ if(typeof(config)!="object")
+ config={left:config, right:config, top:config, bottom:config};
+ this._mergeSettings(config,{
+ left:50,
+ right:20,
+ top:35,
+ bottom:40
+ });
+ return config;
+ },
+ xAxis_setter:function(name, config){
+ if(!config) return false;
+ if(typeof(config)!="object")
+ config={ template:config };
+
+ this._mergeSettings(config,{
+ title:"",
+ color:"#000000",
+ template:"{obj}",
+ lines:false
+ });
+
+ if(config.template)
+ config.template = dhtmlx.Template.setter(0,config.template);
+ return config;
+ },
+ yAxis_setter:function(name, config){
+ this._mergeSettings(config,{
+ title:"",
+ color:"#000000",
+ template:"{obj}",
+ lines:true
+ });
+
+ if(config.template)
+ config.template = dhtmlx.Template.setter(0,config.template);
+ return config;
+ },
+ _drawScales:function(ctx,data,point0,point1,start,end,cellWidth){
+ var y = this._drawYAxis(ctx,data,point0,point1,start,end);
+ this._drawXAxis(ctx,data,point0,point1,cellWidth,y);
+ return y;
+ },
+ _drawXAxis:function(ctx,data,point0,point1,cellWidth,y){
+ if (!this._settings.xAxis) return;
+
+ var x0 = point0.x-0.5;
+ var y0 = parseInt((y?y:point1.y),10)+0.5;
+
+ var x1 = point1.x;
+ var unit_pos;
+ var center = true;
+
+ this._drawLine(ctx,x0,y0,x1,y0,this._settings.xAxis.color,1);
+
+ for(var i=0; i < data.length;i ++){
+ if(this._settings.offset === true)
+ unit_pos = x0+cellWidth/2+i*cellWidth;
+ else{
+ unit_pos = x0+i*cellWidth;
+ center = !!i;
+ }
+ /*scale labels*/
+ var top = ((this._settings.origin!="auto")&&(this._settings.view=="bar")&&(parseFloat(this._settings.value(data[i]))<this._settings.origin));
+ this._drawXAxisLabel(unit_pos,y0,data[i],center,top);
+ /*draws a vertical line for the horizontal scale*/
+ if(this._settings.view_setter != "bar")
+ this._drawXAxisLine(ctx,unit_pos,point1.y,point0.y);
+ }
+
+ this.renderTextAt(true, false, x0,point1.y+this._settings.padding.bottom-3,
+ this._settings.xAxis.title,
+ "dhx_axis_title_x",
+ point1.x - point0.x
+ );
+
+ /*the right border in lines in scale are enabled*/
+ if (!this._settings.xAxis.lines || !this._settings.offset) return;
+ this._drawLine(ctx,x1+0.5,point1.y,x1+0.5,point0.y+0.5,this._settings.xAxis.color,0.2);
+ },
+ _drawYAxis:function(ctx,data,point0,point1,start,end){
+ var step;
+ var scaleParam= {};
+ if (!this._settings.yAxis) return;
+
+ var x0 = point0.x - 0.5;
+ var y0 = point1.y;
+ var y1 = point0.y;
+ var lineX = point1.y;
+
+ this._drawLine(ctx,x0,y0,x0,y1,this._settings.yAxis.color,1);
+
+ if(this._settings.yAxis.step)
+ step = parseFloat(this._settings.yAxis.step);
+
+ if(typeof this._settings.yAxis.step =="undefined"||typeof this._settings.yAxis.start=="undefined"||typeof this._settings.yAxis.end =="undefined"){
+ scaleParam = this._calculateScale(start,end);
+ start = scaleParam.start;
+ end = scaleParam.end;
+ step = scaleParam.step;
+
+ this._settings.yAxis.end = end;
+ this._settings.yAxis.start = start;
+ }
+
+ if(step===0) return;
+ var stepHeight = (y0-y1)*step/(end-start);
+ var c = 0;
+ for(var i = start; i<=end; i += step){
+ if(scaleParam.fixNum) i = parseFloat((new Number(i)).toFixed(scaleParam.fixNum));
+ var yi = Math.floor(y0-c*stepHeight)+ 0.5;/*canvas line fix*/
+ if(!(i==start&&this._settings.origin=="auto") &&this._settings.yAxis.lines)
+ this._drawLine(ctx,x0,yi,point1.x,yi,this._settings.yAxis.color,0.2);
+ if(i == this._settings.origin) lineX = yi;
+ this.renderText(0,yi-5,
+ this._settings.yAxis.template(i.toString()),
+ "dhx_axis_item_y",
+ point0.x-5
+ );
+ c++;
+ }
+ this._setYAxisTitle(point0,point1);
+ return lineX;
+ },
+ _setYAxisTitle:function(point0,point1){
+ var text=this.renderTextAt("middle",false,0,parseInt((point1.y-point0.y)/2+point0.y,10),this._settings.yAxis.title,"dhx_axis_title_y");
+ if (text)
+ text.style.left = (dhtmlx.env.transform?(text.offsetHeight-text.offsetWidth)/2:0)+"px";
+ },
+ _calculateScale:function(nmin,nmax){
+ var step,start,end;
+ step = ((nmax-nmin)/8)||1;
+ var power = Math.floor(this._log10(step));
+ var calculStep = Math.pow(10,power);
+ var stepVal = step/calculStep;
+ stepVal = (stepVal>5?10:5);
+ step = parseInt(stepVal,10)*calculStep;
+
+ if(step>Math.abs(nmin))
+ start = (nmin<0?-step:0);
+ else{
+ var absNmin = Math.abs(nmin);
+ var powerStart = Math.floor(this._log10(absNmin));
+ var nminVal = absNmin/Math.pow(10,powerStart);
+ start = Math.ceil(nminVal*10)/10*Math.pow(10,powerStart)-step;
+ if(nmin<0) start =-start-2*step;
+ }
+ var end = start;
+ while(end<nmax){
+ end += step;
+ end = parseFloat((new Number(end)).toFixed(Math.abs(power)));
+ }
+ return { start:start,end:end,step:step,fixNum:Math.abs(power) };
+ },
+ _getLimits:function(orientation){
+ var maxValue,minValue;
+ var axis = ((arguments.length && orientation=="h")?this._settings.xAxis:this._settings.yAxis);
+ if(axis&&(typeof axis.end!="undefied")&&(typeof axis.start!="undefied")&&axis.step){
+ maxValue = parseFloat(axis.end);
+ minValue = parseFloat(axis.start);
+ }
+ else{
+ maxValue = this.max(this._series[0].value);
+ minValue = this.min(this._series[0].value);
+ if(this._series.length>1)
+ for(var i=1; i < this._series.length;i++){
+ var maxI = this.max(this._series[i].value);
+ var minI = this.min(this._series[i].value);
+ if (maxI > maxValue) maxValue = maxI;
+ if (minI < minValue) minValue = minI;
+ }
+ }
+ return {max:maxValue,min:minValue};
+ },
+ _log10:function(n){
+ var method_name="log";
+ return Math.floor((Math[method_name](n)/Math.LN10));
+ },
+ _drawXAxisLabel:function(x,y,obj,center,top){
+ if (!this._settings.xAxis) return;
+ var elem = this.renderTextAt(top, center, x,y,this._settings.xAxis.template(obj));
+ },
+ _drawXAxisLine:function(ctx,x,y1,y2){
+ if (!this._settings.xAxis||!this._settings.xAxis.lines) return;
+ this._drawLine(ctx,x,y1,x,y2,this._settings.xAxis.color,0.2);
+ },
+ _drawLine:function(ctx,x1,y1,x2,y2,color,width){
+ ctx.strokeStyle = color;
+ ctx.lineWidth = width;
+ ctx.beginPath();
+ ctx.moveTo(x1,y1);
+ ctx.lineTo(x2,y2);
+ ctx.stroke();
+ },
+ _getRelativeValue:function(minValue,maxValue){
+ var relValue;
+ var valueFactor = 1;
+ if(maxValue != minValue){
+ relValue = maxValue - minValue;
+ if(Math.abs(relValue) < 1){
+ while(Math.abs(relValue)<1){
+ valueFactor *= 10;
+ relValue *= valueFactor;
+ }
+ }
+ }
+ else relValue = minValue;
+ return [relValue,valueFactor];
+ },
+ _rainbow : [
+ function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2,2)+"00";},
+ function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2+128,2)+"00";},
+ function(pos){ return "#"+dhtmlx.math.toHex(255-pos,2)+"FF00";},
+ function(pos){ return "#00FF"+dhtmlx.math.toHex(pos,2);},
+ function(pos){ return "#00"+dhtmlx.math.toHex(255-pos,2)+"FF";},
+ function(pos){ return "#"+dhtmlx.math.toHex(pos,2)+"00FF";}
+ ],
+ /**
+ * adds series to the chart (value and color properties)
+ * @param: obj - obj with configuration properties
+ */
+ addSeries:function(obj){
+ var temp = this._settings; this._settings = dhtmlx.extend({},temp);
+ this._parseSettings(obj,{});
+ this._series.push(this._settings);
+ this._settings = temp;
+ },
+ /*switch global settings to serit in question*/
+ _switchSerie:function(id, tag){
+ this._active_serie = tag.getAttribute("userdata");
+ for (var i=0; i < this._series.length; i++) {
+ var tip = this._series[i].tooltip;
+ if (tip)
+ tip.disable();
+ }
+ var tip = this._series[this._active_serie].tooltip;
+ if (tip)
+ tip.enable();
+ },
+ /**
+ * renders legend block
+ * @param: ctx - canvas object
+ * @param: data - object those need to be displayed
+ * @param: width - the width of the container
+ * @param: height - the height of the container
+ */
+ _drawLegend:function(ctx,data,width,height){
+ /*position of the legend block*/
+ var x=0,y=0;
+ /*legend config*/
+ var legend = this._settings.legend;
+ /*the legend sizes*/
+ var legendHeight,legendWidth;
+
+ var style = (this._settings.legend.layout!="x"?"width:"+legend.width+"px":"");
+ /*creation of legend container*/
+ var legendContainer = dhtmlx.html.create("DIV",{
+ "class":"dhx_chart_legend",
+ "style":"left:"+x+"px; top:"+y+"px;"+style
+ },"");
+ this._obj.appendChild(legendContainer);
+ /*rendering legend text items*/
+ var legendItems = [];
+ if(!legend.values)
+ for(var i = 0; i < data.length; i++){
+ legendItems.push(this._drawLegendText(legendContainer,legend.template(data[i])));
+ }
+ else
+ for(var i = 0; i < legend.values.length; i++){
+ legendItems.push(this._drawLegendText(legendContainer,legend.values[i].text));
+ }
+ legendWidth = legendContainer.offsetWidth;
+ legendHeight = legendContainer.offsetHeight;
+ this._settings.legend.width = legendWidth;
+ this._settings.legend.height = legendHeight;
+ /*setting legend position*/
+ if(legendWidth<this._obj.offsetWidth){
+ if(legend.layout == "x"&&legend.align == "center")
+ x = (this._obj.offsetWidth-legendWidth)/2;
+ if(legend.align == "right"){
+ x = this._obj.offsetWidth-legendWidth;
+ }
+ }
+
+ if(legendHeight<this._obj.offsetHeight){
+ if(legend.valign == "middle"&&legend.align != "center"&&legend.layout != "x")
+ y = (this._obj.offsetHeight-legendHeight)/2;
+ else if(legend.valign == "bottom")
+ y = this._obj.offsetHeight-legendHeight;
+ }
+ legendContainer.style.left = x+"px";
+ legendContainer.style.top = y+"px";
+
+ /*drawing colorful markers*/
+ for(var i = 0; i < legendItems.length; i++){
+ var item = legendItems[i];
+ var itemColor = (legend.values?legend.values[i].color:this._settings.color.call(this,data[i]));
+ this._drawLegendMarker(ctx,item.offsetLeft+x,item.offsetTop+y,itemColor);
+ }
+ legendItems = null;
+ },
+ /**
+ * appends legend item to legend block
+ * @param: ctx - canvas object
+ * @param: obj - data object that needs being represented
+ */
+ _drawLegendText:function(cont,value){
+ var style = "";
+ if(this._settings.legend.layout=="x")
+ style = "float:left;";
+ /*the text of the legend item*/
+ var text = dhtmlx.html.create("DIV",{
+ "style":style+"padding-left:"+(10+this._settings.legend.marker.width)+"px",
+ "class":"dhx_chart_legend_item"
+ },value);
+ cont.appendChild(text);
+ return text;
+ },
+ /**
+ * draw legend colorful marder
+ * @param: ctx - canvas object
+ * @param: x - the horizontal position of the marker
+ * @param: y - the vertical position of the marker
+ * @param: obj - data object which color needs being used
+ */
+ _drawLegendMarker:function(ctx,x,y,color){
+ var details = this._settings.legend;
+
+ ctx.strokeStyle = ctx.fillStyle = color;
+ ctx.lineWidth = details.marker.height;
+ ctx.lineCap = details.marker.type;
+ ctx.beginPath();
+ /*start of marker*/
+ x += ctx.lineWidth/2+5;
+ y += ctx.lineWidth/2+3;
+ ctx.moveTo(x,y);
+ var x1 = x + details.marker.width-details.marker.height +1;
+ ctx.lineTo(x1,y);
+ ctx.stroke();
+ },
+ /**
+ * gets the points those represent chart left top and right bottom bounds
+ * @param: width - the width of the chart container
+ * @param: height - the height of the chart container
+ */
+ _getChartBounds:function(width,height){
+ var chartX0, chartY0, chartX1, chartY1;
+
+ chartX0 = this._settings.padding.left;
+ chartY0 = this._settings.padding.top;
+ chartX1 = width - this._settings.padding.right;
+ chartY1 = height - this._settings.padding.bottom;
+
+ if(this._settings.legend){
+ var legend = this._settings.legend;
+ /*legend size*/
+ var legendWidth = this._settings.legend.width;
+ var legendHeight = this._settings.legend.height;
+
+ /*if legend is horizontal*/
+ if(legend.layout == "x"){
+ if(legend.valign == "center"){
+ if(legend.align == "right")
+ chartX1 -= legendWidth;
+ else if(legend.align == "left")
+ chartX0 += legendWidth;
+ }
+ else if(legend.valign == "bottom"){
+ chartY1 -= legendHeight;
+ }
+ else{
+ chartY0 += legendHeight;
+ }
+ }
+ /*vertical scale*/
+ else{
+ if(legend.align == "right")
+ chartX1 -= legendWidth;
+ else if(legend.align == "left")
+ chartX0 += legendWidth;
+ }
+ }
+ return {start:{x:chartX0,y:chartY0},end:{x:chartX1,y:chartY1}};
+ },
+ /**
+ * gets the maximum and minimum values for the stacked chart
+ * @param: data - data set
+ */
+ _getStackedLimits:function(data){
+ var maxValue,minValue;
+ if(this._settings.yAxis&&(typeof this._settings.yAxis.end!="undefied")&&(typeof this._settings.yAxis.start!="undefied")&&this._settings.yAxis.step){
+ maxValue = parseFloat(this._settings.yAxis.end);
+ minValue = parseFloat(this._settings.yAxis.start);
+ }
+ else{
+ for(var i=0; i < data.length; i++){
+ data[i].$sum = 0 ;
+ data[i].$min = Infinity;
+ for(var j =0; j < this._series.length;j++){
+ var value = parseFloat(this._series[j].value(data[i]));
+ if(isNaN(value)) continue;
+ data[i].$sum += value;
+ if(value < data[i].$min) data[i].$min = value;
+ }
+ }
+ maxValue = -Infinity;
+ minValue = Infinity;
+ for(var i=0; i < data.length; i++){
+ if (data[i].$sum > maxValue) maxValue = data[i].$sum ;
+ if (data[i].$min < minValue) minValue = data[i].$min ;
+ }
+ if(minValue>0) minValue =0;
+ }
+ return {max:maxValue,min:minValue};
+ },
+ /*adds colors to the gradient object*/
+ _setBarGradient:function(ctx,x1,y1,x2,y2,type,color,axis){
+ var gradient,offset;
+ if(type == "light"){
+ if(axis == "x")
+ gradient = ctx.createLinearGradient(x1,y1,x2,y1);
+ else
+ gradient = ctx.createLinearGradient(x1,y1,x1,y2);
+ gradient.addColorStop(0,"#FFFFFF");
+ gradient.addColorStop(0.9,color);
+ gradient.addColorStop(1,color);
+ offset = 2;
+ }
+ else{
+ ctx.globalAlpha = 0.37;
+ offset = 0;
+ if(axis == "x")
+ gradient = ctx.createLinearGradient(x1,y2,x1,y1);
+ else
+ gradient = ctx.createLinearGradient(x1,y1,x2,y1);
+ gradient.addColorStop(0,"#000000");
+ gradient.addColorStop(0.5,"#FFFFFF");
+ gradient.addColorStop(0.6,"#FFFFFF");
+ gradient.addColorStop(1,"#000000");
+ }
+ return {gradient:gradient,offset:offset};
+ }
+};
+
+dhtmlx.compat("layout");
\ No newline at end of file diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS new file mode 100644 index 00000000000..90decb3077e --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS @@ -0,0 +1,10 @@ +ExplorerCanvas
+
+Google Open Source:
+ <http://code.google.com>
+ <opensource@google.com>
+
+Developers:
+ Emil A Eklund <emil@eae.net>
+ Erik Arvidsson <erik@eae.net>
+ Glen Murphy <glen@glenmurphy.com>
\ No newline at end of file diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING new file mode 100644 index 00000000000..d6456956733 --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING @@ -0,0 +1,202 @@ + + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright [yyyy] [name of copyright owner] + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README new file mode 100644 index 00000000000..eb7c42f40be --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README @@ -0,0 +1,22 @@ +ExplorerCanvas
+Copyright 2006 Google Inc.
+
+-------------------------------------------------------------------------------
+DESCRIPTION
+
+Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based
+drawing operations. ExplorerCanvas brings the same functionality to Internet
+Explorer; web developers only need to include a single script tag in their
+existing canvas webpages to enable this support.
+
+
+-------------------------------------------------------------------------------
+INSTALLATION
+
+Include the ExplorerCanvas tag in the same directory as your HTML files, and
+add the following code to your page, preferably in the <head> tag.
+
+<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
+
+If you run into trouble, please look at the included example code to see how
+to best implement this
\ No newline at end of file diff --git a/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js new file mode 100644 index 00000000000..3fe46d3336f --- /dev/null +++ b/addons/base_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js @@ -0,0 +1,927 @@ +// Copyright 2006 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// Known Issues: +// +// * Patterns are not implemented. +// * Radial gradient are not implemented. The VML version of these look very +// different from the canvas one. +// * Clipping paths are not implemented. +// * Coordsize. The width and height attribute have higher priority than the +// width and height style values which isn't correct. +// * Painting mode isn't implemented. +// * Canvas width/height should is using content-box by default. IE in +// Quirks mode will draw the canvas using border-box. Either change your +// doctype to HTML5 +// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype) +// or use Box Sizing Behavior from WebFX +// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html) +// * Non uniform scaling does not correctly scale strokes. +// * Optimize. There is always room for speed improvements. + +// Only add this code if we do not already have a canvas implementation +if (!document.createElement('canvas').getContext) { + +(function() { + + // alias some functions to make (compiled) code shorter + var m = Math; + var mr = m.round; + var ms = m.sin; + var mc = m.cos; + var abs = m.abs; + var sqrt = m.sqrt; + + // this is used for sub pixel precision + var Z = 10; + var Z2 = Z / 2; + + /** + * This funtion is assigned to the <canvas> elements as element.getContext(). + * @this {HTMLElement} + * @return {CanvasRenderingContext2D_} + */ + function getContext() { + return this.context_ || + (this.context_ = new CanvasRenderingContext2D_(this)); + } + + var slice = Array.prototype.slice; + + /** + * Binds a function to an object. The returned function will always use the + * passed in {@code obj} as {@code this}. + * + * Example: + * + * g = bind(f, obj, a, b) + * g(c, d) // will do f.call(obj, a, b, c, d) + * + * @param {Function} f The function to bind the object to + * @param {Object} obj The object that should act as this when the function + * is called + * @param {*} var_args Rest arguments that will be used as the initial + * arguments when the function is called + * @return {Function} A new function that has bound this + */ + function bind(f, obj, var_args) { + var a = slice.call(arguments, 2); + return function() { + return f.apply(obj, a.concat(slice.call(arguments))); + }; + } + + var G_vmlCanvasManager_ = { + init: function(opt_doc) { + if (/MSIE/.test(navigator.userAgent) && !window.opera) { + var doc = opt_doc || document; + // Create a dummy element so that IE will allow canvas elements to be + // recognized. + doc.createElement('canvas'); + doc.attachEvent('onreadystatechange', bind(this.init_, this, doc)); + } + }, + + init_: function(doc) { + // create xmlns + if (!doc.namespaces['g_vml_']) { + doc.namespaces.add('g_vml_', 'urn:schemas-microsoft-com:vml', + '#default#VML'); + + } + if (!doc.namespaces['g_o_']) { + doc.namespaces.add('g_o_', 'urn:schemas-microsoft-com:office:office', + '#default#VML'); + } + + // Setup default CSS. Only add one style sheet per document + if (!doc.styleSheets['ex_canvas_']) { + var ss = doc.createStyleSheet(); + ss.owningElement.id = 'ex_canvas_'; + ss.cssText = 'canvas{display:inline-block;overflow:hidden;' + + // default size is 300x150 in Gecko and Opera + 'text-align:left;width:300px;height:150px}' + + 'g_vml_\\:*{behavior:url(#default#VML)}' + + 'g_o_\\:*{behavior:url(#default#VML)}'; + + } + + // find all canvas elements + var els = doc.getElementsByTagName('canvas'); + for (var i = 0; i < els.length; i++) { + this.initElement(els[i]); + } + }, + + /** + * Public initializes a canvas element so that it can be used as canvas + * element from now on. This is called automatically before the page is + * loaded but if you are creating elements using createElement you need to + * make sure this is called on the element. + * @param {HTMLElement} el The canvas element to initialize. + * @return {HTMLElement} the element that was created. + */ + initElement: function(el) { + if (!el.getContext) { + + el.getContext = getContext; + + // Remove fallback content. There is no way to hide text nodes so we + // just remove all childNodes. We could hide all elements and remove + // text nodes but who really cares about the fallback content. + el.innerHTML = ''; + + // do not use inline function because that will leak memory + el.attachEvent('onpropertychange', onPropertyChange); + el.attachEvent('onresize', onResize); + + var attrs = el.attributes; + if (attrs.width && attrs.width.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setWidth_(attrs.width.nodeValue); + el.style.width = attrs.width.nodeValue + 'px'; + } else { + el.width = el.clientWidth; + } + if (attrs.height && attrs.height.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setHeight_(attrs.height.nodeValue); + el.style.height = attrs.height.nodeValue + 'px'; + } else { + el.height = el.clientHeight; + } + //el.getContext().setCoordsize_() + } + return el; + } + }; + + function onPropertyChange(e) { + var el = e.srcElement; + + switch (e.propertyName) { + case 'width': + el.style.width = el.attributes.width.nodeValue + 'px'; + el.getContext().clearRect(); + break; + case 'height': + el.style.height = el.attributes.height.nodeValue + 'px'; + el.getContext().clearRect(); + break; + } + } + + function onResize(e) { + var el = e.srcElement; + if (el.firstChild) { + el.firstChild.style.width = el.clientWidth + 'px'; + el.firstChild.style.height = el.clientHeight + 'px'; + } + } + + G_vmlCanvasManager_.init(); + + // precompute "00" to "FF" + var dec2hex = []; + for (var i = 0; i < 16; i++) { + for (var j = 0; j < 16; j++) { + dec2hex[i * 16 + j] = i.toString(16) + j.toString(16); + } + } + + function createMatrixIdentity() { + return [ + [1, 0, 0], + [0, 1, 0], + [0, 0, 1] + ]; + } + + function matrixMultiply(m1, m2) { + var result = createMatrixIdentity(); + + for (var x = 0; x < 3; x++) { + for (var y = 0; y < 3; y++) { + var sum = 0; + + for (var z = 0; z < 3; z++) { + sum += m1[x][z] * m2[z][y]; + } + + result[x][y] = sum; + } + } + return result; + } + + function copyState(o1, o2) { + o2.fillStyle = o1.fillStyle; + o2.lineCap = o1.lineCap; + o2.lineJoin = o1.lineJoin; + o2.lineWidth = o1.lineWidth; + o2.miterLimit = o1.miterLimit; + o2.shadowBlur = o1.shadowBlur; + o2.shadowColor = o1.shadowColor; + o2.shadowOffsetX = o1.shadowOffsetX; + o2.shadowOffsetY = o1.shadowOffsetY; + o2.strokeStyle = o1.strokeStyle; + o2.globalAlpha = o1.globalAlpha; + o2.arcScaleX_ = o1.arcScaleX_; + o2.arcScaleY_ = o1.arcScaleY_; + o2.lineScale_ = o1.lineScale_; + } + + function processStyle(styleString) { + var str, alpha = 1; + + styleString = String(styleString); + if (styleString.substring(0, 3) == 'rgb') { + var start = styleString.indexOf('(', 3); + var end = styleString.indexOf(')', start + 1); + var guts = styleString.substring(start + 1, end).split(','); + + str = '#'; + for (var i = 0; i < 3; i++) { + str += dec2hex[Number(guts[i])]; + } + + if (guts.length == 4 && styleString.substr(3, 1) == 'a') { + alpha = guts[3]; + } + } else { + str = styleString; + } + + return {color: str, alpha: alpha}; + } + + function processLineCap(lineCap) { + switch (lineCap) { + case 'butt': + return 'flat'; + case 'round': + return 'round'; + case 'square': + default: + return 'square'; + } + } + + /** + * This class implements CanvasRenderingContext2D interface as described by + * the WHATWG. + * @param {HTMLElement} surfaceElement The element that the 2D context should + * be associated with + */ + function CanvasRenderingContext2D_(surfaceElement) { + this.m_ = createMatrixIdentity(); + + this.mStack_ = []; + this.aStack_ = []; + this.currentPath_ = []; + + // Canvas context properties + this.strokeStyle = '#000'; + this.fillStyle = '#000'; + + this.lineWidth = 1; + this.lineJoin = 'miter'; + this.lineCap = 'butt'; + this.miterLimit = Z * 1; + this.globalAlpha = 1; + this.canvas = surfaceElement; + + var el = surfaceElement.ownerDocument.createElement('div'); + el.style.width = surfaceElement.clientWidth + 'px'; + el.style.height = surfaceElement.clientHeight + 'px'; + el.style.overflow = 'hidden'; + el.style.position = 'absolute'; + surfaceElement.appendChild(el); + + this.element_ = el; + this.arcScaleX_ = 1; + this.arcScaleY_ = 1; + this.lineScale_ = 1; + } + + var contextPrototype = CanvasRenderingContext2D_.prototype; + contextPrototype.clearRect = function() { + this.element_.innerHTML = ''; + }; + + contextPrototype.beginPath = function() { + // TODO: Branch current matrix so that save/restore has no effect + // as per safari docs. + this.currentPath_ = []; + }; + + contextPrototype.moveTo = function(aX, aY) { + var p = this.getCoords_(aX, aY); + this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y}); + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.lineTo = function(aX, aY) { + var p = this.getCoords_(aX, aY); + this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y}); + + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.bezierCurveTo = function(aCP1x, aCP1y, + aCP2x, aCP2y, + aX, aY) { + var p = this.getCoords_(aX, aY); + var cp1 = this.getCoords_(aCP1x, aCP1y); + var cp2 = this.getCoords_(aCP2x, aCP2y); + bezierCurveTo(this, cp1, cp2, p); + }; + + // Helper function that takes the already fixed cordinates. + function bezierCurveTo(self, cp1, cp2, p) { + self.currentPath_.push({ + type: 'bezierCurveTo', + cp1x: cp1.x, + cp1y: cp1.y, + cp2x: cp2.x, + cp2y: cp2.y, + x: p.x, + y: p.y + }); + self.currentX_ = p.x; + self.currentY_ = p.y; + } + + contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) { + // the following is lifted almost directly from + // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes + + var cp = this.getCoords_(aCPx, aCPy); + var p = this.getCoords_(aX, aY); + + var cp1 = { + x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_), + y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_) + }; + var cp2 = { + x: cp1.x + (p.x - this.currentX_) / 3.0, + y: cp1.y + (p.y - this.currentY_) / 3.0 + }; + + bezierCurveTo(this, cp1, cp2, p); + }; + + contextPrototype.arc = function(aX, aY, aRadius, + aStartAngle, aEndAngle, aClockwise) { + aRadius *= Z; + var arcType = aClockwise ? 'at' : 'wa'; + + var xStart = aX + mc(aStartAngle) * aRadius - Z2; + var yStart = aY + ms(aStartAngle) * aRadius - Z2; + + var xEnd = aX + mc(aEndAngle) * aRadius - Z2; + var yEnd = aY + ms(aEndAngle) * aRadius - Z2; + + // IE won't render arches drawn counter clockwise if xStart == xEnd. + if (xStart == xEnd && !aClockwise) { + xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something + // that can be represented in binary + } + + var p = this.getCoords_(aX, aY); + var pStart = this.getCoords_(xStart, yStart); + var pEnd = this.getCoords_(xEnd, yEnd); + + this.currentPath_.push({type: arcType, + x: p.x, + y: p.y, + radius: aRadius, + xStart: pStart.x, + yStart: pStart.y, + xEnd: pEnd.x, + yEnd: pEnd.y}); + + }; + + contextPrototype.rect = function(aX, aY, aWidth, aHeight) { + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + }; + + contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.stroke(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.fill(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) { + var gradient = new CanvasGradient_('gradient'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + return gradient; + }; + + contextPrototype.createRadialGradient = function(aX0, aY0, aR0, + aX1, aY1, aR1) { + var gradient = new CanvasGradient_('gradientradial'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.r0_ = aR0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + gradient.r1_ = aR1; + return gradient; + }; + + contextPrototype.drawImage = function(image, var_args) { + var dx, dy, dw, dh, sx, sy, sw, sh; + + // to find the original width we overide the width and height + var oldRuntimeWidth = image.runtimeStyle.width; + var oldRuntimeHeight = image.runtimeStyle.height; + image.runtimeStyle.width = 'auto'; + image.runtimeStyle.height = 'auto'; + + // get the original size + var w = image.width; + var h = image.height; + + // and remove overides + image.runtimeStyle.width = oldRuntimeWidth; + image.runtimeStyle.height = oldRuntimeHeight; + + if (arguments.length == 3) { + dx = arguments[1]; + dy = arguments[2]; + sx = sy = 0; + sw = dw = w; + sh = dh = h; + } else if (arguments.length == 5) { + dx = arguments[1]; + dy = arguments[2]; + dw = arguments[3]; + dh = arguments[4]; + sx = sy = 0; + sw = w; + sh = h; + } else if (arguments.length == 9) { + sx = arguments[1]; + sy = arguments[2]; + sw = arguments[3]; + sh = arguments[4]; + dx = arguments[5]; + dy = arguments[6]; + dw = arguments[7]; + dh = arguments[8]; + } else { + throw Error('Invalid number of arguments'); + } + + var d = this.getCoords_(dx, dy); + + var w2 = sw / 2; + var h2 = sh / 2; + + var vmlStr = []; + + var W = 10; + var H = 10; + + // For some reason that I've now forgotten, using divs didn't work + vmlStr.push(' <g_vml_:group', + ' coordsize="', Z * W, ',', Z * H, '"', + ' coordorigin="0,0"' , + ' style="width:', W, 'px;height:', H, 'px;position:absolute;'); + + // If filters are necessary (rotation exists), create them + // filters are bog-slow, so only create them if abbsolutely necessary + // The following check doesn't account for skews (which don't exist + // in the canvas spec (yet) anyway. + + if (this.m_[0][0] != 1 || this.m_[0][1]) { + var filter = []; + + // Note the 12/21 reversal + filter.push('M11=', this.m_[0][0], ',', + 'M12=', this.m_[1][0], ',', + 'M21=', this.m_[0][1], ',', + 'M22=', this.m_[1][1], ',', + 'Dx=', mr(d.x / Z), ',', + 'Dy=', mr(d.y / Z), ''); + + // Bounding box calculation (need to minimize displayed area so that + // filters don't waste time on unused pixels. + var max = d; + var c2 = this.getCoords_(dx + dw, dy); + var c3 = this.getCoords_(dx, dy + dh); + var c4 = this.getCoords_(dx + dw, dy + dh); + + max.x = m.max(max.x, c2.x, c3.x, c4.x); + max.y = m.max(max.y, c2.y, c3.y, c4.y); + + vmlStr.push('padding:0 ', mr(max.x / Z), 'px ', mr(max.y / Z), + 'px 0;filter:progid:DXImageTransform.Microsoft.Matrix(', + filter.join(''), ", sizingmethod='clip');") + } else { + vmlStr.push('top:', mr(d.y / Z), 'px;left:', mr(d.x / Z), 'px;'); + } + + vmlStr.push(' ">' , + '<g_vml_:image src="', image.src, '"', + ' style="width:', Z * dw, 'px;', + ' height:', Z * dh, 'px;"', + ' cropleft="', sx / w, '"', + ' croptop="', sy / h, '"', + ' cropright="', (w - sx - sw) / w, '"', + ' cropbottom="', (h - sy - sh) / h, '"', + ' />', + '</g_vml_:group>'); + + this.element_.insertAdjacentHTML('BeforeEnd', + vmlStr.join('')); + }; + + contextPrototype.stroke = function(aFill) { + var lineStr = []; + var lineOpen = false; + var a = processStyle(aFill ? this.fillStyle : this.strokeStyle); + var color = a.color; + var opacity = a.alpha * this.globalAlpha; + + var W = 10; + var H = 10; + + lineStr.push('<g_vml_:shape', + ' filled="', !!aFill, '"', + ' style="position:absolute;width:', W, 'px;height:', H, 'px;"', + ' coordorigin="0 0" coordsize="', Z * W, ' ', Z * H, '"', + ' stroked="', !aFill, '"', + ' path="'); + + var newSeq = false; + var min = {x: null, y: null}; + var max = {x: null, y: null}; + + for (var i = 0; i < this.currentPath_.length; i++) { + var p = this.currentPath_[i]; + var c; + + switch (p.type) { + case 'moveTo': + c = p; + lineStr.push(' m ', mr(p.x), ',', mr(p.y)); + break; + case 'lineTo': + lineStr.push(' l ', mr(p.x), ',', mr(p.y)); + break; + case 'close': + lineStr.push(' x '); + p = null; + break; + case 'bezierCurveTo': + lineStr.push(' c ', + mr(p.cp1x), ',', mr(p.cp1y), ',', + mr(p.cp2x), ',', mr(p.cp2y), ',', + mr(p.x), ',', mr(p.y)); + break; + case 'at': + case 'wa': + lineStr.push(' ', p.type, ' ', + mr(p.x - this.arcScaleX_ * p.radius), ',', + mr(p.y - this.arcScaleY_ * p.radius), ' ', + mr(p.x + this.arcScaleX_ * p.radius), ',', + mr(p.y + this.arcScaleY_ * p.radius), ' ', + mr(p.xStart), ',', mr(p.yStart), ' ', + mr(p.xEnd), ',', mr(p.yEnd)); + break; + } + + + // TODO: Following is broken for curves due to + // move to proper paths. + + // Figure out dimensions so we can do gradient fills + // properly + if (p) { + if (min.x == null || p.x < min.x) { + min.x = p.x; + } + if (max.x == null || p.x > max.x) { + max.x = p.x; + } + if (min.y == null || p.y < min.y) { + min.y = p.y; + } + if (max.y == null || p.y > max.y) { + max.y = p.y; + } + } + } + lineStr.push(' ">'); + + if (!aFill) { + var lineWidth = this.lineScale_ * this.lineWidth; + + // VML cannot correctly render a line if the width is less than 1px. + // In that case, we dilute the color to make the line look thinner. + if (lineWidth < 1) { + opacity *= lineWidth; + } + + lineStr.push( + '<g_vml_:stroke', + ' opacity="', opacity, '"', + ' joinstyle="', this.lineJoin, '"', + ' miterlimit="', this.miterLimit, '"', + ' endcap="', processLineCap(this.lineCap), '"', + ' weight="', lineWidth, 'px"', + ' color="', color, '" />' + ); + } else if (typeof this.fillStyle == 'object') { + var fillStyle = this.fillStyle; + var angle = 0; + var focus = {x: 0, y: 0}; + + // additional offset + var shift = 0; + // scale factor for offset + var expansion = 1; + + if (fillStyle.type_ == 'gradient') { + var x0 = fillStyle.x0_ / this.arcScaleX_; + var y0 = fillStyle.y0_ / this.arcScaleY_; + var x1 = fillStyle.x1_ / this.arcScaleX_; + var y1 = fillStyle.y1_ / this.arcScaleY_; + var p0 = this.getCoords_(x0, y0); + var p1 = this.getCoords_(x1, y1); + var dx = p1.x - p0.x; + var dy = p1.y - p0.y; + angle = Math.atan2(dx, dy) * 180 / Math.PI; + + // The angle should be a non-negative number. + if (angle < 0) { + angle += 360; + } + + // Very small angles produce an unexpected result because they are + // converted to a scientific notation string. + if (angle < 1e-6) { + angle = 0; + } + } else { + var p0 = this.getCoords_(fillStyle.x0_, fillStyle.y0_); + var width = max.x - min.x; + var height = max.y - min.y; + focus = { + x: (p0.x - min.x) / width, + y: (p0.y - min.y) / height + }; + + width /= this.arcScaleX_ * Z; + height /= this.arcScaleY_ * Z; + var dimension = m.max(width, height); + shift = 2 * fillStyle.r0_ / dimension; + expansion = 2 * fillStyle.r1_ / dimension - shift; + } + + // We need to sort the color stops in ascending order by offset, + // otherwise IE won't interpret it correctly. + var stops = fillStyle.colors_; + stops.sort(function(cs1, cs2) { + return cs1.offset - cs2.offset; + }); + + var length = stops.length; + var color1 = stops[0].color; + var color2 = stops[length - 1].color; + var opacity1 = stops[0].alpha * this.globalAlpha; + var opacity2 = stops[length - 1].alpha * this.globalAlpha; + + var colors = []; + for (var i = 0; i < length; i++) { + var stop = stops[i]; + colors.push(stop.offset * expansion + shift + ' ' + stop.color); + } + + // When colors attribute is used, the meanings of opacity and o:opacity2 + // are reversed. + lineStr.push('<g_vml_:fill type="', fillStyle.type_, '"', + ' method="none" focus="100%"', + ' color="', color1, '"', + ' color2="', color2, '"', + ' colors="', colors.join(','), '"', + ' opacity="', opacity2, '"', + ' g_o_:opacity2="', opacity1, '"', + ' angle="', angle, '"', + ' focusposition="', focus.x, ',', focus.y, '" />'); + } else { + lineStr.push('<g_vml_:fill color="', color, '" opacity="', opacity, + '" />'); + } + + lineStr.push('</g_vml_:shape>'); + + this.element_.insertAdjacentHTML('beforeEnd', lineStr.join('')); + }; + + contextPrototype.fill = function() { + this.stroke(true); + } + + contextPrototype.closePath = function() { + this.currentPath_.push({type: 'close'}); + }; + + /** + * @private + */ + contextPrototype.getCoords_ = function(aX, aY) { + var m = this.m_; + return { + x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2, + y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2 + } + }; + + contextPrototype.save = function() { + var o = {}; + copyState(this, o); + this.aStack_.push(o); + this.mStack_.push(this.m_); + this.m_ = matrixMultiply(createMatrixIdentity(), this.m_); + }; + + contextPrototype.restore = function() { + copyState(this.aStack_.pop(), this); + this.m_ = this.mStack_.pop(); + }; + + function matrixIsFinite(m) { + for (var j = 0; j < 3; j++) { + for (var k = 0; k < 2; k++) { + if (!isFinite(m[j][k]) || isNaN(m[j][k])) { + return false; + } + } + } + return true; + } + + function setM(ctx, m, updateLineScale) { + if (!matrixIsFinite(m)) { + return; + } + ctx.m_ = m; + + if (updateLineScale) { + // Get the line scale. + // Determinant of this.m_ means how much the area is enlarged by the + // transformation. So its square root can be used as a scale factor + // for width. + var det = m[0][0] * m[1][1] - m[0][1] * m[1][0]; + ctx.lineScale_ = sqrt(abs(det)); + } + } + + contextPrototype.translate = function(aX, aY) { + var m1 = [ + [1, 0, 0], + [0, 1, 0], + [aX, aY, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.rotate = function(aRot) { + var c = mc(aRot); + var s = ms(aRot); + + var m1 = [ + [c, s, 0], + [-s, c, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.scale = function(aX, aY) { + this.arcScaleX_ *= aX; + this.arcScaleY_ *= aY; + var m1 = [ + [aX, 0, 0], + [0, aY, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) { + var m1 = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) { + var m = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, m, true); + }; + + /******** STUBS ********/ + contextPrototype.clip = function() { + // TODO: Implement + }; + + contextPrototype.arcTo = function() { + // TODO: Implement + }; + + contextPrototype.createPattern = function() { + return new CanvasPattern_; + }; + + // Gradient / Pattern Stubs + function CanvasGradient_(aType) { + this.type_ = aType; + this.x0_ = 0; + this.y0_ = 0; + this.r0_ = 0; + this.x1_ = 0; + this.y1_ = 0; + this.r1_ = 0; + this.colors_ = []; + } + + CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) { + aColor = processStyle(aColor); + this.colors_.push({offset: aOffset, + color: aColor.color, + alpha: aColor.alpha}); + }; + + function CanvasPattern_() {} + + // set up externs + G_vmlCanvasManager = G_vmlCanvasManager_; + CanvasRenderingContext2D = CanvasRenderingContext2D_; + CanvasGradient = CanvasGradient_; + CanvasPattern = CanvasPattern_; + +})(); + +} // if + +if (dhtmlx && dhtmlx._modules) + dhtmlx._modules["thirdparty/excanvas/excanvas.js"] = true;
\ No newline at end of file |