| 123456789101112131415 |
- /* jquery.sparkline 2.1.2 - http://omnipotent.net/jquery.sparkline/
- ** Licensed under the New BSD License - see above site for details */
- (function (a, b, c) {
- (function (a) { typeof define == "function" && define.amd ? define(["jquery"], a) : jQuery && !jQuery.fn.sparkline && a(jQuery) })(function (d) {
- "use strict"; var e = {}, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L = 0; f = function () { return { common: { type: "line", lineColor: "#00f", fillColor: "#cdf", defaultPixelsPerValue: 3, width: "auto", height: "auto", composite: !1, tagValuesAttribute: "values", tagOptionsPrefix: "spark", enableTagOptions: !1, enableHighlight: !0, highlightLighten: 1.4, tooltipSkipNull: !0, tooltipPrefix: "", tooltipSuffix: "", disableHiddenCheck: !1, numberFormatter: !1, numberDigitGroupCount: 3, numberDigitGroupSep: ",", numberDecimalMark: ".", disableTooltips: !1, disableInteraction: !1 }, line: { spotColor: "#f80", highlightSpotColor: "#5f5", highlightLineColor: "#f22", spotRadius: 1.5, minSpotColor: "#f80", maxSpotColor: "#f80", lineWidth: 1, normalRangeMin: c, normalRangeMax: c, normalRangeColor: "#ccc", drawNormalOnTop: !1, chartRangeMin: c, chartRangeMax: c, chartRangeMinX: c, chartRangeMaxX: c, tooltipFormat: new h('<span style="color: {{color}}">●</span> {{prefix}}{{y}}{{suffix}}') }, bar: { barColor: "#3366cc", negBarColor: "#f44", stackedBarColor: ["#3366cc", "#dc3912", "#ff9900", "#109618", "#66aa00", "#dd4477", "#0099c6", "#990099"], zeroColor: c, nullColor: c, zeroAxis: !0, barWidth: 4, barSpacing: 1, chartRangeMax: c, chartRangeMin: c, chartRangeClip: !1, colorMap: c, tooltipFormat: new h('<span style="color: {{color}}">●</span> {{prefix}}{{value}}{{suffix}}') }, tristate: { barWidth: 4, barSpacing: 1, posBarColor: "#6f6", negBarColor: "#f44", zeroBarColor: "#999", colorMap: {}, tooltipFormat: new h('<span style="color: {{color}}">●</span> {{value:map}}'), tooltipValueLookups: { map: { "-1": "Loss", 0: "Draw", 1: "Win" } } }, discrete: { lineHeight: "auto", thresholdColor: c, thresholdValue: 0, chartRangeMax: c, chartRangeMin: c, chartRangeClip: !1, tooltipFormat: new h("{{prefix}}{{value}}{{suffix}}") }, bullet: { targetColor: "#f33", targetWidth: 3, performanceColor: "#33f", rangeColors: ["#d3dafe", "#a8b6ff", "#7f94ff"], base: c, tooltipFormat: new h("{{fieldkey:fields}} - {{value}}"), tooltipValueLookups: { fields: { r: "Range", p: "Performance", t: "Target" } } }, pie: { offset: 0, sliceColors: ["#3366cc", "#dc3912", "#ff9900", "#109618", "#66aa00", "#dd4477", "#0099c6", "#990099"], borderWidth: 0, borderColor: "#000", tooltipFormat: new h('<span style="color: {{color}}">●</span> {{value}} ({{percent.1}}%)') }, box: { raw: !1, boxLineColor: "#000", boxFillColor: "#cdf", whiskerColor: "#000", outlierLineColor: "#333", outlierFillColor: "#fff", medianColor: "#f00", showOutliers: !0, outlierIQR: 1.5, spotRadius: 1.5, target: c, targetColor: "#4a2", chartRangeMax: c, chartRangeMin: c, tooltipFormat: new h("{{field:fields}}: {{value}}"), tooltipFormatFieldlistKey: "field", tooltipValueLookups: { fields: { lq: "Lower Quartile", med: "Median", uq: "Upper Quartile", lo: "Left Outlier", ro: "Right Outlier", lw: "Left Whisker", rw: "Right Whisker" } } } } }, E = '.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}', g = function () { var a, b; return a = function () { this.init.apply(this, arguments) }, arguments.length > 1 ? (arguments[0] ? (a.prototype = d.extend(new arguments[0], arguments[arguments.length - 1]), a._super = arguments[0].prototype) : a.prototype = arguments[arguments.length - 1], arguments.length > 2 && (b = Array.prototype.slice.call(arguments, 1, -1), b.unshift(a.prototype), d.extend.apply(d, b))) : a.prototype = arguments[0], a.prototype.cls = a, a }, d.SPFormatClass = h = g({ fre: /\{\{([\w.]+?)(:(.+?))?\}\}/g, precre: /(\w+)\.(\d+)/, init: function (a, b) { this.format = a, this.fclass = b }, render: function (a, b, d) { var e = this, f = a, g, h, i, j, k; return this.format.replace(this.fre, function () { var a; return h = arguments[1], i = arguments[3], g = e.precre.exec(h), g ? (k = g[2], h = g[1]) : k = !1, j = f[h], j === c ? "" : i && b && b[i] ? (a = b[i], a.get ? b[i].get(j) || j : b[i][j] || j) : (n(j) && (d.get("numberFormatter") ? j = d.get("numberFormatter")(j) : j = s(j, k, d.get("numberDigitGroupCount"), d.get("numberDigitGroupSep"), d.get("numberDecimalMark"))), j) }) } }), d.spformat = function (a, b) { return new h(a, b) }, i = function (a, b, c) { return a < b ? b : a > c ? c : a }, j = function (a, c) { var d; return c === 2 ? (d = b.floor(a.length / 2), a.length % 2 ? a[d] : (a[d - 1] + a[d]) / 2) : a.length % 2 ? (d = (a.length * c + c) / 4, d % 1 ? (a[b.floor(d)] + a[b.floor(d) - 1]) / 2 : a[d - 1]) : (d = (a.length * c + 2) / 4, d % 1 ? (a[b.floor(d)] + a[b.floor(d) - 1]) / 2 : a[d - 1]) }, k = function (a) { var b; switch (a) { case "undefined": a = c; break; case "null": a = null; break; case "true": a = !0; break; case "false": a = !1; break; default: b = parseFloat(a), a == b && (a = b) }return a }, l = function (a) { var b, c = []; for (b = a.length; b--;)c[b] = k(a[b]); return c }, m = function (a, b) { var c, d, e = []; for (c = 0, d = a.length; c < d; c++)a[c] !== b && e.push(a[c]); return e }, n = function (a) { return !isNaN(parseFloat(a)) && isFinite(a) }, s = function (a, b, c, e, f) { var g, h; a = (b === !1 ? parseFloat(a).toString() : a.toFixed(b)).split(""), g = (g = d.inArray(".", a)) < 0 ? a.length : g, g < a.length && (a[g] = f); for (h = g - c; h > 0; h -= c)a.splice(h, 0, e); return a.join("") }, o = function (a, b, c) { var d; for (d = b.length; d--;) { if (c && b[d] === null) continue; if (b[d] !== a) return !1 } return !0 }, p = function (a) { var b = 0, c; for (c = a.length; c--;)b += typeof a[c] == "number" ? a[c] : 0; return b }, r = function (a) { return d.isArray(a) ? a : [a] }, q = function (b) { var c; a.createStyleSheet ? a.createStyleSheet().cssText = b : (c = a.createElement("style"), c.type = "text/css", a.getElementsByTagName("head")[0].appendChild(c), c[typeof a.body.style.WebkitAppearance == "string" ? "innerText" : "innerHTML"] = b) }, d.fn.simpledraw = function (b, e, f, g) { var h, i; if (f && (h = this.data("_jqs_vcanvas"))) return h; if (d.fn.sparkline.canvas === !1) return !1; if (d.fn.sparkline.canvas === c) { var j = a.createElement("canvas"); if (!j.getContext || !j.getContext("2d")) { if (!a.namespaces || !!a.namespaces.v) return d.fn.sparkline.canvas = !1, !1; a.namespaces.add("v", "urn:schemas-microsoft-com:vml", "#default#VML"), d.fn.sparkline.canvas = function (a, b, c, d) { return new J(a, b, c) } } else d.fn.sparkline.canvas = function (a, b, c, d) { return new I(a, b, c, d) } } return b === c && (b = d(this).innerWidth()), e === c && (e = d(this).innerHeight()), h = d.fn.sparkline.canvas(b, e, this, g), i = d(this).data("_jqs_mhandler"), i && i.registerCanvas(h), h }, d.fn.cleardraw = function () { var a = this.data("_jqs_vcanvas"); a && a.reset() }, d.RangeMapClass = t = g({ init: function (a) { var b, c, d = []; for (b in a) a.hasOwnProperty(b) && typeof b == "string" && b.indexOf(":") > -1 && (c = b.split(":"), c[0] = c[0].length === 0 ? -Infinity : parseFloat(c[0]), c[1] = c[1].length === 0 ? Infinity : parseFloat(c[1]), c[2] = a[b], d.push(c)); this.map = a, this.rangelist = d || !1 }, get: function (a) { var b = this.rangelist, d, e, f; if ((f = this.map[a]) !== c) return f; if (b) for (d = b.length; d--;) { e = b[d]; if (e[0] <= a && e[1] >= a) return e[2] } return c } }), d.range_map = function (a) { return new t(a) }, u = g({ init: function (a, b) { var c = d(a); this.$el = c, this.options = b, this.currentPageX = 0, this.currentPageY = 0, this.el = a, this.splist = [], this.tooltip = null, this.over = !1, this.displayTooltips = !b.get("disableTooltips"), this.highlightEnabled = !b.get("disableHighlight") }, registerSparkline: function (a) { this.splist.push(a), this.over && this.updateDisplay() }, registerCanvas: function (a) { var b = d(a.canvas); this.canvas = a, this.$canvas = b, b.mouseenter(d.proxy(this.mouseenter, this)), b.mouseleave(d.proxy(this.mouseleave, this)), b.click(d.proxy(this.mouseclick, this)) }, reset: function (a) { this.splist = [], this.tooltip && a && (this.tooltip.remove(), this.tooltip = c) }, mouseclick: function (a) { var b = d.Event("sparklineClick"); b.originalEvent = a, b.sparklines = this.splist, this.$el.trigger(b) }, mouseenter: function (b) { d(a.body).unbind("mousemove.jqs"), d(a.body).bind("mousemove.jqs", d.proxy(this.mousemove, this)), this.over = !0, this.currentPageX = b.pageX, this.currentPageY = b.pageY, this.currentEl = b.target, !this.tooltip && this.displayTooltips && (this.tooltip = new v(this.options), this.tooltip.updatePosition(b.pageX, b.pageY)), this.updateDisplay() }, mouseleave: function () { d(a.body).unbind("mousemove.jqs"); var b = this.splist, c = b.length, e = !1, f, g; this.over = !1, this.currentEl = null, this.tooltip && (this.tooltip.remove(), this.tooltip = null); for (g = 0; g < c; g++)f = b[g], f.clearRegionHighlight() && (e = !0); e && this.canvas.render() }, mousemove: function (a) { this.currentPageX = a.pageX, this.currentPageY = a.pageY, this.currentEl = a.target, this.tooltip && this.tooltip.updatePosition(a.pageX, a.pageY), this.updateDisplay() }, updateDisplay: function () { var a = this.splist, b = a.length, c = !1, e = this.$canvas.offset(), f = this.currentPageX - e.left, g = this.currentPageY - e.top, h, i, j, k, l; if (!this.over) return; for (j = 0; j < b; j++)i = a[j], k = i.setRegionHighlight(this.currentEl, f, g), k && (c = !0); if (c) { l = d.Event("sparklineRegionChange"), l.sparklines = this.splist, this.$el.trigger(l); if (this.tooltip) { h = ""; for (j = 0; j < b; j++)i = a[j], h += i.getCurrentRegionTooltip(); this.tooltip.setContent(h) } this.disableHighlight || this.canvas.render() } k === null && this.mouseleave() } }), v = g({ sizeStyle: "position: static !important;display: block !important;visibility: hidden !important;float: left !important;", init: function (b) { var c = b.get("tooltipClassname", "jqstooltip"), e = this.sizeStyle, f; this.container = b.get("tooltipContainer") || a.body, this.tooltipOffsetX = b.get("tooltipOffsetX", 10), this.tooltipOffsetY = b.get("tooltipOffsetY", 12), d("#jqssizetip").remove(), d("#jqstooltip").remove(), this.sizetip = d("<div/>", { id: "jqssizetip", style: e, "class": c }), this.tooltip = d("<div/>", { id: "jqstooltip", "class": c }).appendTo(this.container), f = this.tooltip.offset(), this.offsetLeft = f.left, this.offsetTop = f.top, this.hidden = !0, d(window).unbind("resize.jqs scroll.jqs"), d(window).bind("resize.jqs scroll.jqs", d.proxy(this.updateWindowDims, this)), this.updateWindowDims() }, updateWindowDims: function () { this.scrollTop = d(window).scrollTop(), this.scrollLeft = d(window).scrollLeft(), this.scrollRight = this.scrollLeft + d(window).width(), this.updatePosition() }, getSize: function (a) { this.sizetip.html(a).appendTo(this.container), this.width = this.sizetip.width() + 1, this.height = this.sizetip.height(), this.sizetip.remove() }, setContent: function (a) { if (!a) { this.tooltip.css("visibility", "hidden"), this.hidden = !0; return } this.getSize(a), this.tooltip.html(a).css({ width: this.width, height: this.height, visibility: "visible" }), this.hidden && (this.hidden = !1, this.updatePosition()) }, updatePosition: function (a, b) { if (a === c) { if (this.mousex === c) return; a = this.mousex - this.offsetLeft, b = this.mousey - this.offsetTop } else this.mousex = a -= this.offsetLeft, this.mousey = b -= this.offsetTop; if (!this.height || !this.width || this.hidden) return; b -= this.height + this.tooltipOffsetY, a += this.tooltipOffsetX, b < this.scrollTop && (b = this.scrollTop), a < this.scrollLeft ? a = this.scrollLeft : a + this.width > this.scrollRight && (a = this.scrollRight - this.width), this.tooltip.css({ left: a, top: b }) }, remove: function () { this.tooltip.remove(), this.sizetip.remove(), this.sizetip = this.tooltip = c, d(window).unbind("resize.jqs scroll.jqs") } }), F = function () { q(E) }, d(F), K = [], d.fn.sparkline = function (b, e) { return this.each(function () { var f = new d.fn.sparkline.options(this, e), g = d(this), h, i; h = function () { var e, h, i, j, k, l, m; if (b === "html" || b === c) { m = this.getAttribute(f.get("tagValuesAttribute")); if (m === c || m === null) m = g.html(); e = m.replace(/(^\s*<!--)|(-->\s*$)|\s+/g, "").split(",") } else e = b; h = f.get("width") === "auto" ? e.length * f.get("defaultPixelsPerValue") : f.get("width"); if (f.get("height") === "auto") { if (!f.get("composite") || !d.data(this, "_jqs_vcanvas")) j = a.createElement("span"), j.innerHTML = "a", g.html(j), i = d(j).innerHeight() || d(j).height(), d(j).remove(), j = null } else i = f.get("height"); f.get("disableInteraction") ? k = !1 : (k = d.data(this, "_jqs_mhandler"), k ? f.get("composite") || k.reset() : (k = new u(this, f), d.data(this, "_jqs_mhandler", k))); if (f.get("composite") && !d.data(this, "_jqs_vcanvas")) { d.data(this, "_jqs_errnotify") || (alert("Attempted to attach a composite sparkline to an element with no existing sparkline"), d.data(this, "_jqs_errnotify", !0)); return } l = new (d.fn.sparkline[f.get("type")])(this, e, f, h, i), l.render(), k && k.registerSparkline(l) }; if (d(this).html() && !f.get("disableHiddenCheck") && d(this).is(":hidden") || !d(this).parents("body").length) { if (!f.get("composite") && d.data(this, "_jqs_pending")) for (i = K.length; i; i--)K[i - 1][0] == this && K.splice(i - 1, 1); K.push([this, h]), d.data(this, "_jqs_pending", !0) } else h.call(this) }) }, d.fn.sparkline.defaults = f(), d.sparkline_display_visible = function () { var a, b, c, e = []; for (b = 0, c = K.length; b < c; b++)a = K[b][0], d(a).is(":visible") && !d(a).parents().is(":hidden") ? (K[b][1].call(a), d.data(K[b][0], "_jqs_pending", !1), e.push(b)) : !d(a).closest("html").length && !d.data(a, "_jqs_pending") && (d.data(K[b][0], "_jqs_pending", !1), e.push(b)); for (b = e.length; b; b--)K.splice(e[b - 1], 1) }, d.fn.sparkline.options = g({ init: function (a, b) { var c, f, g, h; this.userOptions = b = b || {}, this.tag = a, this.tagValCache = {}, f = d.fn.sparkline.defaults, g = f.common, this.tagOptionsPrefix = b.enableTagOptions && (b.tagOptionsPrefix || g.tagOptionsPrefix), h = this.getTagSetting("type"), h === e ? c = f[b.type || g.type] : c = f[h], this.mergedOptions = d.extend({}, g, c, b) }, getTagSetting: function (a) { var b = this.tagOptionsPrefix, d, f, g, h; if (b === !1 || b === c) return e; if (this.tagValCache.hasOwnProperty(a)) d = this.tagValCache.key; else { d = this.tag.getAttribute(b + a); if (d === c || d === null) d = e; else if (d.substr(0, 1) === "[") { d = d.substr(1, d.length - 2).split(","); for (f = d.length; f--;)d[f] = k(d[f].replace(/(^\s*)|(\s*$)/g, "")) } else if (d.substr(0, 1) === "{") { g = d.substr(1, d.length - 2).split(","), d = {}; for (f = g.length; f--;)h = g[f].split(":", 2), d[h[0].replace(/(^\s*)|(\s*$)/g, "")] = k(h[1].replace(/(^\s*)|(\s*$)/g, "")) } else d = k(d); this.tagValCache.key = d } return d }, get: function (a, b) { var d = this.getTagSetting(a), f; return d !== e ? d : (f = this.mergedOptions[a]) === c ? b : f } }), d.fn.sparkline._base = g({ disabled: !1, init: function (a, b, e, f, g) { this.el = a, this.$el = d(a), this.values = b, this.options = e, this.width = f, this.height = g, this.currentRegion = c }, initTarget: function () { var a = !this.options.get("disableInteraction"); (this.target = this.$el.simpledraw(this.width, this.height, this.options.get("composite"), a)) ? (this.canvasWidth = this.target.pixelWidth, this.canvasHeight = this.target.pixelHeight) : this.disabled = !0 }, render: function () { return this.disabled ? (this.el.innerHTML = "", !1) : !0 }, getRegion: function (a, b) { }, setRegionHighlight: function (a, b, d) { var e = this.currentRegion, f = !this.options.get("disableHighlight"), g; return b > this.canvasWidth || d > this.canvasHeight || b < 0 || d < 0 ? null : (g = this.getRegion(a, b, d), e !== g ? (e !== c && f && this.removeHighlight(), this.currentRegion = g, g !== c && f && this.renderHighlight(), !0) : !1) }, clearRegionHighlight: function () { return this.currentRegion !== c ? (this.removeHighlight(), this.currentRegion = c, !0) : !1 }, renderHighlight: function () { this.changeHighlight(!0) }, removeHighlight: function () { this.changeHighlight(!1) }, changeHighlight: function (a) { }, getCurrentRegionTooltip: function () { var a = this.options, b = "", e = [], f, g, i, j, k, l, m, n, o, p, q, r, s, t; if (this.currentRegion === c) return ""; f = this.getCurrentRegionFields(), q = a.get("tooltipFormatter"); if (q) return q(this, a, f); a.get("tooltipChartTitle") && (b += '<div class="jqs jqstitle">' + a.get("tooltipChartTitle") + "</div>\n"), g = this.options.get("tooltipFormat"); if (!g) return ""; d.isArray(g) || (g = [g]), d.isArray(f) || (f = [f]), m = this.options.get("tooltipFormatFieldlist"), n = this.options.get("tooltipFormatFieldlistKey"); if (m && n) { o = []; for (l = f.length; l--;)p = f[l][n], (t = d.inArray(p, m)) != -1 && (o[t] = f[l]); f = o } i = g.length, s = f.length; for (l = 0; l < i; l++) { r = g[l], typeof r == "string" && (r = new h(r)), j = r.fclass || "jqsfield"; for (t = 0; t < s; t++)if (!f[t].isNull || !a.get("tooltipSkipNull")) d.extend(f[t], { prefix: a.get("tooltipPrefix"), suffix: a.get("tooltipSuffix") }), k = r.render(f[t], a.get("tooltipValueLookups"), a), e.push('<div class="' + j + '">' + k + "</div>") } return e.length ? b + e.join("\n") : "" }, getCurrentRegionFields: function () { }, calcHighlightColor: function (a, c) { var d = c.get("highlightColor"), e = c.get("highlightLighten"), f, g, h, j; if (d) return d; if (e) { f = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(a) || /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(a); if (f) { h = [], g = a.length === 4 ? 16 : 1; for (j = 0; j < 3; j++)h[j] = i(b.round(parseInt(f[j + 1], 16) * g * e), 0, 255); return "rgb(" + h.join(",") + ")" } } return a } }), w = { changeHighlight: function (a) { var b = this.currentRegion, c = this.target, e = this.regionShapes[b], f; e && (f = this.renderRegion(b, a), d.isArray(f) || d.isArray(e) ? (c.replaceWithShapes(e, f), this.regionShapes[b] = d.map(f, function (a) { return a.id })) : (c.replaceWithShape(e, f), this.regionShapes[b] = f.id)) }, render: function () { var a = this.values, b = this.target, c = this.regionShapes, e, f, g, h; if (!this.cls._super.render.call(this)) return; for (g = a.length; g--;) { e = this.renderRegion(g); if (e) if (d.isArray(e)) { f = []; for (h = e.length; h--;)e[h].append(), f.push(e[h].id); c[g] = f } else e.append(), c[g] = e.id; else c[g] = null } b.render() } }, d.fn.sparkline.line = x = g(d.fn.sparkline._base, { type: "line", init: function (a, b, c, d, e) { x._super.init.call(this, a, b, c, d, e), this.vertices = [], this.regionMap = [], this.xvalues = [], this.yvalues = [], this.yminmax = [], this.hightlightSpotId = null, this.lastShapeId = null, this.initTarget() }, getRegion: function (a, b, d) { var e, f = this.regionMap; for (e = f.length; e--;)if (f[e] !== null && b >= f[e][0] && b <= f[e][1]) return f[e][2]; return c }, getCurrentRegionFields: function () { var a = this.currentRegion; return { isNull: this.yvalues[a] === null, x: this.xvalues[a], y: this.yvalues[a], color: this.options.get("lineColor"), fillColor: this.options.get("fillColor"), offset: a } }, renderHighlight: function () { var a = this.currentRegion, b = this.target, d = this.vertices[a], e = this.options, f = e.get("spotRadius"), g = e.get("highlightSpotColor"), h = e.get("highlightLineColor"), i, j; if (!d) return; f && g && (i = b.drawCircle(d[0], d[1], f, c, g), this.highlightSpotId = i.id, b.insertAfterShape(this.lastShapeId, i)), h && (j = b.drawLine(d[0], this.canvasTop, d[0], this.canvasTop + this.canvasHeight, h), this.highlightLineId = j.id, b.insertAfterShape(this.lastShapeId, j)) }, removeHighlight: function () { var a = this.target; this.highlightSpotId && (a.removeShapeId(this.highlightSpotId), this.highlightSpotId = null), this.highlightLineId && (a.removeShapeId(this.highlightLineId), this.highlightLineId = null) }, scanValues: function () { var a = this.values, c = a.length, d = this.xvalues, e = this.yvalues, f = this.yminmax, g, h, i, j, k; for (g = 0; g < c; g++)h = a[g], i = typeof a[g] == "string", j = typeof a[g] == "object" && a[g] instanceof Array, k = i && a[g].split(":"), i && k.length === 2 ? (d.push(Number(k[0])), e.push(Number(k[1])), f.push(Number(k[1]))) : j ? (d.push(h[0]), e.push(h[1]), f.push(h[1])) : (d.push(g), a[g] === null || a[g] === "null" ? e.push(null) : (e.push(Number(h)), f.push(Number(h)))); this.options.get("xvalues") && (d = this.options.get("xvalues")), this.maxy = this.maxyorg = b.max.apply(b, f), this.miny = this.minyorg = b.min.apply(b, f), this.maxx = b.max.apply(b, d), this.minx = b.min.apply(b, d), this.xvalues = d, this.yvalues = e, this.yminmax = f }, processRangeOptions: function () { var a = this.options, b = a.get("normalRangeMin"), d = a.get("normalRangeMax"); b !== c && (b < this.miny && (this.miny = b), d > this.maxy && (this.maxy = d)), a.get("chartRangeMin") !== c && (a.get("chartRangeClip") || a.get("chartRangeMin") < this.miny) && (this.miny = a.get("chartRangeMin")), a.get("chartRangeMax") !== c && (a.get("chartRangeClip") || a.get("chartRangeMax") > this.maxy) && (this.maxy = a.get("chartRangeMax")), a.get("chartRangeMinX") !== c && (a.get("chartRangeClipX") || a.get("chartRangeMinX") < this.minx) && (this.minx = a.get("chartRangeMinX")), a.get("chartRangeMaxX") !== c && (a.get("chartRangeClipX") || a.get("chartRangeMaxX") > this.maxx) && (this.maxx = a.get("chartRangeMaxX")) }, drawNormalRange: function (a, d, e, f, g) { var h = this.options.get("normalRangeMin"), i = this.options.get("normalRangeMax"), j = d + b.round(e - e * ((i - this.miny) / g)), k = b.round(e * (i - h) / g); this.target.drawRect(a, j, f, k, c, this.options.get("normalRangeColor")).append() }, render: function () { var a = this.options, e = this.target, f = this.canvasWidth, g = this.canvasHeight, h = this.vertices, i = a.get("spotRadius"), j = this.regionMap, k, l, m, n, o, p, q, r, s, u, v, w, y, z, A, B, C, D, E, F, G, H, I, J, K; if (!x._super.render.call(this)) return; this.scanValues(), this.processRangeOptions(), I = this.xvalues, J = this.yvalues; if (!this.yminmax.length || this.yvalues.length < 2) return; n = o = 0, k = this.maxx - this.minx === 0 ? 1 : this.maxx - this.minx, l = this.maxy - this.miny === 0 ? 1 : this.maxy - this.miny, m = this.yvalues.length - 1, i && (f < i * 4 || g < i * 4) && (i = 0); if (i) { G = a.get("highlightSpotColor") && !a.get("disableInteraction"); if (G || a.get("minSpotColor") || a.get("spotColor") && J[m] === this.miny) g -= b.ceil(i); if (G || a.get("maxSpotColor") || a.get("spotColor") && J[m] === this.maxy) g -= b.ceil(i), n += b.ceil(i); if (G || (a.get("minSpotColor") || a.get("maxSpotColor")) && (J[0] === this.miny || J[0] === this.maxy)) o += b.ceil(i), f -= b.ceil(i); if (G || a.get("spotColor") || a.get("minSpotColor") || a.get("maxSpotColor") && (J[m] === this.miny || J[m] === this.maxy)) f -= b.ceil(i) } g--, a.get("normalRangeMin") !== c && !a.get("drawNormalOnTop") && this.drawNormalRange(o, n, g, f, l), q = [], r = [q], z = A = null, B = J.length; for (K = 0; K < B; K++)s = I[K], v = I[K + 1], u = J[K], w = o + b.round((s - this.minx) * (f / k)), y = K < B - 1 ? o + b.round((v - this.minx) * (f / k)) : f, A = w + (y - w) / 2, j[K] = [z || 0, A, K], z = A, u === null ? K && (J[K - 1] !== null && (q = [], r.push(q)), h.push(null)) : (u < this.miny && (u = this.miny), u > this.maxy && (u = this.maxy), q.length || q.push([w, n + g]), p = [w, n + b.round(g - g * ((u - this.miny) / l))], q.push(p), h.push(p)); C = [], D = [], E = r.length; for (K = 0; K < E; K++)q = r[K], q.length && (a.get("fillColor") && (q.push([q[q.length - 1][0], n + g]), D.push(q.slice(0)), q.pop()), q.length > 2 && (q[0] = [q[0][0], q[1][1]]), C.push(q)); E = D.length; for (K = 0; K < E; K++)e.drawShape(D[K], a.get("fillColor"), a.get("fillColor")).append(); a.get("normalRangeMin") !== c && a.get("drawNormalOnTop") && this.drawNormalRange(o, n, g, f, l), E = C.length; for (K = 0; K < E; K++)e.drawShape(C[K], a.get("lineColor"), c, a.get("lineWidth")).append(); if (i && a.get("valueSpots")) { F = a.get("valueSpots"), F.get === c && (F = new t(F)); for (K = 0; K < B; K++)H = F.get(J[K]), H && e.drawCircle(o + b.round((I[K] - this.minx) * (f / k)), n + b.round(g - g * ((J[K] - this.miny) / l)), i, c, H).append() } i && a.get("spotColor") && J[m] !== null && e.drawCircle(o + b.round((I[I.length - 1] - this.minx) * (f / k)), n + b.round(g - g * ((J[m] - this.miny) / l)), i, c, a.get("spotColor")).append(), this.maxy !== this.minyorg && (i && a.get("minSpotColor") && (s = I[d.inArray(this.minyorg, J)], e.drawCircle(o + b.round((s - this.minx) * (f / k)), n + b.round(g - g * ((this.minyorg - this.miny) / l)), i, c, a.get("minSpotColor")).append()), i && a.get("maxSpotColor") && (s = I[d.inArray(this.maxyorg, J)], e.drawCircle(o + b.round((s - this.minx) * (f / k)), n + b.round(g - g * ((this.maxyorg - this.miny) / l)), i, c, a.get("maxSpotColor")).append())), this.lastShapeId = e.getLastShapeId(), this.canvasTop = n, e.render() } }), d.fn.sparkline.bar = y = g(d.fn.sparkline._base, w, { type: "bar", init: function (a, e, f, g, h) { var j = parseInt(f.get("barWidth"), 10), n = parseInt(f.get("barSpacing"), 10), o = f.get("chartRangeMin"), p = f.get("chartRangeMax"), q = f.get("chartRangeClip"), r = Infinity, s = -Infinity, u, v, w, x, z, A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R; y._super.init.call(this, a, e, f, g, h); for (A = 0, B = e.length; A < B; A++) { O = e[A], u = typeof O == "string" && O.indexOf(":") > -1; if (u || d.isArray(O)) J = !0, u && (O = e[A] = l(O.split(":"))), O = m(O, null), v = b.min.apply(b, O), w = b.max.apply(b, O), v < r && (r = v), w > s && (s = w) } this.stacked = J, this.regionShapes = {}, this.barWidth = j, this.barSpacing = n, this.totalBarWidth = j + n, this.width = g = e.length * j + (e.length - 1) * n, this.initTarget(), q && (H = o === c ? -Infinity : o, I = p === c ? Infinity : p), z = [], x = J ? [] : z; var S = [], T = []; for (A = 0, B = e.length; A < B; A++)if (J) { K = e[A], e[A] = N = [], S[A] = 0, x[A] = T[A] = 0; for (L = 0, M = K.length; L < M; L++)O = N[L] = q ? i(K[L], H, I) : K[L], O !== null && (O > 0 && (S[A] += O), r < 0 && s > 0 ? O < 0 ? T[A] += b.abs(O) : x[A] += O : x[A] += b.abs(O - (O < 0 ? s : r)), z.push(O)) } else O = q ? i(e[A], H, I) : e[A], O = e[A] = k(O), O !== null && z.push(O); this.max = G = b.max.apply(b, z), this.min = F = b.min.apply(b, z), this.stackMax = s = J ? b.max.apply(b, S) : G, this.stackMin = r = J ? b.min.apply(b, z) : F, f.get("chartRangeMin") !== c && (f.get("chartRangeClip") || f.get("chartRangeMin") < F) && (F = f.get("chartRangeMin")), f.get("chartRangeMax") !== c && (f.get("chartRangeClip") || f.get("chartRangeMax") > G) && (G = f.get("chartRangeMax")), this.zeroAxis = D = f.get("zeroAxis", !0), F <= 0 && G >= 0 && D ? E = 0 : D == 0 ? E = F : F > 0 ? E = F : E = G, this.xaxisOffset = E, C = J ? b.max.apply(b, x) + b.max.apply(b, T) : G - F, this.canvasHeightEf = D && F < 0 ? this.canvasHeight - 2 : this.canvasHeight - 1, F < E ? (Q = J && G >= 0 ? s : G, P = (Q - E) / C * this.canvasHeight, P !== b.ceil(P) && (this.canvasHeightEf -= 2, P = b.ceil(P))) : P = this.canvasHeight, this.yoffset = P, d.isArray(f.get("colorMap")) ? (this.colorMapByIndex = f.get("colorMap"), this.colorMapByValue = null) : (this.colorMapByIndex = null, this.colorMapByValue = f.get("colorMap"), this.colorMapByValue && this.colorMapByValue.get === c && (this.colorMapByValue = new t(this.colorMapByValue))), this.range = C }, getRegion: function (a, d, e) { var f = b.floor(d / this.totalBarWidth); return f < 0 || f >= this.values.length ? c : f }, getCurrentRegionFields: function () { var a = this.currentRegion, b = r(this.values[a]), c = [], d, e; for (e = b.length; e--;)d = b[e], c.push({ isNull: d === null, value: d, color: this.calcColor(e, d, a), offset: a }); return c }, calcColor: function (a, b, e) { var f = this.colorMapByIndex, g = this.colorMapByValue, h = this.options, i, j; return this.stacked ? i = h.get("stackedBarColor") : i = b < 0 ? h.get("negBarColor") : h.get("barColor"), b === 0 && h.get("zeroColor") !== c && (i = h.get("zeroColor")), g && (j = g.get(b)) ? i = j : f && f.length > e && (i = f[e]), d.isArray(i) ? i[a % i.length] : i }, renderRegion: function (a, e) { var f = this.values[a], g = this.options, h = this.xaxisOffset, i = [], j = this.range, k = this.stacked, l = this.target, m = a * this.totalBarWidth, n = this.canvasHeightEf, p = this.yoffset, q, r, s, t, u, v, w, x, y, z; f = d.isArray(f) ? f : [f], w = f.length, x = f[0], t = o(null, f), z = o(h, f, !0); if (t) return g.get("nullColor") ? (s = e ? g.get("nullColor") : this.calcHighlightColor(g.get("nullColor"), g), q = p > 0 ? p - 1 : p, l.drawRect(m, q, this.barWidth - 1, 0, s, s)) : c; u = p; for (v = 0; v < w; v++) { x = f[v]; if (k && x === h) { if (!z || y) continue; y = !0 } j > 0 ? r = b.floor(n * (b.abs(x - h) / j)) + 1 : r = 1, x < h || x === h && p === 0 ? (q = u, u += r) : (q = p - r, p -= r), s = this.calcColor(v, x, a), e && (s = this.calcHighlightColor(s, g)), i.push(l.drawRect(m, q, this.barWidth - 1, r - 1, s, s)) } return i.length === 1 ? i[0] : i } }), d.fn.sparkline.tristate = z = g(d.fn.sparkline._base, w, { type: "tristate", init: function (a, b, e, f, g) { var h = parseInt(e.get("barWidth"), 10), i = parseInt(e.get("barSpacing"), 10); z._super.init.call(this, a, b, e, f, g), this.regionShapes = {}, this.barWidth = h, this.barSpacing = i, this.totalBarWidth = h + i, this.values = d.map(b, Number), this.width = f = b.length * h + (b.length - 1) * i, d.isArray(e.get("colorMap")) ? (this.colorMapByIndex = e.get("colorMap"), this.colorMapByValue = null) : (this.colorMapByIndex = null, this.colorMapByValue = e.get("colorMap"), this.colorMapByValue && this.colorMapByValue.get === c && (this.colorMapByValue = new t(this.colorMapByValue))), this.initTarget() }, getRegion: function (a, c, d) { return b.floor(c / this.totalBarWidth) }, getCurrentRegionFields: function () { var a = this.currentRegion; return { isNull: this.values[a] === c, value: this.values[a], color: this.calcColor(this.values[a], a), offset: a } }, calcColor: function (a, b) { var c = this.values, d = this.options, e = this.colorMapByIndex, f = this.colorMapByValue, g, h; return f && (h = f.get(a)) ? g = h : e && e.length > b ? g = e[b] : c[b] < 0 ? g = d.get("negBarColor") : c[b] > 0 ? g = d.get("posBarColor") : g = d.get("zeroBarColor"), g }, renderRegion: function (a, c) { var d = this.values, e = this.options, f = this.target, g, h, i, j, k, l; g = f.pixelHeight, i = b.round(g / 2), j = a * this.totalBarWidth, d[a] < 0 ? (k = i, h = i - 1) : d[a] > 0 ? (k = 0, h = i - 1) : (k = i - 1, h = 2), l = this.calcColor(d[a], a); if (l === null) return; return c && (l = this.calcHighlightColor(l, e)), f.drawRect(j, k, this.barWidth - 1, h - 1, l, l) } }), d.fn.sparkline.discrete = A = g(d.fn.sparkline._base, w, { type: "discrete", init: function (a, e, f, g, h) { A._super.init.call(this, a, e, f, g, h), this.regionShapes = {}, this.values = e = d.map(e, Number), this.min = b.min.apply(b, e), this.max = b.max.apply(b, e), this.range = this.max - this.min, this.width = g = f.get("width") === "auto" ? e.length * 2 : this.width, this.interval = b.floor(g / e.length), this.itemWidth = g / e.length, f.get("chartRangeMin") !== c && (f.get("chartRangeClip") || f.get("chartRangeMin") < this.min) && (this.min = f.get("chartRangeMin")), f.get("chartRangeMax") !== c && (f.get("chartRangeClip") || f.get("chartRangeMax") > this.max) && (this.max = f.get("chartRangeMax")), this.initTarget(), this.target && (this.lineHeight = f.get("lineHeight") === "auto" ? b.round(this.canvasHeight * .3) : f.get("lineHeight")) }, getRegion: function (a, c, d) { return b.floor(c / this.itemWidth) }, getCurrentRegionFields: function () { var a = this.currentRegion; return { isNull: this.values[a] === c, value: this.values[a], offset: a } }, renderRegion: function (a, c) { var d = this.values, e = this.options, f = this.min, g = this.max, h = this.range, j = this.interval, k = this.target, l = this.canvasHeight, m = this.lineHeight, n = l - m, o, p, q, r; return p = i(d[a], f, g), r = a * j, o = b.round(n - n * ((p - f) / h)), q = e.get("thresholdColor") && p < e.get("thresholdValue") ? e.get("thresholdColor") : e.get("lineColor"), c && (q = this.calcHighlightColor(q, e)), k.drawLine(r, o, r, o + m, q) } }), d.fn.sparkline.bullet = B = g(d.fn.sparkline._base, { type: "bullet", init: function (a, d, e, f, g) { var h, i, j; B._super.init.call(this, a, d, e, f, g), this.values = d = l(d), j = d.slice(), j[0] = j[0] === null ? j[2] : j[0], j[1] = d[1] === null ? j[2] : j[1], h = b.min.apply(b, d), i = b.max.apply(b, d), e.get("base") === c ? h = h < 0 ? h : 0 : h = e.get("base"), this.min = h, this.max = i, this.range = i - h, this.shapes = {}, this.valueShapes = {}, this.regiondata = {}, this.width = f = e.get("width") === "auto" ? "4.0em" : f, this.target = this.$el.simpledraw(f, g, e.get("composite")), d.length || (this.disabled = !0), this.initTarget() }, getRegion: function (a, b, d) { var e = this.target.getShapeAt(a, b, d); return e !== c && this.shapes[e] !== c ? this.shapes[e] : c }, getCurrentRegionFields: function () { var a = this.currentRegion; return { fieldkey: a.substr(0, 1), value: this.values[a.substr(1)], region: a } }, changeHighlight: function (a) { var b = this.currentRegion, c = this.valueShapes[b], d; delete this.shapes[c]; switch (b.substr(0, 1)) { case "r": d = this.renderRange(b.substr(1), a); break; case "p": d = this.renderPerformance(a); break; case "t": d = this.renderTarget(a) }this.valueShapes[b] = d.id, this.shapes[d.id] = b, this.target.replaceWithShape(c, d) }, renderRange: function (a, c) { var d = this.values[a], e = b.round(this.canvasWidth * ((d - this.min) / this.range)), f = this.options.get("rangeColors")[a - 2]; return c && (f = this.calcHighlightColor(f, this.options)), this.target.drawRect(0, 0, e - 1, this.canvasHeight - 1, f, f) }, renderPerformance: function (a) { var c = this.values[1], d = b.round(this.canvasWidth * ((c - this.min) / this.range)), e = this.options.get("performanceColor"); return a && (e = this.calcHighlightColor(e, this.options)), this.target.drawRect(0, b.round(this.canvasHeight * .3), d - 1, b.round(this.canvasHeight * .4) - 1, e, e) }, renderTarget: function (a) { var c = this.values[0], d = b.round(this.canvasWidth * ((c - this.min) / this.range) - this.options.get("targetWidth") / 2), e = b.round(this.canvasHeight * .1), f = this.canvasHeight - e * 2, g = this.options.get("targetColor"); return a && (g = this.calcHighlightColor(g, this.options)), this.target.drawRect(d, e, this.options.get("targetWidth") - 1, f - 1, g, g) }, render: function () { var a = this.values.length, b = this.target, c, d; if (!B._super.render.call(this)) return; for (c = 2; c < a; c++)d = this.renderRange(c).append(), this.shapes[d.id] = "r" + c, this.valueShapes["r" + c] = d.id; this.values[1] !== null && (d = this.renderPerformance().append(), this.shapes[d.id] = "p1", this.valueShapes.p1 = d.id), this.values[0] !== null && (d = this.renderTarget().append(), this.shapes[d.id] = "t0", this.valueShapes.t0 = d.id), b.render() } }), d.fn.sparkline.pie = C = g(d.fn.sparkline._base, { type: "pie", init: function (a, c, e, f, g) { var h = 0, i; C._super.init.call(this, a, c, e, f, g), this.shapes = {}, this.valueShapes = {}, this.values = c = d.map(c, Number), e.get("width") === "auto" && (this.width = this.height); if (c.length > 0) for (i = c.length; i--;)h += c[i]; this.total = h, this.initTarget(), this.radius = b.floor(b.min(this.canvasWidth, this.canvasHeight) / 2) }, getRegion: function (a, b, d) { var e = this.target.getShapeAt(a, b, d); return e !== c && this.shapes[e] !== c ? this.shapes[e] : c }, getCurrentRegionFields: function () { var a = this.currentRegion; return { isNull: this.values[a] === c, value: this.values[a], percent: this.values[a] / this.total * 100, color: this.options.get("sliceColors")[a % this.options.get("sliceColors").length], offset: a } }, changeHighlight: function (a) { var b = this.currentRegion, c = this.renderSlice(b, a), d = this.valueShapes[b]; delete this.shapes[d], this.target.replaceWithShape(d, c), this.valueShapes[b] = c.id, this.shapes[c.id] = b }, renderSlice: function (a, d) { var e = this.target, f = this.options, g = this.radius, h = f.get("borderWidth"), i = f.get("offset"), j = 2 * b.PI, k = this.values, l = this.total, m = i ? 2 * b.PI * (i / 360) : 0, n, o, p, q, r; q = k.length; for (p = 0; p < q; p++) { n = m, o = m, l > 0 && (o = m + j * (k[p] / l)); if (a === p) return r = f.get("sliceColors")[p % f.get("sliceColors").length], d && (r = this.calcHighlightColor(r, f)), e.drawPieSlice(g, g, g - h, n, o, c, r); m = o } }, render: function () { var a = this.target, d = this.values, e = this.options, f = this.radius, g = e.get("borderWidth"), h, i; if (!C._super.render.call(this)) return; g && a.drawCircle(f, f, b.floor(f - g / 2), e.get("borderColor"), c, g).append(); for (i = d.length; i--;)d[i] && (h = this.renderSlice(i).append(), this.valueShapes[i] = h.id, this.shapes[h.id] = i); a.render() } }), d.fn.sparkline.box = D = g(d.fn.sparkline._base, {
- type: "box", init: function (a, b, c, e, f) { D._super.init.call(this, a, b, c, e, f), this.values = d.map(b, Number), this.width = c.get("width") === "auto" ? "4.0em" : e, this.initTarget(), this.values.length || (this.disabled = 1) }, getRegion: function () { return 1 }, getCurrentRegionFields: function () {
- var a = [{ field: "lq", value: this.quartiles[0] }, {
- field: "med", value: this.quartiles
- [1]
- }, { field: "uq", value: this.quartiles[2] }]; return this.loutlier !== c && a.push({ field: "lo", value: this.loutlier }), this.routlier !== c && a.push({ field: "ro", value: this.routlier }), this.lwhisker !== c && a.push({ field: "lw", value: this.lwhisker }), this.rwhisker !== c && a.push({ field: "rw", value: this.rwhisker }), a
- }, render: function () { var a = this.target, d = this.values, e = d.length, f = this.options, g = this.canvasWidth, h = this.canvasHeight, i = f.get("chartRangeMin") === c ? b.min.apply(b, d) : f.get("chartRangeMin"), k = f.get("chartRangeMax") === c ? b.max.apply(b, d) : f.get("chartRangeMax"), l = 0, m, n, o, p, q, r, s, t, u, v, w; if (!D._super.render.call(this)) return; if (f.get("raw")) f.get("showOutliers") && d.length > 5 ? (n = d[0], m = d[1], p = d[2], q = d[3], r = d[4], s = d[5], t = d[6]) : (m = d[0], p = d[1], q = d[2], r = d[3], s = d[4]); else { d.sort(function (a, b) { return a - b }), p = j(d, 1), q = j(d, 2), r = j(d, 3), o = r - p; if (f.get("showOutliers")) { m = s = c; for (u = 0; u < e; u++)m === c && d[u] > p - o * f.get("outlierIQR") && (m = d[u]), d[u] < r + o * f.get("outlierIQR") && (s = d[u]); n = d[0], t = d[e - 1] } else m = d[0], s = d[e - 1] } this.quartiles = [p, q, r], this.lwhisker = m, this.rwhisker = s, this.loutlier = n, this.routlier = t, w = g / (k - i + 1), f.get("showOutliers") && (l = b.ceil(f.get("spotRadius")), g -= 2 * b.ceil(f.get("spotRadius")), w = g / (k - i + 1), n < m && a.drawCircle((n - i) * w + l, h / 2, f.get("spotRadius"), f.get("outlierLineColor"), f.get("outlierFillColor")).append(), t > s && a.drawCircle((t - i) * w + l, h / 2, f.get("spotRadius"), f.get("outlierLineColor"), f.get("outlierFillColor")).append()), a.drawRect(b.round((p - i) * w + l), b.round(h * .1), b.round((r - p) * w), b.round(h * .8), f.get("boxLineColor"), f.get("boxFillColor")).append(), a.drawLine(b.round((m - i) * w + l), b.round(h / 2), b.round((p - i) * w + l), b.round(h / 2), f.get("lineColor")).append(), a.drawLine(b.round((m - i) * w + l), b.round(h / 4), b.round((m - i) * w + l), b.round(h - h / 4), f.get("whiskerColor")).append(), a.drawLine(b.round((s - i) * w + l), b.round(h / 2), b.round((r - i) * w + l), b.round(h / 2), f.get("lineColor")).append(), a.drawLine(b.round((s - i) * w + l), b.round(h / 4), b.round((s - i) * w + l), b.round(h - h / 4), f.get("whiskerColor")).append(), a.drawLine(b.round((q - i) * w + l), b.round(h * .1), b.round((q - i) * w + l), b.round(h * .9), f.get("medianColor")).append(), f.get("target") && (v = b.ceil(f.get("spotRadius")), a.drawLine(b.round((f.get("target") - i) * w + l), b.round(h / 2 - v), b.round((f.get("target") - i) * w + l), b.round(h / 2 + v), f.get("targetColor")).append(), a.drawLine(b.round((f.get("target") - i) * w + l - v), b.round(h / 2), b.round((f.get("target") - i) * w + l + v), b.round(h / 2), f.get("targetColor")).append()), a.render() }
- }), G = g({ init: function (a, b, c, d) { this.target = a, this.id = b, this.type = c, this.args = d }, append: function () { return this.target.appendShape(this), this } }), H = g({ _pxregex: /(\d+)(px)?\s*$/i, init: function (a, b, c) { if (!a) return; this.width = a, this.height = b, this.target = c, this.lastShapeId = null, c[0] && (c = c[0]), d.data(c, "_jqs_vcanvas", this) }, drawLine: function (a, b, c, d, e, f) { return this.drawShape([[a, b], [c, d]], e, f) }, drawShape: function (a, b, c, d) { return this._genShape("Shape", [a, b, c, d]) }, drawCircle: function (a, b, c, d, e, f) { return this._genShape("Circle", [a, b, c, d, e, f]) }, drawPieSlice: function (a, b, c, d, e, f, g) { return this._genShape("PieSlice", [a, b, c, d, e, f, g]) }, drawRect: function (a, b, c, d, e, f) { return this._genShape("Rect", [a, b, c, d, e, f]) }, getElement: function () { return this.canvas }, getLastShapeId: function () { return this.lastShapeId }, reset: function () { alert("reset not implemented") }, _insert: function (a, b) { d(b).html(a) }, _calculatePixelDims: function (a, b, c) { var e; e = this._pxregex.exec(b), e ? this.pixelHeight = e[1] : this.pixelHeight = d(c).height(), e = this._pxregex.exec(a), e ? this.pixelWidth = e[1] : this.pixelWidth = d(c).width() }, _genShape: function (a, b) { var c = L++; return b.unshift(c), new G(this, c, a, b) }, appendShape: function (a) { alert("appendShape not implemented") }, replaceWithShape: function (a, b) { alert("replaceWithShape not implemented") }, insertAfterShape: function (a, b) { alert("insertAfterShape not implemented") }, removeShapeId: function (a) { alert("removeShapeId not implemented") }, getShapeAt: function (a, b, c) { alert("getShapeAt not implemented") }, render: function () { alert("render not implemented") } }), I = g(H, { init: function (b, e, f, g) { I._super.init.call(this, b, e, f), this.canvas = a.createElement("canvas"), f[0] && (f = f[0]), d.data(f, "_jqs_vcanvas", this), d(this.canvas).css({ display: "inline-block", width: b, height: e, verticalAlign: "top" }), this._insert(this.canvas, f), this._calculatePixelDims(b, e, this.canvas), this.canvas.width = this.pixelWidth, this.canvas.height = this.pixelHeight, this.interact = g, this.shapes = {}, this.shapeseq = [], this.currentTargetShapeId = c, d(this.canvas).css({ width: this.pixelWidth, height: this.pixelHeight }) }, _getContext: function (a, b, d) { var e = this.canvas.getContext("2d"); return a !== c && (e.strokeStyle = a), e.lineWidth = d === c ? 1 : d, b !== c && (e.fillStyle = b), e }, reset: function () { var a = this._getContext(); a.clearRect(0, 0, this.pixelWidth, this.pixelHeight), this.shapes = {}, this.shapeseq = [], this.currentTargetShapeId = c }, _drawShape: function (a, b, d, e, f) { var g = this._getContext(d, e, f), h, i; g.beginPath(), g.moveTo(b[0][0] + .5, b[0][1] + .5); for (h = 1, i = b.length; h < i; h++)g.lineTo(b[h][0] + .5, b[h][1] + .5); d !== c && g.stroke(), e !== c && g.fill(), this.targetX !== c && this.targetY !== c && g.isPointInPath(this.targetX, this.targetY) && (this.currentTargetShapeId = a) }, _drawCircle: function (a, d, e, f, g, h, i) { var j = this._getContext(g, h, i); j.beginPath(), j.arc(d, e, f, 0, 2 * b.PI, !1), this.targetX !== c && this.targetY !== c && j.isPointInPath(this.targetX, this.targetY) && (this.currentTargetShapeId = a), g !== c && j.stroke(), h !== c && j.fill() }, _drawPieSlice: function (a, b, d, e, f, g, h, i) { var j = this._getContext(h, i); j.beginPath(), j.moveTo(b, d), j.arc(b, d, e, f, g, !1), j.lineTo(b, d), j.closePath(), h !== c && j.stroke(), i && j.fill(), this.targetX !== c && this.targetY !== c && j.isPointInPath(this.targetX, this.targetY) && (this.currentTargetShapeId = a) }, _drawRect: function (a, b, c, d, e, f, g) { return this._drawShape(a, [[b, c], [b + d, c], [b + d, c + e], [b, c + e], [b, c]], f, g) }, appendShape: function (a) { return this.shapes[a.id] = a, this.shapeseq.push(a.id), this.lastShapeId = a.id, a.id }, replaceWithShape: function (a, b) { var c = this.shapeseq, d; this.shapes[b.id] = b; for (d = c.length; d--;)c[d] == a && (c[d] = b.id); delete this.shapes[a] }, replaceWithShapes: function (a, b) { var c = this.shapeseq, d = {}, e, f, g; for (f = a.length; f--;)d[a[f]] = !0; for (f = c.length; f--;)e = c[f], d[e] && (c.splice(f, 1), delete this.shapes[e], g = f); for (f = b.length; f--;)c.splice(g, 0, b[f].id), this.shapes[b[f].id] = b[f] }, insertAfterShape: function (a, b) { var c = this.shapeseq, d; for (d = c.length; d--;)if (c[d] === a) { c.splice(d + 1, 0, b.id), this.shapes[b.id] = b; return } }, removeShapeId: function (a) { var b = this.shapeseq, c; for (c = b.length; c--;)if (b[c] === a) { b.splice(c, 1); break } delete this.shapes[a] }, getShapeAt: function (a, b, c) { return this.targetX = b, this.targetY = c, this.render(), this.currentTargetShapeId }, render: function () { var a = this.shapeseq, b = this.shapes, c = a.length, d = this._getContext(), e, f, g; d.clearRect(0, 0, this.pixelWidth, this.pixelHeight); for (g = 0; g < c; g++)e = a[g], f = b[e], this["_draw" + f.type].apply(this, f.args); this.interact || (this.shapes = {}, this.shapeseq = []) } }), J = g(H, { init: function (b, c, e) { var f; J._super.init.call(this, b, c, e), e[0] && (e = e[0]), d.data(e, "_jqs_vcanvas", this), this.canvas = a.createElement("span"), d(this.canvas).css({ display: "inline-block", position: "relative", overflow: "hidden", width: b, height: c, margin: "0px", padding: "0px", verticalAlign: "top" }), this._insert(this.canvas, e), this._calculatePixelDims(b, c, this.canvas), this.canvas.width = this.pixelWidth, this.canvas.height = this.pixelHeight, f = '<v:group coordorigin="0 0" coordsize="' + this.pixelWidth + " " + this.pixelHeight + '"' + ' style="position:absolute;top:0;left:0;width:' + this.pixelWidth + "px;height=" + this.pixelHeight + 'px;"></v:group>', this.canvas.insertAdjacentHTML("beforeEnd", f), this.group = d(this.canvas).children()[0], this.rendered = !1, this.prerender = "" }, _drawShape: function (a, b, d, e, f) { var g = [], h, i, j, k, l, m, n; for (n = 0, m = b.length; n < m; n++)g[n] = "" + b[n][0] + "," + b[n][1]; return h = g.splice(0, 1), f = f === c ? 1 : f, i = d === c ? ' stroked="false" ' : ' strokeWeight="' + f + 'px" strokeColor="' + d + '" ', j = e === c ? ' filled="false"' : ' fillColor="' + e + '" filled="true" ', k = g[0] === g[g.length - 1] ? "x " : "", l = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + " " + this.pixelHeight + '" ' + ' id="jqsshape' + a + '" ' + i + j + ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + "px;width:" + this.pixelWidth + 'px;padding:0px;margin:0px;" ' + ' path="m ' + h + " l " + g.join(", ") + " " + k + 'e">' + " </v:shape>", l }, _drawCircle: function (a, b, d, e, f, g, h) { var i, j, k; return b -= e, d -= e, i = f === c ? ' stroked="false" ' : ' strokeWeight="' + h + 'px" strokeColor="' + f + '" ', j = g === c ? ' filled="false"' : ' fillColor="' + g + '" filled="true" ', k = '<v:oval id="jqsshape' + a + '" ' + i + j + ' style="position:absolute;top:' + d + "px; left:" + b + "px; width:" + e * 2 + "px; height:" + e * 2 + 'px"></v:oval>', k }, _drawPieSlice: function (a, d, e, f, g, h, i, j) { var k, l, m, n, o, p, q, r; if (g === h) return ""; h - g === 2 * b.PI && (g = 0, h = 2 * b.PI), l = d + b.round(b.cos(g) * f), m = e + b.round(b.sin(g) * f), n = d + b.round(b.cos(h) * f), o = e + b.round(b.sin(h) * f); if (l === n && m === o) { if (h - g < b.PI) return ""; l = n = d + f, m = o = e } return l === n && m === o && h - g < b.PI ? "" : (k = [d - f, e - f, d + f, e + f, l, m, n, o], p = i === c ? ' stroked="false" ' : ' strokeWeight="1px" strokeColor="' + i + '" ', q = j === c ? ' filled="false"' : ' fillColor="' + j + '" filled="true" ', r = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + " " + this.pixelHeight + '" ' + ' id="jqsshape' + a + '" ' + p + q + ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + "px;width:" + this.pixelWidth + 'px;padding:0px;margin:0px;" ' + ' path="m ' + d + "," + e + " wa " + k.join(", ") + ' x e">' + " </v:shape>", r) }, _drawRect: function (a, b, c, d, e, f, g) { return this._drawShape(a, [[b, c], [b, c + e], [b + d, c + e], [b + d, c], [b, c]], f, g) }, reset: function () { this.group.innerHTML = "" }, appendShape: function (a) { var b = this["_draw" + a.type].apply(this, a.args); return this.rendered ? this.group.insertAdjacentHTML("beforeEnd", b) : this.prerender += b, this.lastShapeId = a.id, a.id }, replaceWithShape: function (a, b) { var c = d("#jqsshape" + a), e = this["_draw" + b.type].apply(this, b.args); c[0].outerHTML = e }, replaceWithShapes: function (a, b) { var c = d("#jqsshape" + a[0]), e = "", f = b.length, g; for (g = 0; g < f; g++)e += this["_draw" + b[g].type].apply(this, b[g].args); c[0].outerHTML = e; for (g = 1; g < a.length; g++)d("#jqsshape" + a[g]).remove() }, insertAfterShape: function (a, b) { var c = d("#jqsshape" + a), e = this["_draw" + b.type].apply(this, b.args); c[0].insertAdjacentHTML("afterEnd", e) }, removeShapeId: function (a) { var b = d("#jqsshape" + a); this.group.removeChild(b[0]) }, getShapeAt: function (a, b, c) { var d = a.id.substr(8); return d }, render: function () { this.rendered || (this.group.innerHTML = this.prerender, this.rendered = !0) } })
- })
- })(document, Math);
|