diff --git a/dist/dimple.v2.0.1.js b/dist/dimple.v2.0.1.js deleted file mode 100644 index b4626683..00000000 --- a/dist/dimple.v2.0.1.js +++ /dev/null @@ -1,4888 +0,0 @@ -// Copyright: 2014 PMSI-AlignAlytics -// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" -// Source: /src/objects/begin.js - -// Create the stub object -var dimple = { - version: "2.0.1", - plot: {}, - aggregateMethod: {} -}; - -// Wrap all application code in a self-executing function -(function () { - "use strict"; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis - dimple.axis = function (chart, position, categoryFields, measure, timeField) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-position - this.position = position; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-categoryFields - this.categoryFields = (timeField === null || timeField === undefined ? categoryFields : [].concat(timeField)); - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-measure - this.measure = measure; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timeField - this.timeField = timeField; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-floatingBarWidth - this.floatingBarWidth = 5; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-hidden - this.hidden = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-showPercent - this.showPercent = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-colors - this.colors = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-overrideMin - this.overrideMin = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-overrideMax - this.overrideMax = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-showGridlines - this.showGridlines = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-gridlineShapes - this.gridlineShapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-titleShape - this.titleShape = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-dateParseFormat - this.dateParseFormat = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-tickFormat - this.tickFormat = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timePeriod - this.timePeriod = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timeInterval - this.timeInterval = 1; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-useLog - this.useLog = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-logBase - this.logBase = 10; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-title - this.title = undefined; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-clamp - this.clamp = true; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-ticks - this.ticks = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // If this is a composite axis, store links to all slaves - this._slaves = []; - // The scale determined by the update method - this._scale = null; - // The minimum and maximum axis values - this._min = 0; - this._max = 0; - // Chart origin before and after an update. This helps - // with transitions - this._previousOrigin = null; - this._origin = null; - // The order definition array - this._orderRules = []; - // The group order definition array - this._groupOrderRules = []; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_draw.js - this._draw = null; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getAxisData.js - // Get all the datasets which may affect this axis - this._getAxisData = function () { - var i, - series, - returnData = [], - addChartData = false; - if (this.chart && this.chart.series) { - for (i = 0; i < this.chart.series.length; i += 1) { - series = this.chart.series[i]; - // If the series is related to this axis - if (series[this.position] === this) { - // If the series has its own data set add it to the return array - if (series.data && series.data.length > 0) { - returnData = returnData.concat(series.data); - } else { - addChartData = true; - } - } - } - if (addChartData && this.chart.data) { - returnData = returnData.concat(this.chart.data); - } - } - return returnData; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getFormat.js - this._getFormat = function () { - var returnFormat, - max, - min, - len, - chunks, - suffix, - dp; - if (this.tickFormat !== null && this.tickFormat !== undefined) { - if (this._hasTimeField()) { - returnFormat = d3.time.format(this.tickFormat); - } else { - returnFormat = d3.format(this.tickFormat); - } - } else if (this.showPercent) { - returnFormat = d3.format("%"); - } else if (this.useLog && this.measure !== null) { - // With linear axes the range is used to apply uniform - // formatting but with a log axis it is based on each number - // independently - returnFormat = function (n) { - var l = Math.floor(Math.abs(n), 0).toString().length, - c = Math.min(Math.floor((l - 1) / 3), 4), - s = "kmBT".substring(c - 1, c), - d = (Math.round((n / Math.pow(1000, c)) * 10).toString().slice(-1) === "0" ? 0 : 1); - return (n === 0 ? 0 : d3.format(",." + d + "f")(n / Math.pow(1000, c)) + s); - }; - } else if (this.measure !== null) { - max = Math.floor(Math.abs(this._max), 0).toString(); - min = Math.floor(Math.abs(this._min), 0).toString(); - len = Math.max(min.length, max.length); - if (len > 3) { - chunks = Math.min(Math.floor((len - 1) / 3), 4); - suffix = "kmBT".substring(chunks - 1, chunks); - dp = (len - chunks * 3 <= 1 ? 1 : 0); - returnFormat = function (n) { - return (n === 0 ? 0 : d3.format(",." + dp + "f")(n / Math.pow(1000, chunks)) + suffix); - }; - } else { - dp = (len <= 1 ? 1 : 0); - returnFormat = d3.format(",." + dp + "f"); - } - } else { - returnFormat = function (n) { return n; }; - } - return returnFormat; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getTimePeriod.js - this._getTimePeriod = function () { - // A javascript date object - var outPeriod = this.timePeriod, - maxPeriods = 30, - diff = this._max - this._min; - if (this._hasTimeField() && !this.timePeriod) { - // Calculate using millisecond values for speed. Using the date range requires creating an array - // which in the case of seconds kills the browser. All constants are straight sums of milliseconds - // except months taken as (86400000 * 365.25) / 12 = 2629800000 - if (diff / 1000 <= maxPeriods) { - outPeriod = d3.time.seconds; - } else if (diff / 60000 <= maxPeriods) { - outPeriod = d3.time.minutes; - } else if (diff / 3600000 <= maxPeriods) { - outPeriod = d3.time.hours; - } else if (diff / 86400000 <= maxPeriods) { - outPeriod = d3.time.days; - } else if (diff / 604800000 <= maxPeriods) { - outPeriod = d3.time.weeks; - } else if (diff / 2629800000 <= maxPeriods) { - outPeriod = d3.time.months; - } else { - outPeriod = d3.time.years; - } - } - // Return the date - return outPeriod; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/getTooltipText.js - this._getTooltipText = function (rows, d) { - if (this._hasTimeField()) { - if (d[this.position + "Field"][0]) { - rows.push(this.timeField + ": " + this._getFormat()(d[this.position + "Field"][0])); - } - } else if (this._hasCategories()) { - // Add the categories - this.categoryFields.forEach(function (c, i) { - if (c !== null && c !== undefined && d[this.position + "Field"][i]) { - // If the category name and value match don't display the category name - rows.push(c + (d[this.position + "Field"][i] !== c ? ": " + d[this.position + "Field"][i] : "")); - } - }, this); - } else if (this._hasMeasure()) { - switch (this.position) { - case "x": - rows.push(this.measure + ": " + this._getFormat()(d.width)); - break; - case "y": - rows.push(this.measure + ": " + this._getFormat()(d.height)); - break; - case "z": - rows.push(this.measure + ": " + this._getFormat()(d.zValue)); - break; - case "c": - rows.push(this.measure + ": " + this._getFormat()(d.cValue)); - break; - } - } - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getTopMaster.js - this._getTopMaster = function () { - // The highest level master - var topMaster = this; - if (this.master !== null && this.master !== undefined) { - topMaster = this.master._getTopMaster(); - } - return topMaster; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasCategories.js - this._hasCategories = function () { - return (this.categoryFields !== null && this.categoryFields !== undefined && this.categoryFields.length > 0); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasMeasure.js - this._hasMeasure = function () { - return (this.measure !== null && this.measure !== undefined); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasTimeField.js - this._hasTimeField = function () { - return (this.timeField !== null && this.timeField !== undefined); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_parseDate.js - this._parseDate = function (inDate) { - // A javascript date object - var outDate; - if (this.dateParseFormat === null || this.dateParseFormat === undefined) { - // Moved this into the condition so that using epoch time requires no data format to be set. - // For example 20131122 might be parsed as %Y%m%d not treated as epoch time. - if (!isNaN(inDate)) { - // If inDate is a number, assume it's epoch time - outDate = new Date(inDate); - } else { - // If nothing has been explicity defined you are in the hands of the browser gods - // may they smile upon you... - outDate = Date.parse(inDate); - } - } else { - outDate = d3.time.format(this.dateParseFormat).parse(inDate); - } - // Return the date - return outDate; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_update.js - this._update = function (refactor) { - - var distinctCats = [], - ticks, - step, - remainder, - origin, - tickCount = this.ticks || 10, - getOrderedCategories = function (self, axPos, oppPos) { - var category = self.categoryFields[0], - axisData = self._getAxisData(), - sortBy = category, - desc = false, - isDate = true, - currentValue = null, - i, - definitions; - // Check whether this field is a date - for (i = 0; i < axisData.length; i += 1) { - currentValue = self._parseDate(axisData[i][category]); - if (currentValue !== null && currentValue !== undefined && isNaN(currentValue)) { - isDate = false; - break; - } - } - if (!isDate) { - // Find the first series which connects this axis to another - self.chart.series.forEach(function (s) { - if (s[axPos] === self && s[oppPos]._hasMeasure()) { - sortBy = s[oppPos].measure; - desc = true; - } - }, this); - } - definitions = self._orderRules.concat({ ordering : sortBy, desc : desc }); - return dimple._getOrderedList(axisData, category, definitions); - }; - - // If the axis is a percentage type axis the bounds must be between -1 and 1. Sometimes - // binary rounding means it can fall outside that bound so tidy up here - this._min = (this.showPercent && this._min < -1 ? -1 : this._min); - this._max = (this.showPercent && this._max > 1 ? 1 : this._max); - - // Override or round the min or max - this._min = (this.overrideMin !== null ? this.overrideMin : this._min); - this._max = (this.overrideMax !== null ? this.overrideMax : this._max); - - // If this is an x axis - if (this.position === "x" && (this._scale === null || refactor)) { - if (this._hasTimeField()) { - this._scale = d3.time.scale() - .rangeRound([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } else if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase) - .nice(); - } else if (this.measure === null || this.measure === undefined) { - distinctCats = getOrderedCategories(this, "x", "y"); - // If there are any slaves process accordingly - if (this._slaves !== null && this._slaves !== undefined) { - this._slaves.forEach(function (slave) { - distinctCats = distinctCats.concat(getOrderedCategories(slave, "x", "y")); - }, this); - } - this._scale = d3.scale.ordinal() - .rangePoints([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain(distinctCats.concat([""])); - } else { - this._scale = d3.scale.linear() - .range([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp) - .nice(); - } - // If it's visible, orient it at the top or bottom if it's first or second respectively - if (!this.hidden) { - switch (this.chart._axisIndex(this, "x")) { - case 0: - this._draw = d3.svg.axis() - .orient("bottom") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - case 1: - this._draw = d3.svg.axis() - .orient("top") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - default: - break; - } - } - } else if (this.position === "y" && (this._scale === null || refactor)) { - if (this._hasTimeField()) { - this._scale = d3.time.scale() - .rangeRound([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } else if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase) - .nice(); - } else if (this.measure === null || this.measure === undefined) { - distinctCats = getOrderedCategories(this, "y", "x"); - // If there are any slaves process accordingly - if (this._slaves !== null && this._slaves !== undefined) { - this._slaves.forEach(function (slave) { - distinctCats = distinctCats.concat(getOrderedCategories(slave, "y", "x")); - }, this); - } - this._scale = d3.scale.ordinal() - .rangePoints([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain(distinctCats.concat([""])); - } else { - this._scale = d3.scale.linear() - .range([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp) - .nice(); - } - // if it's visible, orient it at the left or right if it's first or second respectively - if (!this.hidden) { - switch (this.chart._axisIndex(this, "y")) { - case 0: - this._draw = d3.svg.axis() - .orient("left") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - case 1: - this._draw = d3.svg.axis() - .orient("right") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - default: - break; - } - } - } else if (this.position.length > 0 && this.position[0] === "z" && this._scale === null) { - if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._heightPixels() / 300, this.chart._heightPixels() / 10]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase); - } else { - this._scale = d3.scale.linear() - .range([1, this.chart._heightPixels() / 10]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } - } else if (this.position.length > 0 && this.position[0] === "c" && this._scale === null) { - this._scale = d3.scale.linear() - .range([0, (this.colors === null || this.colors.length === 1 ? 1 : this.colors.length - 1)]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } - // Apply this scale to all slaves as well - if (this._slaves !== null && this._slaves !== undefined && this._slaves.length > 0) { - this._slaves.forEach(function (slave) { - slave._scale = this._scale; - }, this); - } - // Check that the axis ends on a labelled tick - if ((refactor === null || refactor === undefined || refactor === false) && !this._hasTimeField() && this._scale !== null && this._scale.ticks !== null && this._scale.ticks !== undefined && this._scale.ticks(tickCount).length > 0 && (this.position === "x" || this.position === "y")) { - - // Get the ticks determined based on the specified split - ticks = this._scale.ticks(tickCount); - // Get the step between ticks - step = ticks[1] - ticks[0]; - // Get the remainder - remainder = ((this._max - this._min) % step).toFixed(0); - - // If the remainder is not zero - if (remainder !== 0) { - // Set the bounds - this._max = Math.ceil(this._max / step) * step; - this._min = Math.floor(this._min / step) * step; - // Recursively call the method to recalculate the scale. This shouldn't enter this block again. - this._update(true); - } - } - - // Populate the origin. Previously this incorrectly looked up 0 on the axis which only works - // for measure axes leading to Issue #19. This fix uses the first category value in cases where - // one is required. - if (distinctCats !== null && distinctCats !== undefined && distinctCats.length > 0) { - origin = this._scale.copy()(distinctCats[0]); - } else if (this._min > 0) { - origin = this._scale.copy()(this._min); - } else if (this._max < 0) { - origin = this._scale.copy()(this._max); - } else { - origin = this._scale.copy()(0); - } - - if (this._origin !== origin) { - this._previousOrigin = (this._origin === null ? origin : this._origin); - this._origin = origin; - } - - // Return axis for chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/addGroupOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-addGroupOrderRule - this.addGroupOrderRule = function (ordering, desc) { - this._groupOrderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - }; - // End dimple.axis - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart - dimple.chart = function (svg, data) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-svg - this.svg = svg; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-x - this.x = "10%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-y - this.y = "10%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-width - this.width = "80%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-height - this.height = "80%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-data - this.data = data; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-noFormats - this.noFormats = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-axes - this.axes = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-series - this.series = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-legends - this.legends = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-storyboard - this.storyboard = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-titleShape - this.titleShape = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-ease - this.ease = "cubic-in-out"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-staggerDraw - this.staggerDraw = false; - - // The group within which to put all of this chart's objects - this._group = svg.append("g"); - // The group within which to put tooltips. This is not initialised here because - // the group would end up behind other chart contents in a multi chart output. It will - // therefore be added and removed by the mouse enter/leave events - this._tooltipGroup = null; - // Colors assigned to chart contents. E.g. a series value. - this._assignedColors = {}; - // The next colour index to use, this value is cycled around for all default colours - this._nextColor = 0; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_axisIndex.js - // Return the ordinal value of the passed axis. If an orientation is passed, return the order for the - // specific orientation, otherwise return the order from all axes. Returns -1 if the passed axis isn't part of the collection - this._axisIndex = function (axis, orientation) { - - var i = 0, - axisCount = 0, - index = -1; - - for (i = 0; i < this.axes.length; i += 1) { - if (this.axes[i] === axis) { - index = axisCount; - break; - } - if (orientation === null || orientation === undefined || orientation[0] === this.axes[i].position[0]) { - axisCount += 1; - } - } - - return index; - - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getAllData.js - // Mash together all of the datasets - this._getAllData = function () { - // The return array will include all data for chart as well as any series - var returnData = []; - // If there is data at the chart level - if (this.data !== null && this.data !== undefined && this.data.length > 0) { - returnData = returnData.concat(this.data); - } - // If there are series defined - if (this.series !== null && this.series !== undefined && this.series.length > 0) { - this.series.forEach(function (s) { - if (s.data !== null && s.data !== undefined && s.data.length > 0) { - returnData = returnData.concat(s.data); - } - }); - } - // Return the final dataset - return returnData; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getDelay.js - this._getDelay = function (duration, chart, series) { - return function (d) { - var returnValue = 0; - if (series && chart.staggerDraw) { - if (series.x._hasCategories()) { - returnValue = (dimple._helpers.cx(d, chart, series) / chart._widthPixels()) * duration; - } else if (series.y._hasCategories()) { - returnValue = (1 - dimple._helpers.cy(d, chart, series) / chart._heightPixels()) * duration; - } - } - return returnValue; - }; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getSeriesData.js - // Create a dataset containing positioning information for every series - this._getSeriesData = function () { - // If there are series - if (this.series !== null && this.series !== undefined) { - // Iterate all the series - this.series.forEach(function (series) { - // The data for this series - var returnData = [], - // Handle multiple category values by iterating the fields in the row and concatenate the values - // This is repeated for each axis using a small anon function - getField = function (axis, row) { - var returnField = []; - if (axis !== null) { - if (axis._hasTimeField()) { - returnField.push(axis._parseDate(row[axis.timeField])); - } else if (axis._hasCategories()) { - axis.categoryFields.forEach(function (cat) { - returnField.push(row[cat]); - }, this); - } - } - return returnField; - }, - // Catch a non-numeric value and re-calc as count - useCount = { x: false, y: false, z: false, c: false }, - // If the elements are grouped a unique list of secondary category values will be required - secondaryElements = { x: [], y: [] }, - // Get the x and y totals for percentages. This cannot be done in the loop above as we need the data aggregated before we get an abs total. - // otherwise it will wrongly account for negatives and positives rolled together. - totals = { x: [], y: [], z: [] }, - colorBounds = { min: null, max: null }, - tot, - running = { x: [], y: [], z: [] }, - addedCats = [], - catTotals = {}, - grandTotals = { x: 0, y: 0, z: 0 }, - key, - storyCat = "", - orderedStoryboardArray = [], - seriesCat = [], - orderedSeriesArray = [], - xCat = "", - xSortArray = [], - yCat = "", - ySortArray = [], - rules = [], - sortedData = series.data || this.data || [], - groupRules = []; - - if (this.storyboard !== null && this.storyboard !== undefined && this.storyboard.categoryFields.length > 0) { - storyCat = this.storyboard.categoryFields[0]; - orderedStoryboardArray = dimple._getOrderedList(sortedData, storyCat, this.storyboard._orderRules); - } - - // Deal with mekkos - if (series.x._hasCategories() && series.x._hasMeasure()) { - xCat = series.x.categoryFields[0]; - xSortArray = dimple._getOrderedList(sortedData, xCat, series.x._orderRules.concat([{ ordering : series.x.measure, desc : true }])); - } - if (series.y._hasCategories() && series.y._hasMeasure()) { - yCat = series.y.categoryFields[0]; - ySortArray = dimple._getOrderedList(sortedData, yCat, series.y._orderRules.concat([{ ordering : series.y.measure, desc : true }])); - } - - if (sortedData.length > 0 && series.categoryFields !== null && series.categoryFields !== undefined && series.categoryFields.length > 0) { - // Concat is used here to break the reference to the parent array, if we don't do this, in a storyboarded chart, - // the series rules to grow and grow until the system grinds to a halt trying to deal with them all. - rules = [].concat(series._orderRules); - seriesCat = []; - series.categoryFields.forEach(function (cat) { - if (sortedData[0][cat] !== undefined) { - seriesCat.push(cat); - } - }, this); - if (series.c !== null && series.c !== undefined && series.c._hasMeasure()) { - rules.push({ ordering : series.c.measure, desc : true }); - } else if (series.z !== null && series.z !== undefined && series.z._hasMeasure()) { - rules.push({ ordering : series.z.measure, desc : true }); - } else if (series.x._hasMeasure()) { - rules.push({ ordering : series.x.measure, desc : true }); - } else if (series.y._hasMeasure()) { - rules.push({ ordering : series.y.measure, desc : true }); - } - orderedSeriesArray = dimple._getOrderedList(sortedData, seriesCat, rules); - } - - sortedData.sort(function (a, b) { - var returnValue = 0, - cats, - comp, - p, - q, - aMatch, - bMatch; - if (storyCat !== "") { - returnValue = orderedStoryboardArray.indexOf(a[storyCat]) - orderedStoryboardArray.indexOf(b[storyCat]); - } - if (xCat !== "" && returnValue === 0) { - returnValue = xSortArray.indexOf(a[xCat]) - xSortArray.indexOf(b[xCat]); - } - if (yCat !== "" && returnValue === 0) { - returnValue = ySortArray.indexOf(a[yCat]) - ySortArray.indexOf(b[yCat]); - } - if (seriesCat && seriesCat.length > 0 && returnValue === 0) { - cats = [].concat(seriesCat); - returnValue = 0; - for (p = 0; p < orderedSeriesArray.length; p += 1) { - comp = [].concat(orderedSeriesArray[p]); - aMatch = true; - bMatch = true; - for (q = 0; q < cats.length; q += 1) { - aMatch = aMatch && (a[cats[q]] === comp[q]); - bMatch = bMatch && (b[cats[q]] === comp[q]); - } - if (aMatch && bMatch) { - returnValue = 0; - break; - } else if (aMatch) { - returnValue = -1; - break; - } else if (bMatch) { - returnValue = 1; - break; - } - } - } - return returnValue; - }); - - // Iterate every row in the data to calculate the return values - sortedData.forEach(function (d) { - // Reset the index - var foundIndex = -1, - xField = getField(series.x, d), - yField = getField(series.y, d), - zField = getField(series.z, d), - // Get the aggregate field using the other fields if necessary - aggField = [], - key, - k, - i, - newRow, - updateData; - - if (series.categoryFields === null || series.categoryFields === undefined || series.categoryFields.length === 0) { - aggField = ["All"]; - } else { - // Iterate the category fields - for (i = 0; i < series.categoryFields.length; i += 1) { - // Either add the value of the field or the name itself. This allows users to add custom values, for example - // Setting a particular color for a set of values can be done by using a non-existent final value and then coloring - // by it - if (d[series.categoryFields[i]] === undefined) { - aggField.push(series.categoryFields[i]); - } else { - aggField.push(d[series.categoryFields[i]]); - } - } - } - - // Add a key - key = aggField.join("/") + "_" + xField.join("/") + "_" + yField.join("/") + "_" + zField.join("/"); - // See if this field has already been added. - for (k = 0; k < returnData.length; k += 1) { - if (returnData[k].key === key) { - foundIndex = k; - break; - } - } - // If the field was not added, do so here - if (foundIndex === -1) { - newRow = { - key: key, - aggField: aggField, - xField: xField, - xValue: null, - xCount: 0, - yField: yField, - yValue: null, - yCount: 0, - zField: zField, - zValue: null, - zCount: 0, - cValue: 0, - cCount: 0, - x: 0, - y: 0, - xOffset: 0, - yOffset: 0, - width: 0, - height: 0, - cx: 0, - cy: 0, - xBound: 0, - yBound: 0, - xValueList: [], - yValueList: [], - zValueList: [], - cValueList: [], - fill: {}, - stroke: {} - }; - returnData.push(newRow); - foundIndex = returnData.length - 1; - } - - // Update the return data for the passed axis - updateData = function (axis, storyboard) { - var passStoryCheck = true, - lhs = { value: 0, count: 1 }, - rhs = { value: 0, count: 1 }, - selectStoryValue, - compare = "", - retRow; - if (storyboard !== null) { - selectStoryValue = storyboard.getFrameValue(); - storyboard.categoryFields.forEach(function (cat, m) { - if (m > 0) { - compare += "/"; - } - compare += d[cat]; - passStoryCheck = (compare === selectStoryValue); - }, this); - } - if (axis !== null && axis !== undefined) { - if (passStoryCheck) { - retRow = returnData[foundIndex]; - if (axis._hasMeasure() && d[axis.measure] !== null && d[axis.measure] !== undefined) { - // Keep a distinct list of values to calculate a distinct count in the case of a non-numeric value being found - if (retRow[axis.position + "ValueList"].indexOf(d[axis.measure]) === -1) { - retRow[axis.position + "ValueList"].push(d[axis.measure]); - } - // The code above is outside this check for non-numeric values because we might encounter one far down the list, and - // want to have a record of all values so far. - if (isNaN(parseFloat(d[axis.measure]))) { - useCount[axis.position] = true; - } - // Set the value using the aggregate function method - lhs.value = retRow[axis.position + "Value"]; - lhs.count = retRow[axis.position + "Count"]; - rhs.value = d[axis.measure]; - retRow[axis.position + "Value"] = series.aggregate(lhs, rhs); - retRow[axis.position + "Count"] += 1; - } - } - } - }; - // Update all the axes - updateData(series.x, this.storyboard); - updateData(series.y, this.storyboard); - updateData(series.z, this.storyboard); - updateData(series.c, this.storyboard); - }, this); - // Get secondary elements if necessary - if (series.x !== null && series.x !== undefined && series.x._hasCategories() && series.x.categoryFields.length > 1 && secondaryElements.x !== undefined) { - groupRules = []; - if (series.y._hasMeasure()) { - groupRules.push({ ordering : series.y.measure, desc : true }); - } - secondaryElements.x = dimple._getOrderedList(sortedData, series.x.categoryFields[1], series.x._groupOrderRules.concat(groupRules)); - } - if (series.y !== null && series.y !== undefined && series.y._hasCategories() && series.y.categoryFields.length > 1 && secondaryElements.y !== undefined) { - groupRules = []; - if (series.x._hasMeasure()) { - groupRules.push({ ordering : series.x.measure, desc : true }); - } - secondaryElements.y = dimple._getOrderedList(sortedData, series.y.categoryFields[1], series.y._groupOrderRules.concat(groupRules)); - secondaryElements.y.reverse(); - } - returnData.forEach(function (ret) { - if (series.x !== null) { - if (useCount.x === true) { ret.xValue = ret.xValueList.length; } - tot = (totals.x[ret.xField.join("/")] === null || totals.x[ret.xField.join("/")] === undefined ? 0 : totals.x[ret.xField.join("/")]) + (series.y._hasMeasure() ? Math.abs(ret.yValue) : 0); - totals.x[ret.xField.join("/")] = tot; - } - if (series.y !== null) { - if (useCount.y === true) { ret.yValue = ret.yValueList.length; } - tot = (totals.y[ret.yField.join("/")] === null || totals.y[ret.yField.join("/")] === undefined ? 0 : totals.y[ret.yField.join("/")]) + (series.x._hasMeasure() ? Math.abs(ret.xValue) : 0); - totals.y[ret.yField.join("/")] = tot; - } - if (series.z !== null) { - if (useCount.z === true) { ret.zValue = ret.zValueList.length; } - tot = (totals.z[ret.zField.join("/")] === null || totals.z[ret.zField.join("/")] === undefined ? 0 : totals.z[ret.zField.join("/")]) + (series.z._hasMeasure() ? Math.abs(ret.zValue) : 0); - totals.z[ret.zField.join("/")] = tot; - } - if (series.c !== null) { - if (colorBounds.min === null || ret.cValue < colorBounds.min) { colorBounds.min = ret.cValue; } - if (colorBounds.max === null || ret.cValue > colorBounds.max) { colorBounds.max = ret.cValue; } - } - }, this); - // Before calculating the positions we need to sort elements - - // Set all the dimension properties of the data - for (key in totals.x) { if (totals.x.hasOwnProperty(key)) { grandTotals.x += totals.x[key]; } } - for (key in totals.y) { if (totals.y.hasOwnProperty(key)) { grandTotals.y += totals.y[key]; } } - for (key in totals.z) { if (totals.z.hasOwnProperty(key)) { grandTotals.z += totals.z[key]; } } - - returnData.forEach(function (ret) { - var baseColor, - targetColor, - scale, - colorVal, - floatingPortion, - getAxisData = function (axis, opp, size) { - var totalField, - value, - selectValue, - pos, - cumValue; - if (axis !== null && axis !== undefined) { - pos = axis.position; - if (!axis._hasCategories()) { - value = (axis.showPercent ? ret[pos + "Value"] / totals[opp][ret[opp + "Field"].join("/")] : ret[pos + "Value"]); - totalField = ret[opp + "Field"].join("/") + (ret[pos + "Value"] >= 0); - cumValue = running[pos][totalField] = ((running[pos][totalField] === null || running[pos][totalField] === undefined || pos === "z") ? 0 : running[pos][totalField]) + value; - selectValue = ret[pos + "Bound"] = ret["c" + pos] = (((pos === "x" || pos === "y") && series._isStacked()) ? cumValue : value); - ret[size] = value; - ret[pos] = selectValue - (((pos === "x" && value >= 0) || (pos === "y" && value <= 0)) ? value : 0); - } else { - if (axis._hasMeasure()) { - totalField = ret[axis.position + "Field"].join("/"); - value = (axis.showPercent ? totals[axis.position][totalField] / grandTotals[axis.position] : totals[axis.position][totalField]); - if (addedCats.indexOf(totalField) === -1) { - catTotals[totalField] = value + (addedCats.length > 0 ? catTotals[addedCats[addedCats.length - 1]] : 0); - addedCats.push(totalField); - } - selectValue = ret[pos + "Bound"] = ret["c" + pos] = (((pos === "x" || pos === "y") && series._isStacked()) ? catTotals[totalField] : value); - ret[size] = value; - ret[pos] = selectValue - (((pos === "x" && value >= 0) || (pos === "y" && value <= 0)) ? value : 0); - } else { - ret[pos] = ret["c" + pos] = ret[pos + "Field"][0]; - ret[size] = 1; - if (secondaryElements[pos] !== undefined && secondaryElements[pos] !== null && secondaryElements[pos].length >= 2) { - ret[pos + "Offset"] = secondaryElements[pos].indexOf(ret[pos + "Field"][1]); - ret[size] = 1 / secondaryElements[pos].length; - } - } - } - } - }; - getAxisData(series.x, "y", "width"); - getAxisData(series.y, "x", "height"); - getAxisData(series.z, "z", "r"); - - // If there is a color axis - if (series.c !== null && colorBounds.min !== null && colorBounds.max !== null) { - // Handle matching min and max - if (colorBounds.min === colorBounds.max) { - colorBounds.min -= 0.5; - colorBounds.max += 0.5; - } - // Limit the bounds of the color value to be within the range. Users may override the axis bounds and this - // allows a 2 color scale rather than blending if the min and max are set to 0 and 0.01 for example negative values - // and zero value would be 1 color and positive another. - colorBounds.min = (series.c.overrideMin !== null && series.c.overrideMin !== undefined ? series.c.overrideMin : colorBounds.min); - colorBounds.max = (series.c.overrideMax !== null && series.c.overrideMax !== undefined ? series.c.overrideMax : colorBounds.max); - ret.cValue = (ret.cValue > colorBounds.max ? colorBounds.max : (ret.cValue < colorBounds.min ? colorBounds.min : ret.cValue)); - // Calculate the factors for the calculations - scale = d3.scale.linear().range([0, (series.c.colors === null || series.c.colors.length === 1 ? 1 : series.c.colors.length - 1)]).domain([colorBounds.min, colorBounds.max]); - colorVal = scale(ret.cValue); - floatingPortion = colorVal - Math.floor(colorVal); - if (ret.cValue === colorBounds.max) { - floatingPortion = 1; - } - // If there is a single color defined - if (series.c.colors !== null && series.c.colors !== undefined && series.c.colors.length === 1) { - baseColor = d3.rgb(series.c.colors[0]); - targetColor = d3.rgb(this.getColor(ret.aggField.slice(-1)[0]).fill); - } else if (series.c.colors !== null && series.c.colors !== undefined && series.c.colors.length > 1) { - baseColor = d3.rgb(series.c.colors[Math.floor(colorVal)]); - targetColor = d3.rgb(series.c.colors[Math.ceil(colorVal)]); - } else { - baseColor = d3.rgb("white"); - targetColor = d3.rgb(this.getColor(ret.aggField.slice(-1)[0]).fill); - } - // Calculate the correct grade of color - baseColor.r = Math.floor(baseColor.r + (targetColor.r - baseColor.r) * floatingPortion); - baseColor.g = Math.floor(baseColor.g + (targetColor.g - baseColor.g) * floatingPortion); - baseColor.b = Math.floor(baseColor.b + (targetColor.b - baseColor.b) * floatingPortion); - // Set the colors on the row - ret.fill = baseColor.toString(); - ret.stroke = baseColor.darker(0.5).toString(); - } - - }, this); - - // populate the data in the series - series._positionData = returnData; - - }, this); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/chart/methods/_handleTransition.js - this._handleTransition = function (input, duration, chart, series) { - var returnShape = null; - if (duration === 0) { - returnShape = input; - } else { - returnShape = input.transition() - .duration(duration) - .delay(chart._getDelay(duration, chart, series)) - .ease(chart.ease); - } - return returnShape; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_heightPixels.js - // Access the pixel value of the height of the plot area - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.svg.node()); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_registerEventHandlers.js - // Register events, handle standard d3 shape events - this._registerEventHandlers = function (series) { - if (series._eventHandlers !== null && series._eventHandlers.length > 0) { - series._eventHandlers.forEach(function (thisHandler) { - var shapes = null; - if (thisHandler.handler !== null && typeof (thisHandler.handler) === "function") { - // Some classes work from markers rather than the shapes (line and area for example) - // in these cases the events should be applied to the markers instead. Issue #15 - if (series._markers !== null && series._markers !== undefined) { - shapes = series._markers; - } else { - shapes = series.shapes; - } - shapes.on(thisHandler.event, function (d) { - var e = new dimple.eventArgs(); - if (series.chart.storyboard !== null) { - e.frameValue = series.chart.storyboard.getFrameValue(); - } - e.seriesValue = d.aggField; - e.xValue = d.x; - e.yValue = d.y; - e.zValue = d.z; - e.colorValue = d.cValue; - e.seriesShapes = series.shapes; - e.selectedShape = d3.select(this); - thisHandler.handler(e); - }); - } - }, this); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_widthPixels.js - // Access the pixel value of the width of the plot area - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_xPixels.js - // Access the pixel position of the x co-ordinate of the plot area - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_yPixels.js - // Access the pixel position of the y co-ordinate of the plot area - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addAxis - this.addAxis = function (position, categoryFields, measure, timeField) { - // The axis to return - var axis = null, - master = null; - // Convert the passed category fields to an array in case a single string is sent - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - // If this is a standard axis a position will have been passed as a string - if ((typeof position) === "string" || (position instanceof String)) { - // Create the axis object based on the passed parameters - axis = new dimple.axis( - this, - position, - categoryFields, - measure, - timeField - ); - // Add the axis to the array for the chart - this.axes.push(axis); - - } else { - // In the case of a composite axis the position will contain another axis - // To make this code more readable reassign the position to a different variable - master = position; - // Construct the axis object - axis = new dimple.axis( - this, - master.position, - categoryFields, - measure, - timeField - ); - // Validate that the master and child axes are compatible - if (axis._hasMeasure() !== master._hasMeasure()) { - throw "You have specified a composite axis where some but not all axes have a measure - this is not supported, all axes must be of the same type."; - } else if (axis._hasTimeField() !== master._hasTimeField()) { - throw "You have specified a composite axis where some but not all axes have a time field - this is not supported, all axes must be of the same type."; - } else if ((axis.categoryFields === null || axis.categoryFields === undefined ? 0 : axis.categoryFields.length) !== (master.categoryFields === null || master.categoryFields === undefined ? 0 : master.categoryFields.length)) { - throw "You have specified a composite axis where axes have differing numbers of category fields - this is not supported, all axes must be of the same type."; - } - // Do not add the axis to the chart's axes array, instead add it the master - master._slaves.push(axis); - } - // return the axis - return axis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addCategoryAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addCategoryAxis - this.addCategoryAxis = function (position, categoryFields) { - return this.addAxis(position, categoryFields, null); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addColorAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addColorAxis - this.addColorAxis = function (measure, colors) { - var colorAxis = this.addAxis("c", null, measure); - colorAxis.colors = (colors === null || colors === undefined ? null : [].concat(colors)); - return colorAxis; - }; - - - // Source: /src/objects/chart/methods/addLegend.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addLegend - this.addLegend = function (x, y, width, height, horizontalAlign, series) { - // Use all series by default - series = (series === null || series === undefined ? this.series : [].concat(series)); - horizontalAlign = (horizontalAlign === null || horizontalAlign === undefined ? "left" : horizontalAlign); - // Create the legend - var legend = new dimple.legend(this, x, y, width, height, horizontalAlign, series); - // Add the legend to the array - this.legends.push(legend); - // Return the legend object - return legend; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addLogAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addLogAxis - this.addLogAxis = function (position, logField, logBase) { - var axis = this.addAxis(position, null, logField, null); - if (logBase !== null && logBase !== undefined) { - axis.logBase = logBase; - } - axis.useLog = true; - return axis; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addMeasureAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addMeasureAxis - this.addMeasureAxis = function (position, measure) { - return this.addAxis(position, null, measure); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addPctAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addPctAxis - this.addPctAxis = function (position, measure, categories) { - var pctAxis = null; - if (categories !== null && categories !== undefined) { - pctAxis = this.addAxis(position, categories, measure); - } else { - pctAxis = this.addMeasureAxis(position, measure); - } - pctAxis.showPercent = true; - return pctAxis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addSeries.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addSeries - this.addSeries = function (categoryFields, plotFunction, axes) { - // Deal with no axes passed - if (axes === null || axes === undefined) { axes = this.axes; } - // Deal with no plot function - if (plotFunction === null || plotFunction === undefined) { plotFunction = dimple.plot.bubble; } - // Axis objects to be picked from the array - var xAxis = null, - yAxis = null, - zAxis = null, - colorAxis = null, - series; - // Iterate the array and pull out the relevant axes - axes.forEach(function (axis) { - if (axis !== null && plotFunction.supportedAxes.indexOf(axis.position) > -1) { - if (xAxis === null && axis.position[0] === "x") { - xAxis = axis; - } else if (yAxis === null && axis.position[0] === "y") { - yAxis = axis; - } else if (zAxis === null && axis.position[0] === "z") { - zAxis = axis; - } else if (colorAxis === null && axis.position[0] === "c") { - colorAxis = axis; - } - } - }, this); - // Put single values into single value arrays - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - // Create a series object - series = new dimple.series( - this, - categoryFields, - xAxis, - yAxis, - zAxis, - colorAxis, - plotFunction, - dimple.aggregateMethod.sum, - plotFunction.stacked - ); - // Add the series to the chart's array - this.series.push(series); - // Return the series - return series; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addTimeAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addTimeAxis - this.addTimeAxis = function (position, timeField, inputFormat, outputFormat) { - var axis = this.addAxis(position, null, null, timeField); - axis.tickFormat = outputFormat; - axis.dateParseFormat = inputFormat; - return axis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/assignColor.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-assignColor - this.assignColor = function (tag, fill, stroke, opacity) { - this._assignedColors[tag] = new dimple.color(fill, stroke, opacity); - return this._assignedColors[tag]; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/defaultColors.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-defaultColors - this.defaultColors = [ - new dimple.color("#80B1D3"), // Blue - new dimple.color("#FB8072"), // Red - new dimple.color("#FDB462"), // Orange - new dimple.color("#B3DE69"), // Green - new dimple.color("#FFED6F"), // Yellow - new dimple.color("#BC80BD"), // Purple - new dimple.color("#8DD3C7"), // Turquoise - new dimple.color("#CCEBC5"), // Pale Blue - new dimple.color("#FFFFB3"), // Pale Yellow - new dimple.color("#BEBADA"), // Lavender - new dimple.color("#FCCDE5"), // Pink - new dimple.color("#D9D9D9") // Grey - ]; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/draw.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-draw - this.draw = function (duration, noDataChange) { - // Deal with optional parameter - duration = (duration === null || duration === undefined ? 0 : duration); - // Catch the first x and y - var firstX = null, - firstY = null, - distinctCats, - xGridSet = false, - yGridSet = false, - chartX = this._xPixels(), - chartY = this._yPixels(), - chartWidth = this._widthPixels(), - chartHeight = this._heightPixels(), - linkedDimensions; - - // Many of the draw methods use positioning data in each series. Therefore we should - // decorate the series with it now - if (noDataChange === undefined || noDataChange === null || noDataChange === false) { - this._getSeriesData(); - } - - // Clear all scales, this is required to fix Issue #67 - this.axes.forEach(function (axis) { - axis._scale = null; - }, this); - - // Iterate the axes and calculate bounds, this is done within the chart because an - // axis' bounds are determined by other axes and the way that series tie them together - this.axes.forEach(function (axis) { - axis._min = 0; - axis._max = 0; - linkedDimensions = []; - // Check that the axis has a measure - if (axis._hasMeasure()) { - // Is this axis linked to a series - var linked = false; - // Find any linked series - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis)) { - // Get the bounds - var bounds = series._axisBounds(axis.position); - if (axis._min > bounds.min) { axis._min = bounds.min; } - if (axis._max < bounds.max) { axis._max = bounds.max; } - linked = true; - } - }, this); - // If the axis is not linked, use the data bounds, this is unlikely to be used - // in a real context, but when developing it is nice to see axes before any series have - // been added. - if (!linked) { - this._getAllData().forEach(function (d) { - if (axis._min > d[axis.measure]) { axis._min = d[axis.measure]; } - if (axis._max < d[axis.measure]) { axis._max = d[axis.measure]; } - }, this); - } - } else if (axis._hasTimeField()) { - // Parse the dates and assign the min and max - axis._min = null; - axis._max = null; - // Create an array of dimensions for this axis - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis) - && series[axis.position].timeField !== null - && series[axis.position].timeField !== undefined - && linkedDimensions.indexOf(series[axis.position].timeField) === -1) { - linkedDimensions.push(series[axis.position].timeField); - } - }, this); - // Iterate the data - axis._getAxisData().forEach(function (d) { - // Find any linked series - linkedDimensions.forEach(function (dimension) { - // Check it's timeField - var dt = axis._parseDate(d[dimension]); - if (axis._min === null || dt < axis._min) { - axis._min = dt; - } - if (axis._max === null || dt > axis._max) { - axis._max = dt; - } - }, this); - }, this); - } else if (axis._hasCategories()) { - // A category axis is just set to show the number of categories - axis._min = 0; - distinctCats = []; - // Create an array of dimensions for this axis - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis) - && series[axis.position].categoryFields[0] !== null - && series[axis.position].categoryFields[0] !== undefined - && linkedDimensions.indexOf(series[axis.position].categoryFields[0]) === -1) { - linkedDimensions.push(series[axis.position].categoryFields[0]); - } - }, this); - axis._getAxisData().forEach(function (d) { - linkedDimensions.forEach(function (dimension) { - if (distinctCats.indexOf(d[dimension]) === -1) { - distinctCats.push(d[dimension]); - } - }, this); - }, this); - axis._max = distinctCats.length; - } - // Set the bounds on all slaves - if (axis._slaves !== null && axis._slaves !== undefined && axis._slaves.length > 0) { - axis._slaves.forEach(function (slave) { - slave._min = axis._min; - slave._max = axis._max; - }, this); - } - // Update the axis now we have all information set - axis._update(); - - // Record the index of the first x and first y axes - if (firstX === null && axis.position === "x") { - firstX = axis; - } else if (firstY === null && axis.position === "y") { - firstY = axis; - } - }, this); - // Iterate the axes again - this.axes.forEach(function (axis) { - // Don't animate axes on first draw - var firstDraw = false, - transform = null, - gridSize = 0, - gridTransform = null, - rotated = false, - widest = 0, - box = { l: null, t: null, r: null, b: null }, - titleX = 0, - titleY = 0, - rotate = "", - chart = this, - handleTrans = function (ob) { - // Draw the axis - // This code might seem unnecessary but even applying a duration of 0 to a transition will cause the code to execute after the - // code below and precedence is important here. - var returnObj; - if (transform === null || duration === 0 || firstDraw) { - returnObj = ob; - } else { - returnObj = chart._handleTransition(ob, duration, chart); - } - return returnObj; - }, - transformLabels = function () { - if (!axis.measure) { - if (axis.position === "x") { - d3.select(this).selectAll("text").attr("x", (chartWidth / axis._max) / 2); - } else if (axis.position === "y") { - d3.select(this).selectAll("text").attr("y", -1 * (chartHeight / axis._max) / 2); - } - } - if (axis.categoryFields && axis.categoryFields.length > 0) { - // Off set the labels to counter the transform. This will put the labels along the outside of the chart so they - // don't interfere with the chart contents - if (axis === firstX && (firstY.categoryFields === null || firstY.categoryFields.length === 0)) { - d3.select(this).selectAll("text").attr("y", chartY + chartHeight - firstY._scale(0) + 9); - } - if (axis === firstY && (firstX.categoryFields === null || firstX.categoryFields.length === 0)) { - d3.select(this).selectAll("text").attr("x", -1 * (firstX._scale(0) - chartX) - 9); - } - } - }; - - if (axis.gridlineShapes === null) { - if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) { - // Add a group for the gridlines to allow css formatting - axis.gridlineShapes = this._group.append("g").attr("class", "dimple-gridline"); - if (axis.position === "x") { - xGridSet = true; - } else { - yGridSet = true; - } - } - } else { - if (axis.position === "x") { - xGridSet = true; - } else { - yGridSet = true; - } - } - if (axis.shapes === null) { - // Add a group for the axes to allow css formatting - axis.shapes = this._group.append("g") - .attr("class", "dimple-axis") - .each(function () { - if (!chart.noFormats) { - d3.select(this) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - } - }); - firstDraw = true; - } - // If this is the first x and there is a y axis cross them at zero - if (axis === firstX && firstY !== null) { - transform = "translate(0, " + (firstY.categoryFields === null || firstY.categoryFields.length === 0 ? firstY._scale(0) : chartY + chartHeight) + ")"; - gridTransform = "translate(0, " + (axis === firstX ? chartY + chartHeight : chartY) + ")"; - gridSize = -chartHeight; - } else if (axis === firstY && firstX !== null) { - transform = "translate(" + (firstX.categoryFields === null || firstX.categoryFields.length === 0 ? firstX._scale(0) : chartX) + ", 0)"; - gridTransform = "translate(" + (axis === firstY ? chartX : chartX + chartWidth) + ", 0)"; - gridSize = -chartWidth; - } else if (axis.position === "x") { - gridTransform = transform = "translate(0, " + (axis === firstX ? chartY + chartHeight : chartY) + ")"; - gridSize = -chartHeight; - } else if (axis.position === "y") { - gridTransform = transform = "translate(" + (axis === firstY ? chartX : chartX + chartWidth) + ", 0)"; - gridSize = -chartWidth; - } - if (transform !== null && axis._draw !== null) { - - // Add a tick format - if (axis._hasTimeField()) { - handleTrans(axis.shapes) - .call(axis._draw.ticks(axis._getTimePeriod(), axis.timeInterval).tickFormat(axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } else if (axis.useLog) { - handleTrans(axis.shapes) - .call(axis._draw.ticks(4, axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } else { - handleTrans(axis.shapes) - .call(axis._draw.tickFormat(axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } - if (axis.gridlineShapes !== null) { - handleTrans(axis.gridlineShapes) - .call(axis._draw.tickSize(gridSize, 0, 0).tickFormat("")) - .attr("transform", gridTransform); - } - } - // Set some initial css values - if (!this.noFormats) { - handleTrans(axis.shapes.selectAll("text")) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - handleTrans(axis.shapes.selectAll("path, line")) - .style("fill", "none") - .style("stroke", "black") - .style("shape-rendering", "crispEdges"); - if (axis.gridlineShapes !== null) { - handleTrans(axis.gridlineShapes.selectAll("line")) - .style("fill", "none") - .style("stroke", "lightgray") - .style("opacity", 0.8); - } - } - // Rotate labels, this can only be done once the formats are set - if (axis.measure === null || axis.measure === undefined) { - if (axis === firstX) { - // If the gaps are narrower than the widest label display all labels horizontally - widest = 0; - axis.shapes.selectAll("text").each(function () { - var w = this.getComputedTextLength(); - widest = (w > widest ? w : widest); - }); - if (widest > chartWidth / axis.shapes.selectAll("text")[0].length) { - rotated = true; - axis.shapes.selectAll("text") - .style("text-anchor", "start") - .each(function () { - var rec = this.getBBox(); - d3.select(this) - .attr("transform", "rotate(90," + rec.x + "," + (rec.y + (rec.height / 2)) + ") translate(-5, 0)"); - }); - } else { - // For redraw operations we need to clear the transform - rotated = false; - axis.shapes.selectAll("text") - .style("text-anchor", "middle") - .attr("transform", ""); - } - } else if (axis.position === "x") { - // If the gaps are narrower than the widest label display all labels horizontally - widest = 0; - axis.shapes.selectAll("text") - .each(function () { - var w = this.getComputedTextLength(); - widest = (w > widest ? w : widest); - }); - if (widest > chartWidth / axis.shapes.selectAll("text")[0].length) { - rotated = true; - axis.shapes.selectAll("text") - .style("text-anchor", "end") - .each(function () { - var rec = this.getBBox(); - d3.select(this) - .attr("transform", "rotate(90," + (rec.x + rec.width) + "," + (rec.y + (rec.height / 2)) + ") translate(5, 0)"); - }); - } else { - // For redraw operations we need to clear the transform - rotated = false; - axis.shapes.selectAll("text") - .style("text-anchor", "middle") - .attr("transform", ""); - } - } - } - if (axis.titleShape !== null && axis.titleShape !== undefined) { - axis.titleShape.remove(); - } - // Get the bounds of the axis objects - axis.shapes.selectAll("text") - .each(function () { - var rec = this.getBBox(); - if (box.l === null || -9 - rec.width < box.l) { - box.l = -9 - rec.width; - } - if (box.r === null || rec.x + rec.width > box.r) { - box.r = rec.x + rec.width; - } - if (rotated) { - if (box.t === null || rec.y + rec.height - rec.width < box.t) { - box.t = rec.y + rec.height - rec.width; - } - if (box.b === null || rec.height + rec.width > box.b) { - box.b = rec.height + rec.width; - } - } else { - if (box.t === null || rec.y < box.t) { - box.t = rec.y; - } - if (box.b === null || 9 + rec.height > box.b) { - box.b = 9 + rec.height; - } - } - }); - - if (axis.position === "x") { - if (axis === firstX) { - titleY = chartY + chartHeight + box.b + 5; - } else { - titleY = chartY + box.t - 10; - } - titleX = chartX + (chartWidth / 2); - } else if (axis.position === "y") { - if (axis === firstY) { - titleX = chartX + box.l - 10; - } else { - titleX = chartX + chartWidth + box.r + 20; - } - titleY = chartY + (chartHeight / 2); - rotate = "rotate(270, " + titleX + ", " + titleY + ")"; - } - - // Add a title for the axis - NB check for null here, by default the title is undefined, in which case - // use the dimension name - if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) { - axis.titleShape = this._group.append("text").attr("class", "dimple-axis dimple-title"); - axis.titleShape - .attr("x", titleX) - .attr("y", titleY) - .attr("text-anchor", "middle") - .attr("transform", rotate) - .text(axis.title !== undefined ? axis.title : (axis.categoryFields === null || axis.categoryFields === undefined || axis.categoryFields.length === 0 ? axis.measure : axis.categoryFields.join("/"))) - .each(function () { - if (!chart.noFormats) { - d3.select(this) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - } - }); - - // Offset Y position to baseline. This previously used dominant-baseline but this caused - // browser inconsistency - if (axis === firstX) { - axis.titleShape.each(function () { - d3.select(this).attr("y", titleY + this.getBBox().height / 1.65); - }); - } else if (axis === firstY) { - axis.titleShape.each(function () { - d3.select(this).attr("x", titleX + this.getBBox().height / 1.65); - }); - } - } - // } - }, this); - - // Iterate the series - this.series.forEach(function (series) { - series.plot.draw(this, series, duration); - this._registerEventHandlers(series); - }, this); - - // Iterate the legends - this.legends.forEach(function (legend) { - legend._draw(duration); - }, this); - - // If the chart has a storyboard - if (this.storyboard !== null && this.storyboard !== undefined) { - this.storyboard._drawText(); - if (this.storyboard.autoplay) { - this.storyboard.startAnimation(); - } - } - - // Return the chart for chaining - return this; - - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/getColor.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-getColor - this.getColor = function (tag) { - // If no color is assigned, do so here - if (this._assignedColors[tag] === null || this._assignedColors[tag] === undefined) { - this._assignedColors[tag] = this.defaultColors[this._nextColor]; - this._nextColor = (this._nextColor + 1) % this.defaultColors.length; - } - // Return the color - return this._assignedColors[tag]; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setBounds.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setBounds - this.setBounds = function (x, y, width, height) { - // Store the passed parameters - this.x = x; - this.y = y; - this.width = width; - this.height = height; - // Access the pixel value of the x coordinate - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - // Access the pixel value of the y coordinate - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.svg.node()); - }; - // Refresh the axes to redraw them against the new bounds - this.draw(0, true); - // return the chart object for method chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setMargins.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setMargins - this.setMargins = function (left, top, right, bottom) { - // Set the bounds here, functions below will be used for access - this.x = left; - this.y = top; - this.width = 0; - this.height = 0; - // Access the pixel value of the x coordinate - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - // Access the pixel value of the y coordinate - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._widthPixels = function () { - return dimple._parentWidth(this.svg.node()) - this._xPixels() - dimple._parseXPosition(right, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._heightPixels = function () { - return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node()); - }; - // Refresh the axes to redraw them against the new bounds - this.draw(0, true); - // return the chart object for method chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setStoryboard.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setStoryboard - this.setStoryboard = function (categoryFields, tickHandler) { - // Create and assign the storyboard - this.storyboard = new dimple.storyboard(this, categoryFields); - // Set the event handler - if (tickHandler !== null && tickHandler !== undefined) { - this.storyboard.onTick = tickHandler; - } - // Return the storyboard - return this.storyboard; - }; - - }; - // End dimple.chart - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/color/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color - dimple.color = function (fill, stroke, opacity) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-fill - this.fill = fill; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-stroke - this.stroke = (stroke === null || stroke === undefined ? d3.rgb(fill).darker(0.5).toString() : stroke); - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-opacity - this.opacity = (opacity === null || opacity === undefined ? 0.8 : opacity); - - }; - // End dimple.color - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/eventArgs/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs - dimple.eventArgs = function () { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-seriesValue - this.seriesValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-xValue - this.xValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-yValue - this.yValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-zValue - this.zValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-colorValue - this.colorValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-frameValue - this.frameValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-seriesShapes - this.seriesShapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-selectedShape - this.selectedShape = null; - - }; - // End dimple.eventArgs - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend - dimple.legend = function (chart, x, y, width, height, horizontalAlign, series) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-series - this.series = series; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-x - this.x = x; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-y - this.y = y; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-width - this.width = width; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-height - this.height = height; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-horizontalAlign - this.horizontalAlign = horizontalAlign; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_draw.js - // Render the legend - this._draw = function (duration) { - - // Create an array of distinct color elements from the series - var legendArray = this._getEntries(), - maxWidth = 0, - maxHeight = 0, - runningX = 0, - runningY = 0, - keyWidth = 15, - keyHeight = 9, - self = this, - theseShapes; - - // If there is already a legend, fade to transparent and remove - if (this.shapes !== null && this.shapes !== undefined) { - this.shapes - .transition() - .duration(duration * 0.2) - .attr("opacity", 0) - .remove(); - } - - // Create an empty hidden group for every legend entry - // the selector here must not pick up any legend entries being removed by the - // transition above - theseShapes = this.chart._group - .selectAll(".dimple-dont-select-any") - .data(legendArray) - .enter() - .append("g") - .attr("class", function (d) { - return "dimple-legend " + dimple._createClass(d.aggField); - }) - .attr("opacity", 0); - - // Add text into the group - theseShapes.append("text") - .attr("class", function (d) { - return "dimple-legend dimple-legend-text " + dimple._createClass(d.aggField); - }) - .text(function(d) { - return d.key; - }) - .call(function () { - if (!self.chart.noFormats) { - this.style("font-family", self.fontFamily) - .style("font-size", self._getFontSize()) - .style("shape-rendering", "crispEdges"); - } - }) - .each(function () { - var b = this.getBBox(); - if (b.width > maxWidth) { - maxWidth = b.width; - } - if (b.height > maxHeight) { - maxHeight = b.height; - } - }); - - // Add a rectangle into the group - theseShapes.append("rect") - .attr("class", function (d) { - return "dimple-legend dimple-legend-key " + dimple._createClass(d.aggField); - }) - .attr("height", keyHeight) - .attr("width", keyWidth); - - // Expand the bounds of the largest shape slightly. This will be the size allocated to - // all elements - maxHeight = (maxHeight < keyHeight ? keyHeight : maxHeight) + 2; - maxWidth += keyWidth + 20; - - // Iterate the shapes and position them based on the alignment and size of the legend - theseShapes - .each(function (d) { - if (runningX + maxWidth > self._widthPixels()) { - runningX = 0; - runningY += maxHeight; - } - if (runningY > self._heightPixels()) { - d3.select(this).remove(); - } else { - d3.select(this).select("text") - .attr("x", (self.horizontalAlign === "left" ? self._xPixels() + keyWidth + 5 + runningX : self._xPixels() + (self._widthPixels() - runningX - maxWidth) + keyWidth + 5)) - .attr("y", function () { - // This was previously done with dominant-baseline but this is used - // instead due to browser inconsistency. - return self._yPixels() + runningY + this.getBBox().height / 1.65; - }) - .attr("width", self._widthPixels()) - .attr("height", self._heightPixels()); - d3.select(this).select("rect") - .attr("class", function (d) { - return "dimple-legend dimple-legend-key " + dimple._createClass(d.aggField); - }) - .attr("x", (self.horizontalAlign === "left" ? self._xPixels() + runningX : self._xPixels() + (self._widthPixels() - runningX - maxWidth))) - .attr("y", self._yPixels() + runningY) - .attr("height", keyHeight) - .attr("width", keyWidth) - .style("fill", d.fill) - .style("stroke", d.stroke) - .style("opacity", d.opacity) - .style("shape-rendering", "crispEdges"); - runningX += maxWidth; - } - }); - - // Fade in the shapes if this is transitioning - theseShapes - .transition() - .delay(duration * 0.2) - .duration(duration * 0.8) - .attr("opacity", 1); - - // Assign them to the public property for modification by the user. - this.shapes = theseShapes; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_getEntries.js - // Get an array of elements to be displayed in the legend - this._getEntries = function () { - // Create an array of distinct series values - var entries = []; - // If there are some series - if (this.series) { - // Iterate all the associated series - this.series.forEach(function (series) { - // Get the series data - var data = series._positionData; - // Iterate the aggregated data - data.forEach(function (row) { - // Check whether this element is new - var index = -1, - j, - // Handle grouped plots (e.g. line and area where multiple points are coloured the same way - field = ((series.plot.grouped && !series.x._hasCategories() && !series.y._hasCategories() && row.aggField.length < 2 ? "All" : row.aggField.slice(-1)[0])); - for (j = 0; j < entries.length; j += 1) { - if (entries[j].key === field) { - index = j; - break; - } - } - if (index === -1 && series.chart._assignedColors[field]) { - // If it's a new element create a new row in the return array - entries.push({ - key: field, - fill: series.chart._assignedColors[field].fill, - stroke: series.chart._assignedColors[field].stroke, - opacity: series.chart._assignedColors[field].opacity, - series: series, - aggField: row.aggField - }); - index = entries.length - 1; - } - }); - }, this); - } - return entries; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_heightPixels.js - // Access the pixel value of the height of the legend area - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.chart.svg.node()); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_widthPixels.js - // Access the pixel value of the width of the legend area - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.chart.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_xPixels.js - // Access the pixel position of the x co-ordinate of the legend area - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.chart.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_yPixels.js - // Access the pixel position of the y co-ordinate of the legend area - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.chart.svg.node()); - }; - }; - // End dimple.legend - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series - dimple.series = function (chart, categoryFields, xAxis, yAxis, zAxis, colorAxis, plotFunction, aggregateFunction, stacked) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-x - this.x = xAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-y - this.y = yAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-z - this.z = zAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-c - this.c = colorAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-plot - this.plot = plotFunction; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-categoryFields - this.categoryFields = categoryFields; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-aggregateFunction - this.aggregate = aggregateFunction; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-stacked - this.stacked = stacked; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-barGap - this.barGap = 0.2; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-clusterBarGap - this.clusterBarGap = 0.1; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-lineWeight - this.lineWeight = 2; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-lineMarkers - this.lineMarkers = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-afterDraw - this.afterDraw = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-interpolation - this.interpolation = "linear"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontSize - this.tooltipFontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontFamily - this.tooltipFontFamily = "sans-serif"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius - this.radius = "auto"; - - // Any event handlers joined to this series - this._eventHandlers = []; - // The series positioning information - this._positionData = []; - // The order definition array - this._orderRules = []; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_axisBounds.js - this._axisBounds = function (position) { - var bounds = { min: 0, max: 0 }, - // The primary axis for this comparison - primaryAxis = null, - // The secondary axis for this comparison - secondaryAxis = null, - // The running totals of the categories - categoryTotals = [], - // The maximum index of category totals - catCount = 0, - measureName, - fieldName, - distinctCats, - aggData = this._positionData; - - // If the primary axis is x the secondary is y and vice versa, a z axis has no secondary - if (position === "x") { - primaryAxis = this.x; - secondaryAxis = this.y; - } else if (position === "y") { - primaryAxis = this.y; - secondaryAxis = this.x; - } else if (position === "z") { - primaryAxis = this.z; - } else if (position === "c") { - primaryAxis = this.c; - } - - // If the corresponding axis is category axis - if (primaryAxis.showPercent) { - // Iterate the data - aggData.forEach(function (d) { - if (d[primaryAxis.position + "Bound"] < bounds.min) { - bounds.min = d[primaryAxis.position + "Bound"]; - } - if (d[primaryAxis.position + "Bound"] > bounds.max) { - bounds.max = d[primaryAxis.position + "Bound"]; - } - }, this); - } else if (secondaryAxis === null || secondaryAxis.categoryFields === null || secondaryAxis.categoryFields.length === 0) { - aggData.forEach(function (d) { - // If the primary axis is stacked - if (this._isStacked() && (primaryAxis.position === "x" || primaryAxis.position === "y")) { - // We just need to push the bounds. A stacked axis will always include 0 so I just need to push the min and max out from there - if (d[primaryAxis.position + "Value"] < 0) { - bounds.min = bounds.min + d[primaryAxis.position + "Value"]; - } else { - bounds.max = bounds.max + d[primaryAxis.position + "Value"]; - } - } else { - // If it isn't stacked we need to catch the minimum and maximum values - if (d[primaryAxis.position + "Value"] < bounds.min) { - bounds.min = d[primaryAxis.position + "Value"]; - } - if (d[primaryAxis.position + "Value"] > bounds.max) { - bounds.max = d[primaryAxis.position + "Value"]; - } - } - }, this); - } else { - // If this category value (or combination if multiple fields defined) is not already in the array of categories, add it. - measureName = primaryAxis.position + "Value"; - fieldName = secondaryAxis.position + "Field"; - // Get a list of distinct categories on the secondary axis - distinctCats = []; - aggData.forEach(function (d) { - // Create a field for this row in the aggregated data - var field = d[fieldName].join("/"), - index = distinctCats.indexOf(field); - if (index === -1) { - distinctCats.push(field); - index = distinctCats.length - 1; - } - // Get the index of the field - if (categoryTotals[index] === undefined) { - categoryTotals[index] = { min: 0, max: 0 }; - if (index >= catCount) { - catCount = index + 1; - } - } - // The secondary axis is a category axis, we need to account - // for distribution across categories - if (this.stacked) { - if (d[measureName] < 0) { - categoryTotals[index].min = categoryTotals[index].min + d[measureName]; - } else { - categoryTotals[index].max = categoryTotals[index].max + d[measureName]; - } - } else { - // If it isn't stacked we need to catch the minimum and maximum values - if (d[measureName] < categoryTotals[index].min) { - categoryTotals[index].min = d[measureName]; - } - if (d[measureName] > categoryTotals[index].max) { - categoryTotals[index].max = d[measureName]; - } - } - }, this); - categoryTotals.forEach(function (catTot) { - if (catTot !== undefined) { - if (catTot.min < bounds.min) { - bounds.min = catTot.min; - } - if (catTot.max > bounds.max) { - bounds.max = catTot.max; - } - } - }, this); - } - return bounds; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_deepMatch.js - this._deepMatch = function (axis) { - // Return true if this series is dependant on the axis or any of its dependants - var match = false; - if (this[axis.position] === axis) { - match = true; - } else if (axis._slaves !== undefined && axis._slaves !== null && axis._slaves.length > 0) { - axis._slaves.forEach(function (slave) { - match = (match || this._deepMatch(slave)); - }, this); - } - return match; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_dropLineOrigin.js - this._dropLineOrigin = function() { - - // Get the origin co-ordinates for axis drop lines - var xIndex = 0, - yIndex = 0, - // This contains the drop line destinations - coord = { - // The x co-ordinate for a y-axis drop line - x: null, - // The y co-ordinate for an x-axis drop line - y: null - }, - // The origin of the first axes - firstOrig = { - x: null, - y: null - }; - // Get the first x and y first of all - this.chart.axes.forEach(function (axis) { - if (axis.position === "x" && firstOrig.x === null) { - if (axis._hasTimeField()) { - firstOrig.x = this.chart._xPixels(); - } else { - firstOrig.x = axis._origin; - } - } else if (axis.position === "y" && firstOrig.y === null) { - if (axis._hasTimeField()) { - firstOrig.y = this.chart._yPixels() + this.chart._heightPixels(); - } else { - firstOrig.y = axis._origin; - } - } - }, this); - // Get the axis position based on the axis index - this.chart.axes.forEach(function (axis) { - if (axis.position === "x" && !this.x.hidden) { - if (this._deepMatch(axis)) { - // Set the y co-ordinate for the x axis - if (xIndex === 0) { - coord.y = firstOrig.y; - } else if (xIndex === 1) { - coord.y = this.chart._yPixels(); - } - } - xIndex += 1; - } else if (axis.position === "y" && !this.y.hidden) { - if (this._deepMatch(axis)) { - // Set the x co-ordinate for the y axis - if (yIndex === 0) { - coord.x = firstOrig.x; - } else if (yIndex === 1) { - coord.x = this.chart._xPixels() + this.chart._widthPixels(); - } - } - yIndex += 1; - } - }, this); - - // Return the co-ordinate - return coord; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_getTooltipFontSize.js - this._getTooltipFontSize = function () { - var fontSize; - if (!this.tooltipFontSize || this.tooltipFontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.tooltipFontSize)) { - fontSize = this.tooltipFontSize + "px"; - } else { - fontSize = this.tooltipFontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_isStacked.js - this._isStacked = function() { - return this.stacked && (this.x._hasCategories() || this.y._hasCategories()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/addEventHandler.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-addEventHandler - this.addEventHandler = function (event, handler) { - this._eventHandlers.push({ event: event, handler: handler }); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/getTooltipText.js - this.getTooltipText = function (e) { - var rows = []; - // Add the series categories - if (this.categoryFields !== null && this.categoryFields !== undefined && this.categoryFields.length > 0) { - this.categoryFields.forEach(function (c, i) { - if (c !== null && c !== undefined && e.aggField[i] !== null && e.aggField[i] !== undefined) { - // If the category name and value match don't display the category name - rows.push(c + (e.aggField[i] !== c ? ": " + e.aggField[i] : "")); - } - }, this); - } - - if (this.x) { - this.x._getTooltipText(rows, e); - } - if (this.y) { - this.y._getTooltipText(rows, e); - } - if (this.z) { - this.z._getTooltipText(rows, e); - } - if (this.c) { - this.c._getTooltipText(rows, e); - } - // Get distinct text rows to deal with cases where 2 axes have the same dimensionality - return rows.filter(function (elem, pos) { return rows.indexOf(elem) === pos; }); - }; - }; - // End dimple.series - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard - dimple.storyboard = function (chart, categoryFields) { - - // Handle an individual string as an array - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-categoryFields - this.categoryFields = categoryFields; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-autoplay - this.autoplay = true; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-frameDuration - this.frameDuration = 3000; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-storyLabel - this.storyLabel = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-onTick - this.onTick = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // The current frame index - this._frame = 0; - // The animation interval - this._animationTimer = null; - // The category values - this._categories = []; - // The category values when the last cache happened - this._cachedCategoryFields = []; - // The rules for ordering the storyboard - this._orderRules = []; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/drawText.js - this._drawText = function (duration) { - if (this.storyLabel === null || this.storyLabel === undefined) { - var chart = this.chart, - self = this, - xCount = 0; - // Check for a secondary x axis - this.chart.axes.forEach(function (a) { - if (a.position === "x") { - xCount += 1; - } - }, this); - this.storyLabel = this.chart._group.append("text") - .attr("x", this.chart._xPixels() + this.chart._widthPixels() * 0.01) - .attr("y", this.chart._yPixels() + (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) * (xCount > 1 ? 1.25 : -1)) - .call(function () { - if (!chart.noFormats) { - this.style("font-family", self.fontFamily) - .style("font-size", self._getFontSize()); - } - }); - } - this.storyLabel - .transition().duration(duration * 0.2) - .ease(this.chart.ease) - .attr("opacity", 0); - this.storyLabel - .transition().delay(duration * 0.2) - .ease(this.chart.ease) - .attr("class", "dimple-storyboard-label") - .text(this.categoryFields.join("\\") + ": " + this.getFrameValue()) - .transition().duration(duration * 0.8) - .attr("opacity", 1); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_getCategories.js - this._getCategories = function() { - if (this._categoryFields !== this._cachedCategoryFields) { - // Clear the array - this._categories = []; - // Iterate every row in the data - this.chart._getAllData().forEach(function (d) { - // Initialise the index of the categories array matching the current row - var index = -1, - field = ""; - // If this is a category axis handle multiple category values by iterating the fields in the row and concatonate the values - if (this.categoryFields !== null) { - this.categoryFields.forEach(function (cat, i) { - if (i > 0) { - field += "/"; - } - field += d[cat]; - }, this); - index = this._categories.indexOf(field); - if (index === -1) { - this._categories.push(field); - index = this._categories.length - 1; - } - } - }, this); - // Mark this as cached - this._cachedCategoryFields = this._categoryFields; - } - // Return the array - return this._categories; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_goToFrameIndex.js - this._goToFrameIndex = function (index) { - this._frame = index % this._getCategories().length; - // Draw it with half duration, we want the effect of a 50% animation 50% pause. - this.chart.draw(this.frameDuration / 2); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/getFrameValue.js - this.getFrameValue = function () { - var returnValue = null; - if (this._frame >= 0 && this._getCategories().length > this._frame) { - returnValue = this._getCategories()[this._frame]; - } - return returnValue; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/goToFrame.js - this.goToFrame = function (frameText) { - if (this._getCategories().length > 0) { - var index = this._getCategories().indexOf(frameText); - this._goToFrameIndex(index); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/pauseAnimation.js - this.pauseAnimation = function () { - if (this._animationTimer !== null) { - window.clearInterval(this._animationTimer); - this._animationTimer = null; - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/startAnimation.js - this.startAnimation = function () { - if (this._animationTimer === null) { - if (this.onTick !== null) { this.onTick(this.getFrameValue()); } - this._animationTimer = window.setInterval((function (storyboard) { - return function () { - storyboard._goToFrameIndex(storyboard._frame + 1); - if (storyboard.onTick !== null) { - storyboard.onTick(storyboard.getFrameValue()); - } - storyboard._drawText(storyboard.frameDuration / 2); - }; - }(this)), this.frameDuration); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/stopAnimation.js - this.stopAnimation = function () { - if (this._animationTimer !== null) { - window.clearInterval(this._animationTimer); - this._animationTimer = null; - this._frame = 0; - } - }; - - - }; - // End dimple.storyboard - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/avg.js - dimple.aggregateMethod.avg = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - lhs.count = (lhs.count === null || lhs.count === undefined ? 1 : parseFloat(lhs.count)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - rhs.count = (rhs.count === null || rhs.count === undefined ? 1 : parseFloat(rhs.count)); - return ((lhs.value * lhs.count) + (rhs.value * rhs.count)) / (lhs.count + rhs.count); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/count.js - dimple.aggregateMethod.count = function (lhs, rhs) { - lhs.count = (lhs.count === null || lhs.count === undefined ? 0 : parseFloat(lhs.count)); - rhs.count = (rhs.count === null || rhs.count === undefined ? 0 : parseFloat(rhs.count)); - return lhs.count + rhs.count; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/max.js - dimple.aggregateMethod.max = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - return lhs.value > rhs.value ? lhs.value : rhs.value; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/min.js - dimple.aggregateMethod.min = function (lhs, rhs) { - return (lhs.value === null ? parseFloat(rhs.value) : (parseFloat(lhs.value) < parseFloat(rhs.value) ? parseFloat(lhs.value) : parseFloat(rhs.value))); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/sum.js - dimple.aggregateMethod.sum = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - return lhs.value + rhs.value; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/area.js - dimple.plot.area = { - - // By default the values are stacked - stacked: true, - - // This is a grouped plot meaning many points are treated as one series value - grouped: true, - - // The axis positions affecting the area series - supportedAxes: ["x", "y", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - // Get the position data - var data = series._positionData, - areaData = [], - theseShapes = null, - className = "dimple-series-" + chart.series.indexOf(series), - firstAgg = (series.x._hasCategories() || series.y._hasCategories() ? 0 : 1), - interpolation, - graded = false, - i, - j, - k, - key, - keyString, - rowIndex, - updated, - removed, - orderedSeriesArray, - catPoints = {}, - allPoints = [], - points, - finalPointArray = [], - basePoints, - basePoint, - cat, - catVal, - group, - p, - b, - l, - lastAngle, - catCoord, - valCoord, - onEnter = function () { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", 1); - dimple._showPointTooltip(e, shape, chart, series); - }; - }, - onLeave = function (lineData) { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", (series.lineMarkers || lineData.data.length < 2 ? dimple._helpers.opacity(e, chart, series) : 0)); - dimple._removeTooltip(e, shape, chart, series); - }; - }, - drawMarkers = function (d) { - dimple._drawMarkers(d, chart, series, duration, className, graded, onEnter(d), onLeave(d)); - }, - coord = function (position, datum) { - var val; - if (series.interpolation === "step" && series[position]._hasCategories()) { - val = dimple._helpers[position](datum, chart, series) + (position === "y" ? dimple._helpers.height(datum, chart, series) : 0); - if (series[position].categoryFields.length < 2) { - val += (position === "y" ? 1 : -1) * dimple._helpers[position + "Gap"](chart, series); - } - } else { - val = dimple._helpers["c" + position](datum, chart, series); - } - // Remove long decimals from the coordinates as this fills the dom up with noise and makes matching below less likely to work. It - // shouldn't really matter but positioning to < 0.1 pixel is pretty pointless anyway. - return parseFloat(val.toFixed(1)); - }, - getArea = function (inter, originProperty) { - return d3.svg.line() - .x(function (d) { return (series.x._hasCategories() || !originProperty ? d.x : series.x[originProperty]); }) - .y(function (d) { return (series.y._hasCategories() || !originProperty ? d.y : series.y[originProperty]); }) - .interpolate(inter); - }, - sortByVal = function (a, b) { - return parseFloat(a) - parseFloat(b); - }, - sortByX = function (a, b) { - return parseFloat(a.x) - parseFloat(b.x); - }, - addNextPoint = function (source, target, startAngle) { - // Given a point we need to find the next point clockwise from the start angle - var i, - point = target[target.length - 1], - thisAngle, - bestAngleSoFar = 9999, - returnPoint = point; - for (i = 0; i < source.length; i += 1) { - if (source[i].x !== point.x || source[i].y !== point.y) { - // get the angle in degrees since start angle - thisAngle = 180 - (Math.atan2(source[i].x - point.x, source[i].y - point.y) * (180 / Math.PI)); - if (thisAngle > startAngle && thisAngle < bestAngleSoFar) { - returnPoint = source[i]; - bestAngleSoFar = thisAngle; - } - } - } - target.push(returnPoint); - return bestAngleSoFar; - }; - - // Handle the special interpolation handling for step - interpolation = (series.interpolation === "step" ? "step-after" : series.interpolation); - - // Get the array of ordered values - orderedSeriesArray = dimple._getSeriesOrder(series.data || chart.data, series); - - if (series.c && ((series.x._hasCategories() && series.y._hasMeasure()) || (series.y._hasCategories() && series.x._hasMeasure()))) { - graded = true; - } - - // If there is a coordinate with categories get it here so we don't have to keep checking - if (series.x._hasCategories()) { - catCoord = "x"; - valCoord = "y"; - } else if (series.y._hasCategories()) { - catCoord = "y"; - valCoord = "x"; - } - - // Create a set of area data grouped by the aggregation field - for (i = 0; i < data.length; i += 1) { - key = []; - rowIndex = -1; - // Skip the first category unless there is a category axis on x or y - for (k = firstAgg; k < data[i].aggField.length; k += 1) { - key.push(data[i].aggField[k]); - } - // Find the corresponding row in the areaData - keyString = dimple._createClass(key); - for (k = 0; k < areaData.length; k += 1) { - if (areaData[k].keyString === keyString) { - rowIndex = k; - break; - } - } - // Add a row to the area data if none was found - if (rowIndex === -1) { - rowIndex = areaData.length; - areaData.push({ - key: key, - keyString: keyString, - color: "white", - data: [], - points: [], - area: {}, - entry: {}, - exit: {}, - // Group refers to groupings along the category axis. If there are groupings it will be recorded, otherwise all is used as a default - group: (catCoord && data[i][catCoord + "Field"] && data[i][catCoord + "Field"].length >= 2 ? data[i][catCoord + "Field"][0] : "All") - }); - } - // Add this row to the relevant data - areaData[rowIndex].data.push(data[i]); - } - - // Sort the area data itself based on the order series array - this matters for stacked areas and default color - // consistency with colors usually awarded in terms of prominence - if (orderedSeriesArray) { - areaData.sort(function (a, b) { - return dimple._arrayIndexCompare(orderedSeriesArray, a.key, b.key); - }); - } - - // Create a set of area data grouped by the aggregation field - for (i = 0; i < areaData.length; i += 1) { - // Sort the points so that areas are connected in the correct order - areaData[i].data.sort(dimple._getSeriesSortPredicate(chart, series, orderedSeriesArray)); - // Get points here, this is so that as well as drawing the line with them, we can also - // use them for the baseline - for (j = 0; j < areaData[i].data.length; j += 1) { - areaData[i].points.push({ - x: coord("x", areaData[i].data[j]), - y: coord("y", areaData[i].data[j]) - }); - // if there is a category axis, add the points to a distinct set. Set these to use the origin value - // this will be updated with the last value in each case as we build the areas - if (catCoord) { - if (!catPoints[areaData[i].group]) { - catPoints[areaData[i].group] = {}; - } - catPoints[areaData[i].group][areaData[i].points[areaData[i].points.length - 1][catCoord]] = series[valCoord]._origin; - } - } - points = areaData[i].points; - // If this is a step interpolation we need to add in some extra points to the category axis - // This is a little tricky but we need to add a new point duplicating the last category value. In order - // to place the point we need to calculate the gap between the last x and the penultimate x and apply that - // gap again. - if (series.interpolation === "step" && points.length > 1 && catCoord) { - if (series.x._hasCategories()) { - points.push({ - x : 2 * points[points.length - 1].x - points[points.length - 2].x, - y : points[points.length - 1].y - }); - catPoints[areaData[i].group][points[points.length - 1][catCoord]] = series[valCoord]._origin; - } else if (series.y._hasCategories()) { - points = [{ - x : points[0].x, - y : 2 * points[0].y - points[1].y - }].concat(points); - catPoints[areaData[i].group][points[0][catCoord]] = series[valCoord]._origin; - // The prepend above breaks the reference so it needs to be reapplied here. - areaData[i].points = points; - } - } - } - - // catPoints needs to be lookup, but also accessed sequentially so we need to create an array of keys - for (cat in catPoints) { - if (catPoints.hasOwnProperty(cat)) { - allPoints[cat] = []; - for (catVal in catPoints[cat]) { - if (catPoints[cat].hasOwnProperty(catVal)) { - allPoints[cat].push(parseFloat(catVal)); - } - } - // Sort the points as integers - allPoints[cat].sort(sortByVal); - } - } - - // Create the areas - for (i = 0; i < areaData.length; i += 1) { - points = areaData[i].points; - group = areaData[i].group; - basePoints = []; - finalPointArray = []; - // If this should have colour gradients, add them - if (graded) { - dimple._addGradient(areaData[i].key, "fill-area-gradient-" + areaData[i].keyString, (series.x._hasCategories() ? series.x : series.y), data, chart, duration, "fill"); - } - // All points will only be populated if there is a category axis - if (allPoints[group] && allPoints[group].length > 0) { - // Iterate the point array because we need to fill in zero points for missing ones, otherwise the areas - // will cross where an upper area has no value and a lower value has a spike Issue #7 - for (j = 0, k = 0; j < allPoints[group].length; j += 1) { - // We are only interested in points between the first and last point of this areas data (i.e. don't fill ends - important - // for grouped area charts). We have to use a strange criteria here. If there are no group gaps on a grouped area - // chart the end point of one series will clash with the start point of another, therefore we have to ignore fill-in's within - // a couple of pixels of the start and end points - if (allPoints[group][j] >= points[0][catCoord] && allPoints[group][j] <= points[points.length - 1][catCoord]) { - // Get a base point, this needs to go on the base points array as well as filling in gaps in the point array. - // Create a point using the coordinate on the category axis and the last recorded value - // position from the dictionary - basePoint = {}; - basePoint[catCoord] = allPoints[group][j]; - basePoint[valCoord] = catPoints[group][allPoints[group][j]]; - // add the base point - basePoints.push(basePoint); - // handle missing points - if (points[k][catCoord] > allPoints[group][j]) { - // If there is a missing point we need to in fill - finalPointArray.push(basePoint); - } else { - // They must be the same - finalPointArray.push(points[k]); - // Use this to update the dictionary to the new value coordinate - catPoints[areaData[i].group][allPoints[group][j]] = points[k][valCoord]; - k += 1; - } - } - } - } else { - // If there is no category axis we need to apply some custom logic. In order to avoid - // really jagged areas the default behaviour will be to draw from the left most point then rotate a line - // clockwise until it hits another point and continue from each point until back to where we started. This - // means it will not connect every point, but it will contain every point: - // E.g. - // D - // C - // A B E - // F G - // H - // - // Would draw A -> C -> D -> E -> G -> H -> A - // - // This may not be what everyone wants so if there is a series order specified we will just join - // the points in that order instead. This will not allow users to skip points and therefore not achieve - // the default behaviour explicitly. - if (series._orderRules && series._orderRules.length > 0) { - finalPointArray = points.concat(points[0]); - } else { - // Find the leftmost point - points = points.sort(sortByX); - finalPointArray.push(points[0]); - lastAngle = 0; - // Iterate until the first and last points match - do { - lastAngle = addNextPoint(points, finalPointArray, lastAngle); - } while (finalPointArray.length <= points.length && (finalPointArray[0].x !== finalPointArray[finalPointArray.length - 1].x || finalPointArray[0].y !== finalPointArray[finalPointArray.length - 1].y)); - } - } - - // Reverse the base points so that they are in the correct order for the path - basePoints = basePoints.reverse(); - - // Get the points that this area will appear - p = getArea(interpolation, "_previousOrigin")(finalPointArray); - b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints); - l = getArea("linear", "_previousOrigin")(finalPointArray); - areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - p = getArea(interpolation)(finalPointArray); - b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints); - l = getArea("linear")(finalPointArray); - areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - p = getArea(interpolation, "_origin")(finalPointArray); - b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints); - l = getArea("linear", "_origin")(finalPointArray); - areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - // Add the color in this loop, it can't be done during initialisation of the row because - // the areas should be ordered first (to ensure standard distribution of colors - areaData[i].color = chart.getColor(areaData[i].key.length > 0 ? areaData[i].key[areaData[i].key.length - 1] : "All"); - - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + className).data(areaData); - } else { - theseShapes = series.shapes.data(areaData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("path") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { return className + " dimple-line " + d.keyString; }) - .attr("d", function (d) { return d.entry; }) - .call(function () { - // Apply formats optionally - if (!chart.noFormats) { - this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); }) - .attr("fill", function (d) { return (graded ? "url(#fill-area-gradient-" + d.keyString + ")" : d.color.fill); }) - .attr("stroke", function (d) { return (graded ? "url(#stroke-area-gradient-" + d.keyString + ")" : d.color.stroke); }) - .attr("stroke-width", series.lineWeight); - } - }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart) - .attr("d", function (d) { return d.update; }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart) - .attr("d", function (d) { return d.exit; }) - .each(function (d) { - // Using all data for the markers fails because there are no exits in the markers - // only the whole line, therefore we need to clear the points here - d.markerData = []; - drawMarkers(d); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/bar.js - dimple.plot.bar = { - - // By default the bar series is stacked if there are series categories - stacked: true, - - // This is not a grouped plot meaning that one point is treated as one series value - grouped: false, - - // The axes which will affect the bar chart - not z - supportedAxes: ["x", "y", "c"], - - // Draw the chart - draw: function (chart, series, duration) { - - var chartData = series._positionData, - theseShapes = null, - classes = ["dimple-series-" + chart.series.indexOf(series), "dimple-bar"], - updated, - removed, - xFloat = !series._isStacked() && series.x._hasMeasure(), - yFloat = !series._isStacked() && series.y._hasMeasure(), - cat = "none"; - - if (series.x._hasCategories() && series.y._hasCategories()) { - cat = "both"; - } else if (series.x._hasCategories()) { - cat = "x"; - } else if (series.y._hasCategories()) { - cat = "y"; - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); - } else { - theseShapes = series.shapes.data(chartData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("rect") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - var c = []; - c = c.concat(d.aggField); - c = c.concat(d.xField); - c = c.concat(d.yField); - return classes.join(" ") + " " + dimple._createClass(c); - }) - .attr("x", function (d) { - var returnValue = series.x._previousOrigin; - if (cat === "x") { - returnValue = dimple._helpers.x(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cx(d, chart, series); - } - return returnValue; - }) - .attr("y", function (d) { - var returnValue = series.y._previousOrigin; - if (cat === "y") { - returnValue = dimple._helpers.y(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cy(d, chart, series); - } - return returnValue; - }) - .attr("width", function (d) { return (cat === "x" ? dimple._helpers.width(d, chart, series) : 0); }) - .attr("height", function (d) { return (cat === "y" ? dimple._helpers.height(d, chart, series) : 0); }) - .attr("opacity", function (d) { return dimple._helpers.opacity(d, chart, series); }) - .on("mouseover", function (e) { dimple._showBarTooltip(e, this, chart, series); }) - .on("mouseleave", function (e) { dimple._removeTooltip(e, this, chart, series); }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart, series) - .attr("x", function (d) { return xFloat ? dimple._helpers.cx(d, chart, series) - series.x.floatingBarWidth / 2 : dimple._helpers.x(d, chart, series); }) - .attr("y", function (d) { return yFloat ? dimple._helpers.cy(d, chart, series) - series.y.floatingBarWidth / 2 : dimple._helpers.y(d, chart, series); }) - .attr("width", function (d) { return (xFloat ? series.x.floatingBarWidth : dimple._helpers.width(d, chart, series)); }) - .attr("height", function (d) { return (yFloat ? series.y.floatingBarWidth : dimple._helpers.height(d, chart, series)); }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart, series) - .attr("x", function (d) { - var returnValue = series.x._origin; - if (cat === "x") { - returnValue = dimple._helpers.x(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cx(d, chart, series); - } - return returnValue; - }) - .attr("y", function (d) { - var returnValue = series.y._origin; - if (cat === "y") { - returnValue = dimple._helpers.y(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cy(d, chart, series); - } - return returnValue; - }) - .attr("width", function (d) { return (cat === "x" ? dimple._helpers.width(d, chart, series) : 0); }) - .attr("height", function (d) { return (cat === "y" ? dimple._helpers.height(d, chart, series) : 0); }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/bubble.js - dimple.plot.bubble = { - - // By default the bubble values are not stacked - stacked: false, - - // This is not a grouped plot meaning that one point is treated as one series value - grouped: false, - - // The axis positions affecting the bubble series - supportedAxes: ["x", "y", "z", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - - var chartData = series._positionData, - theseShapes = null, - classes = ["dimple-series-" + chart.series.indexOf(series), "dimple-bubble"], - updated, - removed; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); - } else { - theseShapes = series.shapes.data(chartData, function (d) { - return d.key; - }); - } - - // Add - theseShapes - .enter() - .append("circle") - .attr("id", function (d) { - return d.key; - }) - .attr("class", function (d) { - var c = []; - c = c.concat(d.aggField); - c = c.concat(d.xField); - c = c.concat(d.yField); - c = c.concat(d.zField); - return classes.join(" ") + " " + dimple._createClass(c); - }) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); - }) - .attr("r", 0) - .attr("opacity", function (d) { - return dimple._helpers.opacity(d, chart, series); - }) - .on("mouseover", function (e) { - dimple._showPointTooltip(e, this, chart, series); - }) - .on("mouseleave", function (e) { - dimple._removeTooltip(e, this, chart, series); - }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { - return dimple._helpers.fill(d, chart, series); - }) - .attr("stroke", function (d) { - return dimple._helpers.stroke(d, chart, series); - }); - } - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart, series) - .attr("cx", function (d) { - return dimple._helpers.cx(d, chart, series); - }) - .attr("cy", function (d) { - return dimple._helpers.cy(d, chart, series); - }) - .attr("r", function (d) { - return dimple._helpers.r(d, chart, series); - }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { - return dimple._helpers.fill(d, chart, series); - }) - .attr("stroke", function (d) { - return dimple._helpers.stroke(d, chart, series); - }); - } - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart, series) - .attr("r", 0) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - } - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/line.js - dimple.plot.line = { - - // By default the values are not stacked - stacked: false, - - // This is a grouped plot meaning many points are treated as one series value - grouped: true, - - // The axis positions affecting the line series - supportedAxes: ["x", "y", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - // Get the position data - var data = series._positionData, - lineData = [], - theseShapes = null, - className = "dimple-series-" + chart.series.indexOf(series), - firstAgg = (series.x._hasCategories() || series.y._hasCategories() ? 0 : 1), - interpolation, - graded = false, - i, - j, - k, - key, - keyString, - rowIndex, - updated, - removed, - orderedSeriesArray, - onEnter = function () { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", 1); - dimple._showPointTooltip(e, shape, chart, series); - }; - }, - onLeave = function (lineData) { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", (series.lineMarkers || lineData.data.length < 2 ? dimple._helpers.opacity(e, chart, series) : 0)); - dimple._removeTooltip(e, shape, chart, series); - }; - }, - drawMarkers = function (d) { - dimple._drawMarkers(d, chart, series, duration, className, graded, onEnter(d), onLeave(d)); - }, - coord = function (position, datum) { - var val; - if (series.interpolation === "step" && series[position]._hasCategories()) { - series.barGap = 0; - series.clusterBarGap = 0; - val = dimple._helpers[position](datum, chart, series) + (position === "y" ? dimple._helpers.height(datum, chart, series) : 0); - } else { - val = dimple._helpers["c" + position](datum, chart, series); - } - // Remove long decimals from the coordinates as this fills the dom up with noise and makes matching below less likely to work. It - // shouldn't really matter but positioning to < 0.1 pixel is pretty pointless anyway. - return parseFloat(val.toFixed(1)); - }, - getLine = function (inter, originProperty) { - return d3.svg.line() - .x(function (d) { return (series.x._hasCategories() || !originProperty ? d.x : series.x[originProperty]); }) - .y(function (d) { return (series.y._hasCategories() || !originProperty ? d.y : series.y[originProperty]); }) - .interpolate(inter); - }; - - // Handle the special interpolation handling for step - interpolation = (series.interpolation === "step" ? "step-after" : series.interpolation); - - // Get the array of ordered values - orderedSeriesArray = dimple._getSeriesOrder(series.data || chart.data, series); - - if (series.c && ((series.x._hasCategories() && series.y._hasMeasure()) || (series.y._hasCategories() && series.x._hasMeasure()))) { - graded = true; - } - - // Create a set of line data grouped by the aggregation field - for (i = 0; i < data.length; i += 1) { - key = []; - rowIndex = -1; - // Skip the first category unless there is a category axis on x or y - for (k = firstAgg; k < data[i].aggField.length; k += 1) { - key.push(data[i].aggField[k]); - } - // Find the corresponding row in the lineData - keyString = dimple._createClass(key); - for (k = 0; k < lineData.length; k += 1) { - if (lineData[k].keyString === keyString) { - rowIndex = k; - break; - } - } - // Add a row to the line data if none was found - if (rowIndex === -1) { - rowIndex = lineData.length; - lineData.push({ - key: key, - keyString: keyString, - color: "white", - data: [], - markerData: [], - points: [], - line: {}, - entry: {}, - exit: {} - }); - } - // Add this row to the relevant data - lineData[rowIndex].data.push(data[i]); - } - - // Sort the line data itself based on the order series array - this matters for stacked lines and default color - // consistency with colors usually awarded in terms of prominence - if (orderedSeriesArray) { - lineData.sort(function (a, b) { - return dimple._arrayIndexCompare(orderedSeriesArray, a.key, b.key); - }); - } - - // Create a set of line data grouped by the aggregation field - for (i = 0; i < lineData.length; i += 1) { - // Sort the points so that lines are connected in the correct order - lineData[i].data.sort(dimple._getSeriesSortPredicate(chart, series, orderedSeriesArray)); - // If this should have colour gradients, add them - if (graded) { - dimple._addGradient(lineData[i].key, "fill-line-gradient-" + lineData[i].keyString, (series.x._hasCategories() ? series.x : series.y), data, chart, duration, "fill"); - } - - // Get points here, this is so that as well as drawing the line with them, we can also - // use them for the baseline - for (j = 0; j < lineData[i].data.length; j += 1) { - lineData[i].points.push({ - x: coord("x", lineData[i].data[j]), - y: coord("y", lineData[i].data[j]) - }); - } - // If this is a step interpolation we need to add in some extra points to the category axis - // This is a little tricky but we need to add a new point duplicating the last category value. In order - // to place the point we need to calculate the gap between the last x and the penultimate x and apply that - // gap again. - if (series.interpolation === "step" && lineData[i].points.length > 1) { - if (series.x._hasCategories()) { - lineData[i].points.push({ - x : 2 * lineData[i].points[lineData[i].points.length - 1].x - lineData[i].points[lineData[i].points.length - 2].x, - y : lineData[i].points[lineData[i].points.length - 1].y - }); - } else if (series.y._hasCategories()) { - lineData[i].points = [{ - x : lineData[i].points[0].x, - y : 2 * lineData[i].points[0].y - lineData[i].points[1].y - }].concat(lineData[i].points); - } - } - - // Get the points that this line will appear - lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points); - lineData[i].update = getLine(interpolation)(lineData[i].points); - lineData[i].exit = getLine(interpolation, "_origin")(lineData[i].points); - - // Add the color in this loop, it can't be done during initialisation of the row because - // the lines should be ordered first (to ensure standard distribution of colors - lineData[i].color = chart.getColor(lineData[i].key.length > 0 ? lineData[i].key[lineData[i].key.length - 1] : "All"); - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + className).data(lineData); - } else { - theseShapes = series.shapes.data(lineData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("path") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - return className + " dimple-line " + d.keyString; - }) - .attr("d", function (d) { - return d.entry; - }) - .call(function () { - // Apply formats optionally - if (!chart.noFormats) { - this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); }) - .attr("fill", "none") - .attr("stroke", function (d) { return (graded ? "url(#fill-line-gradient-" + d.keyString + ")" : d.color.stroke); }) - .attr("stroke-width", series.lineWeight); - } - }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart) - .attr("d", function (d) { return d.update; }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart) - .attr("d", function (d) { return d.exit; }) - .each(function (d) { - // Using all data for the markers fails because there are no exits in the markers - // only the whole line, therefore we need to clear the points here - d.markerData = []; - drawMarkers(d); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_addGradient.js - dimple._addGradient = function (seriesValue, id, categoryAxis, data, chart, duration, colorProperty) { - - var sArray = [].concat(seriesValue), - grad = chart._group.select("#" + id), - cats = [], - field = categoryAxis.position + "Field", - transition = true, - colors = []; - - data.forEach(function (d) { - if (cats.indexOf(d[field]) === -1 && d.aggField.join("_") === sArray.join("_")) { - cats.push(d[field]); - } - }, this); - - cats = cats.sort(function (a, b) { return categoryAxis._scale(a) - categoryAxis._scale(b); }); - - if (grad.node() === null) { - transition = false; - grad = chart._group.append("linearGradient") - .attr("id", id) - .attr("gradientUnits", "userSpaceOnUse") - .attr("x1", (categoryAxis.position === "x" ? categoryAxis._scale(cats[0]) + ((chart._widthPixels() / cats.length) / 2) : 0)) - .attr("y1", (categoryAxis.position === "y" ? categoryAxis._scale(cats[0]) - ((chart._heightPixels() / cats.length) / 2) : 0)) - .attr("x2", (categoryAxis.position === "x" ? categoryAxis._scale(cats[cats.length - 1]) + ((chart._widthPixels() / cats.length) / 2) : 0)) - .attr("y2", (categoryAxis.position === "y" ? categoryAxis._scale(cats[cats.length - 1]) - ((chart._heightPixels() / cats.length) / 2) : 0)); - } - - cats.forEach(function (cat, j) { - - var row = {}, - k = 0; - - for (k = 0; k < data.length; k = k + 1) { - if (data[k].aggField.join("_") === sArray.join("_") && data[k][field].join("_") === cat.join("_")) { - row = data[k]; - break; - } - } - - colors.push({ offset: Math.round((j / (cats.length - 1)) * 100) + "%", color: row[colorProperty] }); - }, this); - - if (transition) { - chart._handleTransition(grad.selectAll("stop").data(colors), duration, chart) - .attr("offset", function(d) { return d.offset; }) - .attr("stop-color", function(d) { return d.color; }); - } else { - grad.selectAll("stop") - .data(colors) - .enter() - .append("stop") - .attr("offset", function(d) { return d.offset; }) - .attr("stop-color", function(d) { return d.color; }); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_arrayIndexCompare.js - dimple._arrayIndexCompare = function (array, a, b) { - // Find the element which comes first in the array - var returnValue, - p, - q, - aMatch, - bMatch, - rowArray; - for (p = 0; p < array.length; p += 1) { - aMatch = true; - bMatch = true; - rowArray = [].concat(array[p]); - for (q = 0; q < a.length; q += 1) { - aMatch = aMatch && (a[q] === rowArray[q]); - } - for (q = 0; q < b.length; q += 1) { - bMatch = bMatch && (b[q] === rowArray[q]); - } - if (aMatch && bMatch) { - returnValue = 0; - break; - } else if (aMatch) { - returnValue = -1; - break; - } else if (bMatch) { - returnValue = 1; - break; - } - } - return returnValue; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_createClass.js - dimple._createClass = function (stringArray) { - var i, - returnArray = [], - replacer = function(s) { - var c = s.charCodeAt(0), - returnString = "-"; - if (c >= 65 && c <= 90) { - returnString = s.toLowerCase(); - } - return returnString; - }; - if (stringArray.length > 0) { - for (i = 0; i < stringArray.length; i += 1) { - /*jslint regexp: true */ - returnArray.push("dimple-" + stringArray[i].toString().replace(/[^a-z0-9]/g, replacer)); - /*jslint regexp: false */ - } - } else { - returnArray = ["dimple-all"]; - } - return returnArray.join(" "); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkerBacks.js - dimple._drawMarkerBacks = function (lineDataRow, chart, series, duration, className) { - var markerBacks, - markerBackClasses = ["dimple-marker-back", className, lineDataRow.keyString], - rem; - if (series.lineMarkers) { - if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) { - markerBacks = chart._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData); - } else { - markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; }); - } - // Add - markerBacks - .enter() - .append("circle") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - var fields = []; - if (series.x._hasCategories()) { - fields = fields.concat(d.xField); - } - if (series.y._hasCategories()) { - fields = fields.concat(d.yField); - } - return dimple._createClass(fields) + " " + markerBackClasses.join(" "); - }) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); }) - .attr("r", 0) - .attr("fill", "white") - .attr("stroke", "none"); - - // Update - chart._handleTransition(markerBacks, duration, chart) - .attr("cx", function (d) { return dimple._helpers.cx(d, chart, series); }) - .attr("cy", function (d) { return dimple._helpers.cy(d, chart, series); }) - .attr("r", 2 + series.lineWeight); - - // Remove - rem = chart._handleTransition(markerBacks.exit(), duration, chart) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); }) - .attr("r", 0); - - // Run after transition methods - if (duration === 0) { - rem.remove(); - } else { - rem.each("end", function () { - d3.select(this).remove(); - }); - } - - if (series._markerBacks === undefined || series._markerBacks === null) { - series._markerBacks = {}; - } - series._markerBacks[lineDataRow.keyString] = markerBacks; - } - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkers.js - dimple._drawMarkers = function (lineDataRow, chart, series, duration, className, useGradient, enterEventHandler, leaveEventHandler) { - var markers, - markerClasses = ["dimple-marker", className, lineDataRow.keyString], - rem; - - // Begin by drawing the backings - dimple._drawMarkerBacks(lineDataRow, chart, series, duration, className); - - // Deal with markers in the same way as main series to fix #28 - if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) { - markers = chart._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData); - } else { - markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { - return d.key; - }); - } - // Add - markers - .enter() - .append("circle") - .attr("id", function (d) { - return d.key; - }) - .attr("class", function (d) { - var fields = []; - if (series.x._hasCategories()) { - fields = fields.concat(d.xField); - } - if (series.y._hasCategories()) { - fields = fields.concat(d.yField); - } - return dimple._createClass(fields) + " " + markerClasses.join(" "); - }) - .on("mouseover", function (e) { - enterEventHandler(e, this, chart, series); - }) - .on("mouseleave", function (e) { - leaveEventHandler(e, this, chart, series); - }) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); - }) - .attr("r", 0) - .attr("opacity", (series.lineMarkers || lineDataRow.data.length < 2 ? lineDataRow.color.opacity : 0)) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", "white") - .style("stroke-width", series.lineWeight) - .attr("stroke", function (d) { - return (useGradient ? dimple._helpers.fill(d, chart, series) : lineDataRow.color.stroke); - }); - } - }); - - // Update - chart._handleTransition(markers, duration, chart) - .attr("cx", function (d) { return dimple._helpers.cx(d, chart, series); }) - .attr("cy", function (d) { return dimple._helpers.cy(d, chart, series); }) - .attr("r", 2 + series.lineWeight) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", "white") - .style("stroke-width", series.lineWeight) - .attr("stroke", function (d) { - return (useGradient ? dimple._helpers.fill(d, chart, series) : lineDataRow.color.stroke); - }); - } - }); - - // Remove - rem = chart._handleTransition(markers.exit(), duration, chart) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); }) - .attr("r", 0); - - // Run after transition methods - if (duration === 0) { - rem.remove(); - } else { - rem.each("end", function () { - d3.select(this).remove(); - }); - } - - if (series._markers === undefined || series._markers === null) { - series._markers = {}; - } - series._markers[lineDataRow.keyString] = markers; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getOrderedList.js - dimple._getOrderedList = function (data, mainField, levelDefinitions) { - var rollupData, - sortStack = [], - finalArray = [], - mainArray = [].concat(mainField), - fields = [].concat(mainField), - defs = []; - // Force the level definitions into an array - if (levelDefinitions !== null && levelDefinitions !== undefined) { - defs = defs.concat(levelDefinitions); - } - // Add the base case - defs = defs.concat({ ordering: mainArray, desc: false }); - // Exclude fields if this does not contain a function - defs.forEach(function (def) { - var field; - if (typeof def.ordering === "function") { - for (field in data[0]) { - if (data[0].hasOwnProperty(field) && fields.indexOf(field) === -1) { - fields.push(field); - } - } - } else if (!(def.ordering instanceof Array)) { - fields.push(def.ordering); - } - }, this); - rollupData = dimple._rollUp(data, mainArray, fields); - // If we go below the leaf stop recursing - if (defs.length >= 1) { - // Build a stack of compare methods - // Iterate each level definition - defs.forEach(function (def) { - // Draw ascending by default - var desc = (def.desc === null || def.desc === undefined ? false : def.desc), - ordering = def.ordering, - orderArray = [], - field = (typeof ordering === "string" ? ordering : null), - sum = function (array) { - var total = 0, - i; - for (i = 0; i < array.length; i += 1) { - if (isNaN(array[i])) { - total = 0; - break; - } else { - total += parseFloat(array[i]); - } - } - return total; - }, - compare = function (a, b) { - var result = 0, - sumA = sum(a), - sumB = sum(b); - if (!isNaN(sumA) && sumA !== 0 && !isNaN(sumB) && sumB !== 0) { - result = parseFloat(sumA) - parseFloat(sumB); - } else if (!isNaN(Date.parse(a[0])) && !isNaN(Date.parse(b[0]))) { - result = Date.parse(a[0]) - Date.parse(b[0]); - } else if (a[0] < b[0]) { - result = -1; - } else if (a[0] > b[0]) { - result = 1; - } - return result; - }; - // Handle the ordering based on the type set - if (typeof ordering === "function") { - // Apply the sort predicate directly - sortStack.push(function (a, b) { - return (desc ? -1 : 1) * ordering(a, b); - }); - } else if (ordering instanceof Array) { - // The order list may be an array of arrays - // combine the values with pipe delimiters. - // The delimiter is irrelevant as long as it is consistent - // with the sort predicate below - ordering.forEach(function (d) { - orderArray.push(([].concat(d)).join("|")); - }, this); - // Sort according to the axis position - sortStack.push(function (a, b) { - var aStr = "", - bStr = "", - aIx, - bIx, - i; - for (i = 0; i < mainArray.length; i += 1) { - if (i > 0) { - aStr += "|"; - bStr += "|"; - } - aStr += a[mainArray[i]]; - bStr += b[mainArray[i]]; - } - // If the value is not found it should go to the end (if descending it - // should go to the start so that it ends up at the back when reversed) - aIx = orderArray.indexOf(aStr); - bIx = orderArray.indexOf(bStr); - aIx = (aIx < 0 ? (desc ? -1 : orderArray.length) : aIx); - bIx = (bIx < 0 ? (desc ? -1 : orderArray.length) : bIx); - return (desc ? -1 : 1) * (aIx - bIx); - }); - } else { - // Sort the data - sortStack.push(function (a, b) { - // The result value - var result = 0; - // Find the field - if (a[field] !== undefined && b[field] !== undefined) { - // Compare just the first mapped value - result = compare([].concat(a[field]), [].concat(b[field])); - } - return (desc ? -1 : 1) * result; - }); - } - }); - rollupData.sort(function (a, b) { - var compareIx = 0, - result = 0; - while (compareIx < sortStack.length && result === 0) { - result = sortStack[compareIx](a, b); - compareIx += 1; - } - return result; - }); - // Return a simple array if only one field is being returned. - // for multiple fields remove extra fields but leave objects - rollupData.forEach(function (d) { - var i, - newRow = []; - if (mainArray.length === 1) { - finalArray.push(d[mainArray[0]]); - } else { - for (i = 0; i < mainArray.length; i += 1) { - newRow.push(d[mainArray[i]]); - } - finalArray.push(newRow); - } - }, this); - } - // Return the ordered list - return finalArray; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_getSeriesOrder.js - dimple._getSeriesOrder = function (data, series) { - var rules = [].concat(series._orderRules), - cats = series.categoryFields, - returnValue = []; - if (cats !== null && cats !== undefined && cats.length > 0) { - if (series.c !== null && series.c !== undefined && series.c._hasMeasure()) { - rules.push({ ordering : series.c.measure, desc : true }); - } - if (series.x._hasMeasure()) { - rules.push({ ordering : series.x.measure, desc : true }); - } - if (series.y._hasMeasure()) { - rules.push({ ordering : series.y.measure, desc : true }); - } - returnValue = dimple._getOrderedList(data, cats, rules); - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_getSeriesSortPredicate.js - dimple._getSeriesSortPredicate = function (chart, series, orderedArray) { - return function (a, b) { - var sortValue = 0; - // Modified to keep trying until a difference is found. Previously these were else if statements - // Issue #71 - if (series.x._hasCategories()) { - sortValue = (dimple._helpers.cx(a, chart, series) - dimple._helpers.cx(b, chart, series)); - } - if (sortValue === 0 && series.y._hasCategories()) { - sortValue = (dimple._helpers.cy(a, chart, series) - dimple._helpers.cy(b, chart, series)); - } - if (sortValue === 0 && orderedArray) { - sortValue = dimple._arrayIndexCompare(orderedArray, a.aggField, b.aggField); - } - return sortValue; - }; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_helpers.js - dimple._helpers = { - - // Calculate the centre x position - cx: function (d, chart, series) { - var returnCx = 0; - if (series.x.measure !== null && series.x.measure !== undefined) { - returnCx = series.x._scale(d.cx); - } else if (series.x._hasCategories() && series.x.categoryFields.length >= 2) { - returnCx = series.x._scale(d.cx) + dimple._helpers.xGap(chart, series) + ((d.xOffset + 0.5) * (((chart._widthPixels() / series.x._max) - 2 * dimple._helpers.xGap(chart, series)) * d.width)); - } else { - returnCx = series.x._scale(d.cx) + ((chart._widthPixels() / series.x._max) / 2); - } - return returnCx; - }, - - // Calculate the centre y position - cy: function (d, chart, series) { - var returnCy = 0; - if (series.y.measure !== null && series.y.measure !== undefined) { - returnCy = series.y._scale(d.cy); - } else if (series.y.categoryFields !== null && series.y.categoryFields !== undefined && series.y.categoryFields.length >= 2) { - returnCy = (series.y._scale(d.cy) - (chart._heightPixels() / series.y._max)) + dimple._helpers.yGap(chart, series) + ((d.yOffset + 0.5) * (((chart._heightPixels() / series.y._max) - 2 * dimple._helpers.yGap(chart, series)) * d.height)); - } else { - returnCy = series.y._scale(d.cy) - ((chart._heightPixels() / series.y._max) / 2); - } - return returnCy; - }, - - // Calculate the radius - r: function (d, chart, series) { - var returnR = 0, - scaleFactor = 1; - if (series.z === null || series.z === undefined) { - returnR = (!series.radius || series.radius === "auto" ? 5 : series.radius); - } else { - if (series.radius && series.radius !== "auto" && series.radius > 1) { - scaleFactor = series.radius / series.z._scale(series.z._max); - } - if (series.z._hasMeasure()) { - returnR = series.z._scale(d.r) * scaleFactor; - } else { - returnR = series.z._scale(chart._heightPixels() / 100) * scaleFactor; - } - } - return returnR; - }, - - // Calculate the x gap for bar type charts - xGap: function (chart, series) { - var returnXGap = 0; - if ((series.x.measure === null || series.x.measure === undefined) && series.barGap > 0) { - returnXGap = ((chart._widthPixels() / series.x._max) * (series.barGap > 0.99 ? 0.99 : series.barGap)) / 2; - } - return returnXGap; - }, - - // Calculate the x gap for clusters within bar type charts - xClusterGap: function (d, chart, series) { - var returnXClusterGap = 0; - if (series.x.categoryFields !== null && series.x.categoryFields !== undefined && series.x.categoryFields.length >= 2 && series.clusterBarGap > 0 && !series.x._hasMeasure()) { - returnXClusterGap = (d.width * ((chart._widthPixels() / series.x._max) - (dimple._helpers.xGap(chart, series) * 2)) * (series.clusterBarGap > 0.99 ? 0.99 : series.clusterBarGap)) / 2; - } - return returnXClusterGap; - }, - - // Calculate the y gap for bar type charts - yGap: function (chart, series) { - var returnYGap = 0; - if ((series.y.measure === null || series.y.measure === undefined) && series.barGap > 0) { - returnYGap = ((chart._heightPixels() / series.y._max) * (series.barGap > 0.99 ? 0.99 : series.barGap)) / 2; - } - return returnYGap; - }, - - // Calculate the y gap for clusters within bar type charts - yClusterGap: function (d, chart, series) { - var returnYClusterGap = 0; - if (series.y.categoryFields !== null && series.y.categoryFields !== undefined && series.y.categoryFields.length >= 2 && series.clusterBarGap > 0 && !series.y._hasMeasure()) { - returnYClusterGap = (d.height * ((chart._heightPixels() / series.y._max) - (dimple._helpers.yGap(chart, series) * 2)) * (series.clusterBarGap > 0.99 ? 0.99 : series.clusterBarGap)) / 2; - } - return returnYClusterGap; - }, - - // Calculate the top left x position for bar type charts - x: function (d, chart, series) { - var returnX = 0; - if (series.x._hasTimeField()) { - returnX = series.x._scale(d.x) - (dimple._helpers.width(d, chart, series) / 2); - } else if (series.x.measure !== null && series.x.measure !== undefined) { - returnX = series.x._scale(d.x); - } else { - returnX = series.x._scale(d.x) + dimple._helpers.xGap(chart, series) + (d.xOffset * (dimple._helpers.width(d, chart, series) + 2 * dimple._helpers.xClusterGap(d, chart, series))) + dimple._helpers.xClusterGap(d, chart, series); - } - return returnX; - }, - - // Calculate the top left y position for bar type charts - y: function (d, chart, series) { - var returnY = 0; - if (series.y._hasTimeField()) { - returnY = series.y._scale(d.y) - (dimple._helpers.height(d, chart, series) / 2); - } else if (series.y.measure !== null && series.y.measure !== undefined) { - returnY = series.y._scale(d.y); - } else { - returnY = (series.y._scale(d.y) - (chart._heightPixels() / series.y._max)) + dimple._helpers.yGap(chart, series) + (d.yOffset * (dimple._helpers.height(d, chart, series) + 2 * dimple._helpers.yClusterGap(d, chart, series))) + dimple._helpers.yClusterGap(d, chart, series); - } - return returnY; - }, - - // Calculate the width for bar type charts - width: function (d, chart, series) { - var returnWidth = 0; - if (series.x.measure !== null && series.x.measure !== undefined) { - returnWidth = Math.abs(series.x._scale((d.x < 0 ? d.x - d.width : d.x + d.width)) - series.x._scale(d.x)); - } else if (series.x._hasTimeField()) { - returnWidth = series.x.floatingBarWidth; - } else { - returnWidth = d.width * ((chart._widthPixels() / series.x._max) - (dimple._helpers.xGap(chart, series) * 2)) - (dimple._helpers.xClusterGap(d, chart, series) * 2); - } - return returnWidth; - }, - - // Calculate the height for bar type charts - height: function (d, chart, series) { - var returnHeight = 0; - if (series.y._hasTimeField()) { - returnHeight = series.y.floatingBarWidth; - } else if (series.y.measure !== null && series.y.measure !== undefined) { - returnHeight = Math.abs(series.y._scale(d.y) - series.y._scale((d.y <= 0 ? d.y + d.height : d.y - d.height))); - } else { - returnHeight = d.height * ((chart._heightPixels() / series.y._max) - (dimple._helpers.yGap(chart, series) * 2)) - (dimple._helpers.yClusterGap(d, chart, series) * 2); - } - return returnHeight; - }, - - // Calculate the opacity for series - opacity: function (d, chart, series) { - var returnOpacity = 0; - if (series.c !== null && series.c !== undefined) { - returnOpacity = d.opacity; - } else { - returnOpacity = chart.getColor(d.aggField.slice(-1)[0]).opacity; - } - return returnOpacity; - }, - - // Calculate the fill coloring for series - fill: function (d, chart, series) { - var returnFill = 0; - if (series.c !== null && series.c !== undefined) { - returnFill = d.fill; - } else { - returnFill = chart.getColor(d.aggField.slice(-1)[0]).fill; - } - return returnFill; - }, - - // Calculate the stroke coloring for series - stroke: function (d, chart, series) { - var stroke = 0; - if (series.c !== null && series.c !== undefined) { - stroke = d.stroke; - } else { - stroke = chart.getColor(d.aggField.slice(-1)[0]).stroke; - } - return stroke; - } - - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parentHeight.js - dimple._parentHeight = function (parent) { - // This one seems to work in Chrome - good old Chrome! - var returnValue = parent.offsetHeight; - // This does it for IE - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - returnValue = parent.clientHeight; - } - // FireFox is the hard one this time. See this bug report: - // https://bugzilla.mozilla.org/show_bug.cgi?id=649285// - // It's dealt with by trying to recurse up the dom until we find something - // we can get a size for. Usually the parent of the SVG. It's a bit costly - // but I don't know of any other way. - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - if (parent.parentNode === null || parent.parentNode === undefined) { - // Give up - Recursion Exit Point - returnValue = 0; - } else { - // Get the size from the parent recursively - returnValue = dimple._parentHeight(parent.parentNode); - } - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parentWidth.js - dimple._parentWidth = function (parent) { - // This one seems to work in Chrome - good old Chrome! - var returnValue = parent.offsetWidth; - // This does it for IE - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - returnValue = parent.clientWidth; - } - // FireFox is the hard one this time. See this bug report: - // https://bugzilla.mozilla.org/show_bug.cgi?id=649285// - // It's dealt with by trying to recurse up the dom until we find something - // we can get a size for. Usually the parent of the SVG. It's a bit costly - // but I don't know of any other way. - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - if (parent.parentNode === null || parent.parentNode === undefined) { - // Give up - Recursion Exit Point - returnValue = 0; - } else { - // Get the size from the parent recursively - returnValue = dimple._parentWidth(parent.parentNode); - } - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parseXPosition.js - dimple._parseXPosition = function (value, parent) { - var returnValue = 0, - values; - if (value !== null && value !== undefined) { - values = value.toString().split(","); - values.forEach(function (v) { - if (v !== undefined && v !== null) { - if (!isNaN(v)) { - returnValue += parseFloat(v); - } else if (v.slice(-1) === "%") { - returnValue += dimple._parentWidth(parent) * (parseFloat(v.slice(0, v.length - 1)) / 100); - } else if (v.slice(-2) === "px") { - returnValue += parseFloat(v.slice(0, v.length - 2)); - } else { - returnValue = value; - } - } - }, this); - } - // Take the position from the extremity if the value is negative - if (returnValue < 0) { - returnValue = dimple._parentWidth(parent) + returnValue; - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parseYPosition.js - dimple._parseYPosition = function (value, parent) { - var returnValue = 0, - values; - if (value !== null && value !== undefined) { - values = value.toString().split(","); - values.forEach(function (v) { - if (v !== undefined && v !== null) { - if (!isNaN(v)) { - returnValue += parseFloat(v); - } else if (v.slice(-1) === "%") { - returnValue += dimple._parentHeight(parent) * (parseFloat(v.slice(0, v.length - 1)) / 100); - } else if (v.slice(-2) === "px") { - returnValue += parseFloat(v.slice(0, v.length - 2)); - } else { - returnValue = value; - } - } - }, this); - } - // Take the position from the extremity if the value is negative - if (returnValue < 0) { - returnValue = dimple._parentHeight(parent) + returnValue; - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkers.js - dimple._postDrawHandling = function (series, updated, removed, duration) { - // Run after transition methods - if (duration === 0) { - updated.each(function (d, i) { - if (series.afterDraw !== null && series.afterDraw !== undefined) { - series.afterDraw(this, d, i); - } - }); - removed.remove(); - } else { - updated.each("end", function (d, i) { - if (series.afterDraw !== null && series.afterDraw !== undefined) { - series.afterDraw(this, d, i); - } - }); - removed.each("end", function () { - d3.select(this).remove(); - }); - } - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_removeTooltip.js - /*jslint unparam: true */ - dimple._removeTooltip = function (e, shape, chart, series) { - if (chart._tooltipGroup) { - chart._tooltipGroup.remove(); - } - }; - /*jslint unparam: false */ - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_rollUp.js - dimple._rollUp = function (data, fields, includeFields) { - - var returnList = []; - // Put single values into single value arrays - if (fields !== null && fields !== undefined) { - fields = [].concat(fields); - } else { - fields = []; - } - // Iterate every row in the data - data.forEach(function (d) { - // The index of the corresponding row in the return list - var index = -1, - newRow = {}, - match = true; - // Find the corresponding value in the return list - returnList.forEach(function (r, j) { - if (index === -1) { - // Indicates a match - match = true; - // Iterate the passed fields and compare - fields.forEach(function (f) { - match = match && d[f] === r[f]; - }, this); - // If this is a match get the index - if (match) { - index = j; - } - } - }, this); - // Pick up the matched row, or add a new one - if (index !== -1) { - newRow = returnList[index]; - } else { - // Iterate the passed fields and add to the new row - fields.forEach(function (f) { - newRow[f] = d[f]; - }, this); - returnList.push(newRow); - index = returnList.length - 1; - } - // Iterate all the fields in the data - includeFields.forEach(function (field) { - if (fields.indexOf(field) === -1) { - if (newRow[field] === undefined) { - newRow[field] = []; - } - newRow[field] = newRow[field].concat(d[field]); - } - }, this); - // Update the return list - returnList[index] = newRow; - }, this); - // Return the flattened list - return returnList; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_showBarTooltip.js - dimple._showBarTooltip = function (e, shape, chart, series) { - - // The margin between the text and the box - var textMargin = 5, - // The margin between the ring and the popup - popupMargin = 10, - // The popup animation duration in ms - animDuration = 750, - // Collect some facts about the highlighted bar - selectedShape = d3.select(shape), - x = parseFloat(selectedShape.attr("x")), - y = parseFloat(selectedShape.attr("y")), - width = parseFloat(selectedShape.attr("width")), - height = parseFloat(selectedShape.attr("height")), - opacity = selectedShape.attr("opacity"), - fill = selectedShape.attr("fill"), - dropDest = series._dropLineOrigin(), - // Fade the popup stroke mixing the shape fill with 60% white - popupStrokeColor = d3.rgb( - d3.rgb(fill).r + 0.6 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.6 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.6 * (255 - d3.rgb(fill).b) - ), - // Fade the popup fill mixing the shape fill with 80% white - popupFillColor = d3.rgb( - d3.rgb(fill).r + 0.8 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.8 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.8 * (255 - d3.rgb(fill).b) - ), - t, - box, - tipText = series.getTooltipText(e), - // The running y value for the text elements - yRunning = 0, - // The maximum bounds of the text elements - w = 0, - h = 0, - // Values to shift the popup - translateX, - translateY, - offset; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - chart._tooltipGroup = chart.svg.append("g"); - - offset = (series._isStacked() ? 1 : width / 2); - - // Add a drop line to the x axis - if (!series.x._hasCategories() && dropDest.y !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (x < series.x._origin ? x + offset : x + width - offset)) - .attr("y1", (y < dropDest.y ? y + height : y)) - .attr("x2", (x < series.x._origin ? x + offset : x + width - offset)) - .attr("y2", (y < dropDest.y ? y + height : y)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("y2", (y < dropDest.y ? dropDest.y - 1 : dropDest.y + 1)); - } - - offset = (series._isStacked() ? 1 : height / 2); - - // Add a drop line to the y axis - if (!series.y._hasCategories() && dropDest.x !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (x < dropDest.x ? x + width : x)) - .attr("y1", (y < series.y._origin ? y + offset : y + height - offset)) - .attr("x2", (x < dropDest.x ? x + width : x)) - .attr("y2", (y < series.y._origin ? y + offset : y + height - offset)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("x2", (x < dropDest.x ? dropDest.x - 1 : dropDest.x + 1)); - } - - // Add a group for text - t = chart._tooltipGroup.append("g"); - // Create a box for the popup in the text group - box = t.append("rect") - .attr("class", "dimple-tooltip"); - - // Create a text object for every row in the popup - t.selectAll(".dimple-dont-select-any").data(tipText).enter() - .append("text") - .attr("class", "dimple-tooltip") - .text(function (d) { return d; }) - .style("font-family", series.tooltipFontFamily) - .style("font-size", series._getTooltipFontSize()); - - // Get the max height and width of the text items - t.each(function () { - w = (this.getBBox().width > w ? this.getBBox().width : w); - h = (this.getBBox().width > h ? this.getBBox().height : h); - }); - - // Position the text relative to the bar, the absolute positioning - // will be done by translating the group - t.selectAll("text") - .attr("x", 0) - .attr("y", function () { - // Increment the y position - yRunning += this.getBBox().height; - // Position the text at the centre point - return yRunning - (this.getBBox().height / 2); - }); - - // Draw the box with a margin around the text - box.attr("x", -textMargin) - .attr("y", -textMargin) - .attr("height", Math.floor(yRunning + textMargin) - 0.5) - .attr("width", w + 2 * textMargin) - .attr("rx", 5) - .attr("ry", 5) - .style("fill", popupFillColor) - .style("stroke", popupStrokeColor) - .style("stroke-width", 2) - .style("opacity", 0.95); - - // Shift the popup around to avoid overlapping the svg edge - if (x + width + textMargin + popupMargin + w < parseFloat(chart.svg.node().getBBox().width)) { - // Draw centre right - translateX = (x + width + textMargin + popupMargin); - translateY = (y + (height / 2) - ((yRunning - (h - textMargin)) / 2)); - } else if (x - (textMargin + popupMargin + w) > 0) { - // Draw centre left - translateX = (x - (textMargin + popupMargin + w)); - translateY = (y + (height / 2) - ((yRunning - (h - textMargin)) / 2)); - } else if (y + height + yRunning + popupMargin + textMargin < parseFloat(chart.svg.node().getBBox().height)) { - // Draw centre below - translateX = (x + (width / 2) - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (y + height + 2 * textMargin); - } else { - // Draw centre above - translateX = (x + (width / 2) - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (y - yRunning - (h - textMargin)); - } - t.attr("transform", "translate(" + translateX + " , " + translateY + ")"); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_showPointTooltip.js - dimple._showPointTooltip = function (e, shape, chart, series) { - - // The margin between the text and the box - var textMargin = 5, - // The margin between the ring and the popup - popupMargin = 10, - // The popup animation duration in ms - animDuration = 750, - // Collect some facts about the highlighted bubble - selectedShape = d3.select(shape), - cx = parseFloat(selectedShape.attr("cx")), - cy = parseFloat(selectedShape.attr("cy")), - r = parseFloat(selectedShape.attr("r")), - opacity = dimple._helpers.opacity(e, chart, series), - fill = selectedShape.attr("stroke"), - dropDest = series._dropLineOrigin(), - // Fade the popup stroke mixing the shape fill with 60% white - popupStrokeColor = d3.rgb( - d3.rgb(fill).r + 0.6 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.6 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.6 * (255 - d3.rgb(fill).b) - ), - // Fade the popup fill mixing the shape fill with 80% white - popupFillColor = d3.rgb( - d3.rgb(fill).r + 0.8 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.8 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.8 * (255 - d3.rgb(fill).b) - ), - // The running y value for the text elements - y = 0, - // The maximum bounds of the text elements - w = 0, - h = 0, - t, - box, - tipText = series.getTooltipText(e), - translateX, - translateY; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - chart._tooltipGroup = chart.svg.append("g"); - - // Add a ring around the data point - chart._tooltipGroup.append("circle") - .attr("cx", cx) - .attr("cy", cy) - .attr("r", r) - .attr("opacity", 0) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 1) - .transition() - .duration(animDuration / 2) - .ease("linear") - .attr("opacity", 1) - .attr("r", r + series.lineWeight + 2) - .style("stroke-width", 2); - - // Add a drop line to the x axis - if (dropDest.y !== null) { - chart._tooltipGroup.append("line") - .attr("x1", cx) - .attr("y1", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2)) - .attr("x2", cx) - .attr("y2", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("y2", (cy < dropDest.y ? dropDest.y - 1 : dropDest.y + 1)); - } - - // Add a drop line to the y axis - if (dropDest.x !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2)) - .attr("y1", cy) - .attr("x2", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2)) - .attr("y2", cy) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("x2", (cx < dropDest.x ? dropDest.x - 1 : dropDest.x + 1)); - } - - // Add a group for text - t = chart._tooltipGroup.append("g"); - // Create a box for the popup in the text group - box = t.append("rect") - .attr("class", "dimple-tooltip"); - - // Create a text object for every row in the popup - t.selectAll(".dont-select-any").data(tipText).enter() - .append("text") - .attr("class", "dimple-tooltip") - .text(function (d) { return d; }) - .style("font-family", series.tooltipFontFamily) - .style("font-size", series._getTooltipFontSize()); - - // Get the max height and width of the text items - t.each(function () { - w = (this.getBBox().width > w ? this.getBBox().width : w); - h = (this.getBBox().width > h ? this.getBBox().height : h); - }); - - // Position the text relative to the bubble, the absolute positioning - // will be done by translating the group - t.selectAll("text") - .attr("x", 0) - .attr("y", function () { - // Increment the y position - y += this.getBBox().height; - // Position the text at the centre point - return y - (this.getBBox().height / 2); - }); - - // Draw the box with a margin around the text - box.attr("x", -textMargin) - .attr("y", -textMargin) - .attr("height", Math.floor(y + textMargin) - 0.5) - .attr("width", w + 2 * textMargin) - .attr("rx", 5) - .attr("ry", 5) - .style("fill", popupFillColor) - .style("stroke", popupStrokeColor) - .style("stroke-width", 2) - .style("opacity", 0.95); - - // Shift the popup around to avoid overlapping the svg edge - if (cx + r + textMargin + popupMargin + w < parseFloat(chart.svg.node().getBBox().width)) { - // Draw centre right - translateX = (cx + r + textMargin + popupMargin); - translateY = (cy - ((y - (h - textMargin)) / 2)); - } else if (cx - r - (textMargin + popupMargin + w) > 0) { - // Draw centre left - translateX = (cx - r - (textMargin + popupMargin + w)); - translateY = (cy - ((y - (h - textMargin)) / 2)); - } else if (cy + r + y + popupMargin + textMargin < parseFloat(chart.svg.node().getBBox().height)) { - // Draw centre below - translateX = (cx - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (cy + r + 2 * textMargin); - } else { - // Draw centre above - translateX = (cx - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (cy - y - (h - textMargin)); - } - t.attr("transform", "translate(" + translateX + " , " + translateY + ")"); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/filterData.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-filterData - dimple.filterData = function (data, field, filterValues) { - var returnData = data; - if (field !== null && filterValues !== null) { - // Build an array from a single filter value or use the array - if (filterValues !== null && filterValues !== undefined) { filterValues = [].concat(filterValues); } - // The data to return - returnData = []; - // Iterate all the data - data.forEach(function (d) { - // If an invalid field is passed, just pass the data - if (d[field] === null) { - returnData.push(d); - } else { - if (filterValues.indexOf([].concat(d[field]).join("/")) > -1) { - returnData.push(d); - } - } - }, this); - } - // Return the filtered data - return returnData; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/getUniqueValues.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-getUniqueValues - dimple.getUniqueValues = function (data, fields) { - var returnlist = []; - // Put single values into single value arrays - if (fields !== null && fields !== undefined) { - fields = [].concat(fields); - // Iterate every row in the data - data.forEach(function (d) { - // Handle multiple category values by iterating the fields in the row and concatonate the values - var field = ""; - fields.forEach(function (f, i) { - if (i > 0) { - field += "/"; - } - field += d[f]; - }, this); - // If the field was not found, add it to the end of the categories array - if (returnlist.indexOf(field) === -1) { - returnlist.push(field); - } - }, this); - } - return returnlist; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/newSvg.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-newSvg - dimple.newSvg = function (parentSelector, width, height) { - var selectedShape = null; - if (parentSelector === null || parentSelector === undefined) { - parentSelector = "body"; - } - selectedShape = d3.select(parentSelector); - if (selectedShape.empty()) { - throw "The '" + parentSelector + "' selector did not match any elements. Please prefix with '#' to select by id or '.' to select by class"; - } - return selectedShape.append("svg").attr("width", width).attr("height", height); - }; - - -}()); -// End dimple \ No newline at end of file diff --git a/dist/dimple.v2.0.1.min.js b/dist/dimple.v2.0.1.min.js deleted file mode 100644 index 7e269c24..00000000 --- a/dist/dimple.v2.0.1.min.js +++ /dev/null @@ -1,3 +0,0 @@ -var dimple={version:"2.0.1",plot:{},aggregateMethod:{}};!function(){"use strict";dimple.axis=function(a,b,c,d,e){this.chart=a,this.position=b,this.categoryFields=null===e||void 0===e?c:[].concat(e),this.measure=d,this.timeField=e,this.floatingBarWidth=5,this.hidden=!1,this.showPercent=!1,this.colors=null,this.overrideMin=null,this.overrideMax=null,this.shapes=null,this.showGridlines=null,this.gridlineShapes=null,this.titleShape=null,this.dateParseFormat=null,this.tickFormat=null,this.timePeriod=null,this.timeInterval=1,this.useLog=!1,this.logBase=10,this.title=void 0,this.clamp=!0,this.ticks=null,this.fontSize="10px",this.fontFamily="sans-serif",this._slaves=[],this._scale=null,this._min=0,this._max=0,this._previousOrigin=null,this._origin=null,this._orderRules=[],this._groupOrderRules=[],this._draw=null,this._getAxisData=function(){var a,b,c=[],d=!1;if(this.chart&&this.chart.series){for(a=0;a0?c=c.concat(b.data):d=!0);d&&this.chart.data&&(c=c.concat(this.chart.data))}return c},this._getFontSize=function(){var a;return a=this.fontSize&&"auto"!==this.fontSize.toString().toLowerCase()?isNaN(this.fontSize)?this.fontSize:this.fontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._getFormat=function(){var a,b,c,d,e,f,g;return null!==this.tickFormat&&void 0!==this.tickFormat?a=this._hasTimeField()?d3.time.format(this.tickFormat):d3.format(this.tickFormat):this.showPercent?a=d3.format("%"):this.useLog&&null!==this.measure?a=function(a){var b=Math.floor(Math.abs(a),0).toString().length,c=Math.min(Math.floor((b-1)/3),4),d="kmBT".substring(c-1,c),e="0"===Math.round(10*(a/Math.pow(1e3,c))).toString().slice(-1)?0:1;return 0===a?0:d3.format(",."+e+"f")(a/Math.pow(1e3,c))+d}:null!==this.measure?(b=Math.floor(Math.abs(this._max),0).toString(),c=Math.floor(Math.abs(this._min),0).toString(),d=Math.max(c.length,b.length),d>3?(e=Math.min(Math.floor((d-1)/3),4),f="kmBT".substring(e-1,e),g=1>=d-3*e?1:0,a=function(a){return 0===a?0:d3.format(",."+g+"f")(a/Math.pow(1e3,e))+f}):(g=1>=d?1:0,a=d3.format(",."+g+"f"))):a=function(a){return a},a},this._getTimePeriod=function(){var a=this.timePeriod,b=30,c=this._max-this._min;return this._hasTimeField()&&!this.timePeriod&&(a=b>=c/1e3?d3.time.seconds:b>=c/6e4?d3.time.minutes:b>=c/36e5?d3.time.hours:b>=c/864e5?d3.time.days:b>=c/6048e5?d3.time.weeks:b>=c/26298e5?d3.time.months:d3.time.years),a},this._getTooltipText=function(a,b){if(this._hasTimeField())b[this.position+"Field"][0]&&a.push(this.timeField+": "+this._getFormat()(b[this.position+"Field"][0]));else if(this._hasCategories())this.categoryFields.forEach(function(c,d){null!==c&&void 0!==c&&b[this.position+"Field"][d]&&a.push(c+(b[this.position+"Field"][d]!==c?": "+b[this.position+"Field"][d]:""))},this);else if(this._hasMeasure())switch(this.position){case"x":a.push(this.measure+": "+this._getFormat()(b.width));break;case"y":a.push(this.measure+": "+this._getFormat()(b.height));break;case"z":a.push(this.measure+": "+this._getFormat()(b.zValue));break;case"c":a.push(this.measure+": "+this._getFormat()(b.cValue))}},this._getTopMaster=function(){var a=this;return null!==this.master&&void 0!==this.master&&(a=this.master._getTopMaster()),a},this._hasCategories=function(){return null!==this.categoryFields&&void 0!==this.categoryFields&&this.categoryFields.length>0},this._hasMeasure=function(){return null!==this.measure&&void 0!==this.measure},this._hasTimeField=function(){return null!==this.timeField&&void 0!==this.timeField},this._parseDate=function(a){var b;return b=null===this.dateParseFormat||void 0===this.dateParseFormat?isNaN(a)?Date.parse(a):new Date(a):d3.time.format(this.dateParseFormat).parse(a)},this._update=function(a){var b,c,d,e,f=[],g=this.ticks||10,h=function(a,b,c){var d,e,f=a.categoryFields[0],g=a._getAxisData(),h=f,i=!1,j=!0,k=null;for(d=0;d1?1:this._max,this._min=null!==this.overrideMin?this.overrideMin:this._min,this._max=null!==this.overrideMax?this.overrideMax:this._max,"x"!==this.position||null!==this._scale&&!a){if("y"!==this.position||null!==this._scale&&!a)this.position.length>0&&"z"===this.position[0]&&null===this._scale?this._scale=this.useLog?d3.scale.log().range([this.chart._heightPixels()/300,this.chart._heightPixels()/10]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase):d3.scale.linear().range([1,this.chart._heightPixels()/10]).domain([this._min,this._max]).clamp(this.clamp):this.position.length>0&&"c"===this.position[0]&&null===this._scale&&(this._scale=d3.scale.linear().range([0,null===this.colors||1===this.colors.length?1:this.colors.length-1]).domain([this._min,this._max]).clamp(this.clamp));else if(this._hasTimeField()?this._scale=d3.time.scale().rangeRound([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([this._min,this._max]).clamp(this.clamp):this.useLog?this._scale=d3.scale.log().range([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase).nice():null===this.measure||void 0===this.measure?(f=h(this,"y","x"),null!==this._slaves&&void 0!==this._slaves&&this._slaves.forEach(function(a){f=f.concat(h(a,"y","x"))},this),this._scale=d3.scale.ordinal().rangePoints([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain(f.concat([""]))):this._scale=d3.scale.linear().range([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([this._min,this._max]).clamp(this.clamp).nice(),!this.hidden)switch(this.chart._axisIndex(this,"y")){case 0:this._draw=d3.svg.axis().orient("left").scale(this._scale),this.ticks&&this._draw.ticks(g);break;case 1:this._draw=d3.svg.axis().orient("right").scale(this._scale),this.ticks&&this._draw.ticks(g)}}else if(this._hasTimeField()?this._scale=d3.time.scale().rangeRound([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([this._min,this._max]).clamp(this.clamp):this.useLog?this._scale=d3.scale.log().range([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase).nice():null===this.measure||void 0===this.measure?(f=h(this,"x","y"),null!==this._slaves&&void 0!==this._slaves&&this._slaves.forEach(function(a){f=f.concat(h(a,"x","y"))},this),this._scale=d3.scale.ordinal().rangePoints([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain(f.concat([""]))):this._scale=d3.scale.linear().range([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([this._min,this._max]).clamp(this.clamp).nice(),!this.hidden)switch(this.chart._axisIndex(this,"x")){case 0:this._draw=d3.svg.axis().orient("bottom").scale(this._scale),this.ticks&&this._draw.ticks(g);break;case 1:this._draw=d3.svg.axis().orient("top").scale(this._scale),this.ticks&&this._draw.ticks(g)}return null!==this._slaves&&void 0!==this._slaves&&this._slaves.length>0&&this._slaves.forEach(function(a){a._scale=this._scale},this),null!==a&&void 0!==a&&a!==!1||this._hasTimeField()||null===this._scale||null===this._scale.ticks||void 0===this._scale.ticks||!(this._scale.ticks(g).length>0)||"x"!==this.position&&"y"!==this.position||(b=this._scale.ticks(g),c=b[1]-b[0],d=((this._max-this._min)%c).toFixed(0),0!==d&&(this._max=Math.ceil(this._max/c)*c,this._min=Math.floor(this._min/c)*c,this._update(!0))),e=null!==f&&void 0!==f&&f.length>0?this._scale.copy()(f[0]):this._min>0?this._scale.copy()(this._min):this._max<0?this._scale.copy()(this._max):this._scale.copy()(0),this._origin!==e&&(this._previousOrigin=null===this._origin?e:this._origin,this._origin=e),this},this.addGroupOrderRule=function(a,b){this._groupOrderRules.push({ordering:a,desc:b})},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})}},dimple.chart=function(a,b){this.svg=a,this.x="10%",this.y="10%",this.width="80%",this.height="80%",this.data=b,this.noFormats=!1,this.axes=[],this.series=[],this.legends=[],this.storyboard=null,this.titleShape=null,this.shapes=null,this.ease="cubic-in-out",this.staggerDraw=!1,this._group=a.append("g"),this._tooltipGroup=null,this._assignedColors={},this._nextColor=0,this._axisIndex=function(a,b){var c=0,d=0,e=-1;for(c=0;c0&&(a=a.concat(this.data)),null!==this.series&&void 0!==this.series&&this.series.length>0&&this.series.forEach(function(b){null!==b.data&&void 0!==b.data&&b.data.length>0&&(a=a.concat(b.data))}),a},this._getDelay=function(a,b,c){return function(d){var e=0;return c&&b.staggerDraw&&(c.x._hasCategories()?e=dimple._helpers.cx(d,b,c)/b._widthPixels()*a:c.y._hasCategories()&&(e=(1-dimple._helpers.cy(d,b,c)/b._heightPixels())*a)),e}},this._getSeriesData=function(){null!==this.series&&void 0!==this.series&&this.series.forEach(function(a){var b,c,d=[],e=function(a,b){var c=[];return null!==a&&(a._hasTimeField()?c.push(a._parseDate(b[a.timeField])):a._hasCategories()&&a.categoryFields.forEach(function(a){c.push(b[a])},this)),c},f={x:!1,y:!1,z:!1,c:!1},g={x:[],y:[]},h={x:[],y:[],z:[]},i={min:null,max:null},j={x:[],y:[],z:[]},k=[],l={},m={x:0,y:0,z:0},n="",o=[],p=[],q=[],r="",s=[],t="",u=[],v=[],w=a.data||this.data||[],x=[];null!==this.storyboard&&void 0!==this.storyboard&&this.storyboard.categoryFields.length>0&&(n=this.storyboard.categoryFields[0],o=dimple._getOrderedList(w,n,this.storyboard._orderRules)),a.x._hasCategories()&&a.x._hasMeasure()&&(r=a.x.categoryFields[0],s=dimple._getOrderedList(w,r,a.x._orderRules.concat([{ordering:a.x.measure,desc:!0}]))),a.y._hasCategories()&&a.y._hasMeasure()&&(t=a.y.categoryFields[0],u=dimple._getOrderedList(w,t,a.y._orderRules.concat([{ordering:a.y.measure,desc:!0}]))),w.length>0&&null!==a.categoryFields&&void 0!==a.categoryFields&&a.categoryFields.length>0&&(v=[].concat(a._orderRules),p=[],a.categoryFields.forEach(function(a){void 0!==w[0][a]&&p.push(a)},this),null!==a.c&&void 0!==a.c&&a.c._hasMeasure()?v.push({ordering:a.c.measure,desc:!0}):null!==a.z&&void 0!==a.z&&a.z._hasMeasure()?v.push({ordering:a.z.measure,desc:!0}):a.x._hasMeasure()?v.push({ordering:a.x.measure,desc:!0}):a.y._hasMeasure()&&v.push({ordering:a.y.measure,desc:!0}),q=dimple._getOrderedList(w,p,v)),w.sort(function(a,b){var c,d,e,f,g,h,i=0;if(""!==n&&(i=o.indexOf(a[n])-o.indexOf(b[n])),""!==r&&0===i&&(i=s.indexOf(a[r])-s.indexOf(b[r])),""!==t&&0===i&&(i=u.indexOf(a[t])-u.indexOf(b[t])),p&&p.length>0&&0===i)for(c=[].concat(p),i=0,e=0;e0&&(m+="/"),m+=b[a],i=m===g},this)),null!==c&&void 0!==c&&i&&(h=d[k],c._hasMeasure()&&null!==b[c.measure]&&void 0!==b[c.measure]&&(-1===h[c.position+"ValueList"].indexOf(b[c.measure])&&h[c.position+"ValueList"].push(b[c.measure]),isNaN(parseFloat(b[c.measure]))&&(f[c.position]=!0),j.value=h[c.position+"Value"],j.count=h[c.position+"Count"],l.value=b[c.measure],h[c.position+"Value"]=a.aggregate(j,l),h[c.position+"Count"]+=1))},j(a.x,this.storyboard),j(a.y,this.storyboard),j(a.z,this.storyboard),j(a.c,this.storyboard)},this),null!==a.x&&void 0!==a.x&&a.x._hasCategories()&&a.x.categoryFields.length>1&&void 0!==g.x&&(x=[],a.y._hasMeasure()&&x.push({ordering:a.y.measure,desc:!0}),g.x=dimple._getOrderedList(w,a.x.categoryFields[1],a.x._groupOrderRules.concat(x))),null!==a.y&&void 0!==a.y&&a.y._hasCategories()&&a.y.categoryFields.length>1&&void 0!==g.y&&(x=[],a.x._hasMeasure()&&x.push({ordering:a.x.measure,desc:!0}),g.y=dimple._getOrderedList(w,a.y.categoryFields[1],a.y._groupOrderRules.concat(x)),g.y.reverse()),d.forEach(function(c){null!==a.x&&(f.x===!0&&(c.xValue=c.xValueList.length),b=(null===h.x[c.xField.join("/")]||void 0===h.x[c.xField.join("/")]?0:h.x[c.xField.join("/")])+(a.y._hasMeasure()?Math.abs(c.yValue):0),h.x[c.xField.join("/")]=b),null!==a.y&&(f.y===!0&&(c.yValue=c.yValueList.length),b=(null===h.y[c.yField.join("/")]||void 0===h.y[c.yField.join("/")]?0:h.y[c.yField.join("/")])+(a.x._hasMeasure()?Math.abs(c.xValue):0),h.y[c.yField.join("/")]=b),null!==a.z&&(f.z===!0&&(c.zValue=c.zValueList.length),b=(null===h.z[c.zField.join("/")]||void 0===h.z[c.zField.join("/")]?0:h.z[c.zField.join("/")])+(a.z._hasMeasure()?Math.abs(c.zValue):0),h.z[c.zField.join("/")]=b),null!==a.c&&((null===i.min||c.cValuei.max)&&(i.max=c.cValue))},this);for(c in h.x)h.x.hasOwnProperty(c)&&(m.x+=h.x[c]);for(c in h.y)h.y.hasOwnProperty(c)&&(m.y+=h.y[c]);for(c in h.z)h.z.hasOwnProperty(c)&&(m.z+=h.z[c]);d.forEach(function(b){var c,d,e,f,n,o=function(c,d,e){var f,i,n,o,p;null!==c&&void 0!==c&&(o=c.position,c._hasCategories()?c._hasMeasure()?(f=b[c.position+"Field"].join("/"),i=c.showPercent?h[c.position][f]/m[c.position]:h[c.position][f],-1===k.indexOf(f)&&(l[f]=i+(k.length>0?l[k[k.length-1]]:0),k.push(f)),n=b[o+"Bound"]=b["c"+o]="x"!==o&&"y"!==o||!a._isStacked()?i:l[f],b[e]=i,b[o]=n-("x"===o&&i>=0||"y"===o&&0>=i?i:0)):(b[o]=b["c"+o]=b[o+"Field"][0],b[e]=1,void 0!==g[o]&&null!==g[o]&&g[o].length>=2&&(b[o+"Offset"]=g[o].indexOf(b[o+"Field"][1]),b[e]=1/g[o].length)):(i=c.showPercent?b[o+"Value"]/h[d][b[d+"Field"].join("/")]:b[o+"Value"],f=b[d+"Field"].join("/")+(b[o+"Value"]>=0),p=j[o][f]=(null===j[o][f]||void 0===j[o][f]||"z"===o?0:j[o][f])+i,n=b[o+"Bound"]=b["c"+o]="x"!==o&&"y"!==o||!a._isStacked()?i:p,b[e]=i,b[o]=n-("x"===o&&i>=0||"y"===o&&0>=i?i:0)))};o(a.x,"y","width"),o(a.y,"x","height"),o(a.z,"z","r"),null!==a.c&&null!==i.min&&null!==i.max&&(i.min===i.max&&(i.min-=.5,i.max+=.5),i.min=null!==a.c.overrideMin&&void 0!==a.c.overrideMin?a.c.overrideMin:i.min,i.max=null!==a.c.overrideMax&&void 0!==a.c.overrideMax?a.c.overrideMax:i.max,b.cValue=b.cValue>i.max?i.max:b.cValue1?(c=d3.rgb(a.c.colors[Math.floor(f)]),d=d3.rgb(a.c.colors[Math.ceil(f)])):(c=d3.rgb("white"),d=d3.rgb(this.getColor(b.aggField.slice(-1)[0]).fill)),c.r=Math.floor(c.r+(d.r-c.r)*n),c.g=Math.floor(c.g+(d.g-c.g)*n),c.b=Math.floor(c.b+(d.b-c.b)*n),b.fill=c.toString(),b.stroke=c.darker(.5).toString())},this),a._positionData=d},this)},this._handleTransition=function(a,b,c,d){var e=null;return e=0===b?a:a.transition().duration(b).delay(c._getDelay(b,c,d)).ease(c.ease)},this._heightPixels=function(){return dimple._parseYPosition(this.height,this.svg.node())},this._registerEventHandlers=function(a){null!==a._eventHandlers&&a._eventHandlers.length>0&&a._eventHandlers.forEach(function(b){var c=null;null!==b.handler&&"function"==typeof b.handler&&(c=null!==a._markers&&void 0!==a._markers?a._markers:a.shapes,c.on(b.event,function(c){var d=new dimple.eventArgs;null!==a.chart.storyboard&&(d.frameValue=a.chart.storyboard.getFrameValue()),d.seriesValue=c.aggField,d.xValue=c.x,d.yValue=c.y,d.zValue=c.z,d.colorValue=c.cValue,d.seriesShapes=a.shapes,d.selectedShape=d3.select(this),b.handler(d)}))},this)},this._widthPixels=function(){return dimple._parseXPosition(this.width,this.svg.node())},this._xPixels=function(){return dimple._parseXPosition(this.x,this.svg.node())},this._yPixels=function(){return dimple._parseYPosition(this.y,this.svg.node())},this.addAxis=function(a,b,c,d){var e=null,f=null;if(null!==b&&void 0!==b&&(b=[].concat(b)),"string"==typeof a||a instanceof String)e=new dimple.axis(this,a,b,c,d),this.axes.push(e);else{if(f=a,e=new dimple.axis(this,f.position,b,c,d),e._hasMeasure()!==f._hasMeasure())throw"You have specified a composite axis where some but not all axes have a measure - this is not supported, all axes must be of the same type.";if(e._hasTimeField()!==f._hasTimeField())throw"You have specified a composite axis where some but not all axes have a time field - this is not supported, all axes must be of the same type.";if((null===e.categoryFields||void 0===e.categoryFields?0:e.categoryFields.length)!==(null===f.categoryFields||void 0===f.categoryFields?0:f.categoryFields.length))throw"You have specified a composite axis where axes have differing numbers of category fields - this is not supported, all axes must be of the same type.";f._slaves.push(e)}return e},this.addCategoryAxis=function(a,b){return this.addAxis(a,b,null)},this.addColorAxis=function(a,b){var c=this.addAxis("c",null,a);return c.colors=null===b||void 0===b?null:[].concat(b),c},this.addLegend=function(a,b,c,d,e,f){f=null===f||void 0===f?this.series:[].concat(f),e=null===e||void 0===e?"left":e;var g=new dimple.legend(this,a,b,c,d,e,f);return this.legends.push(g),g},this.addLogAxis=function(a,b,c){var d=this.addAxis(a,null,b,null);return null!==c&&void 0!==c&&(d.logBase=c),d.useLog=!0,d},this.addMeasureAxis=function(a,b){return this.addAxis(a,null,b)},this.addPctAxis=function(a,b,c){var d=null;return d=null!==c&&void 0!==c?this.addAxis(a,c,b):this.addMeasureAxis(a,b),d.showPercent=!0,d},this.addSeries=function(a,b,c){(null===c||void 0===c)&&(c=this.axes),(null===b||void 0===b)&&(b=dimple.plot.bubble);var d,e=null,f=null,g=null,h=null;return c.forEach(function(a){null!==a&&b.supportedAxes.indexOf(a.position)>-1&&(null===e&&"x"===a.position[0]?e=a:null===f&&"y"===a.position[0]?f=a:null===g&&"z"===a.position[0]?g=a:null===h&&"c"===a.position[0]&&(h=a))},this),null!==a&&void 0!==a&&(a=[].concat(a)),d=new dimple.series(this,a,e,f,g,h,b,dimple.aggregateMethod.sum,b.stacked),this.series.push(d),d},this.addTimeAxis=function(a,b,c,d){var e=this.addAxis(a,null,null,b);return e.tickFormat=d,e.dateParseFormat=c,e},this.assignColor=function(a,b,c,d){return this._assignedColors[a]=new dimple.color(b,c,d),this._assignedColors[a]},this.defaultColors=[new dimple.color("#80B1D3"),new dimple.color("#FB8072"),new dimple.color("#FDB462"),new dimple.color("#B3DE69"),new dimple.color("#FFED6F"),new dimple.color("#BC80BD"),new dimple.color("#8DD3C7"),new dimple.color("#CCEBC5"),new dimple.color("#FFFFB3"),new dimple.color("#BEBADA"),new dimple.color("#FCCDE5"),new dimple.color("#D9D9D9")],this.draw=function(a,b){a=null===a||void 0===a?0:a;var c,d,e=null,f=null,g=!1,h=!1,i=this._xPixels(),j=this._yPixels(),k=this._widthPixels(),l=this._heightPixels();return(void 0===b||null===b||b===!1)&&this._getSeriesData(),this.axes.forEach(function(a){a._scale=null},this),this.axes.forEach(function(a){if(a._min=0,a._max=0,d=[],a._hasMeasure()){var b=!1;this.series.forEach(function(c){if(c._deepMatch(a)){var d=c._axisBounds(a.position);a._min>d.min&&(a._min=d.min),a._maxb[a.measure]&&(a._min=b[a.measure]),a._maxa._max)&&(a._max=d)},this)},this)):a._hasCategories()&&(a._min=0,c=[],this.series.forEach(function(b){b._deepMatch(a)&&null!==b[a.position].categoryFields[0]&&void 0!==b[a.position].categoryFields[0]&&-1===d.indexOf(b[a.position].categoryFields[0])&&d.push(b[a.position].categoryFields[0])},this),a._getAxisData().forEach(function(a){d.forEach(function(b){-1===c.indexOf(a[b])&&c.push(a[b])},this)},this),a._max=c.length);null!==a._slaves&&void 0!==a._slaves&&a._slaves.length>0&&a._slaves.forEach(function(b){b._min=a._min,b._max=a._max},this),a._update(),null===e&&"x"===a.position?e=a:null===f&&"y"===a.position&&(f=a)},this),this.axes.forEach(function(b){var c=!1,d=null,m=0,n=null,o=!1,p=0,q={l:null,t:null,r:null,b:null},r=0,s=0,t="",u=this,v=function(b){var e;return e=null===d||0===a||c?b:u._handleTransition(b,a,u)},w=function(){b.measure||("x"===b.position?d3.select(this).selectAll("text").attr("x",k/b._max/2):"y"===b.position&&d3.select(this).selectAll("text").attr("y",-1*(l/b._max)/2)),b.categoryFields&&b.categoryFields.length>0&&(b!==e||null!==f.categoryFields&&0!==f.categoryFields.length||d3.select(this).selectAll("text").attr("y",j+l-f._scale(0)+9),b!==f||null!==e.categoryFields&&0!==e.categoryFields.length||d3.select(this).selectAll("text").attr("x",-1*(e._scale(0)-i)-9))};null===b.gridlineShapes?(b.showGridlines||null===b.showGridlines&&!b._hasCategories()&&(!g&&"x"===b.position||!h&&"y"===b.position))&&(b.gridlineShapes=this._group.append("g").attr("class","dimple-gridline"),"x"===b.position?g=!0:h=!0):"x"===b.position?g=!0:h=!0,null===b.shapes&&(b.shapes=this._group.append("g").attr("class","dimple-axis").each(function(){u.noFormats||d3.select(this).style("font-family",b.fontFamily).style("font-size",b._getFontSize())}),c=!0),b===e&&null!==f?(d="translate(0, "+(null===f.categoryFields||0===f.categoryFields.length?f._scale(0):j+l)+")",n="translate(0, "+(b===e?j+l:j)+")",m=-l):b===f&&null!==e?(d="translate("+(null===e.categoryFields||0===e.categoryFields.length?e._scale(0):i)+", 0)",n="translate("+(b===f?i:i+k)+", 0)",m=-k):"x"===b.position?(n=d="translate(0, "+(b===e?j+l:j)+")",m=-l):"y"===b.position&&(n=d="translate("+(b===f?i:i+k)+", 0)",m=-k),null!==d&&null!==b._draw&&(b._hasTimeField()?v(b.shapes).call(b._draw.ticks(b._getTimePeriod(),b.timeInterval).tickFormat(b._getFormat())).attr("transform",d).each(w):b.useLog?v(b.shapes).call(b._draw.ticks(4,b._getFormat())).attr("transform",d).each(w):v(b.shapes).call(b._draw.tickFormat(b._getFormat())).attr("transform",d).each(w),null!==b.gridlineShapes&&v(b.gridlineShapes).call(b._draw.tickSize(m,0,0).tickFormat("")).attr("transform",n)),this.noFormats||(v(b.shapes.selectAll("text")).style("font-family",b.fontFamily).style("font-size",b._getFontSize()),v(b.shapes.selectAll("path, line")).style("fill","none").style("stroke","black").style("shape-rendering","crispEdges"),null!==b.gridlineShapes&&v(b.gridlineShapes.selectAll("line")).style("fill","none").style("stroke","lightgray").style("opacity",.8)),(null===b.measure||void 0===b.measure)&&(b===e?(p=0,b.shapes.selectAll("text").each(function(){var a=this.getComputedTextLength();p=a>p?a:p}),p>k/b.shapes.selectAll("text")[0].length?(o=!0,b.shapes.selectAll("text").style("text-anchor","start").each(function(){var a=this.getBBox();d3.select(this).attr("transform","rotate(90,"+a.x+","+(a.y+a.height/2)+") translate(-5, 0)")})):(o=!1,b.shapes.selectAll("text").style("text-anchor","middle").attr("transform",""))):"x"===b.position&&(p=0,b.shapes.selectAll("text").each(function(){var a=this.getComputedTextLength();p=a>p?a:p}),p>k/b.shapes.selectAll("text")[0].length?(o=!0,b.shapes.selectAll("text").style("text-anchor","end").each(function(){var a=this.getBBox();d3.select(this).attr("transform","rotate(90,"+(a.x+a.width)+","+(a.y+a.height/2)+") translate(5, 0)")})):(o=!1,b.shapes.selectAll("text").style("text-anchor","middle").attr("transform","")))),null!==b.titleShape&&void 0!==b.titleShape&&b.titleShape.remove(),b.shapes.selectAll("text").each(function(){var a=this.getBBox();(null===q.l||-9-a.widthq.r)&&(q.r=a.x+a.width),o?((null===q.t||a.y+a.height-a.widthq.b)&&(q.b=a.height+a.width)):((null===q.t||a.yq.b)&&(q.b=9+a.height))}),"x"===b.position?(s=b===e?j+l+q.b+5:j+q.t-10,r=i+k/2):"y"===b.position&&(r=b===f?i+q.l-10:i+k+q.r+20,s=j+l/2,t="rotate(270, "+r+", "+s+")"),b.hidden||"x"!==b.position&&"y"!==b.position||null===b.title||(b.titleShape=this._group.append("text").attr("class","dimple-axis dimple-title"),b.titleShape.attr("x",r).attr("y",s).attr("text-anchor","middle").attr("transform",t).text(void 0!==b.title?b.title:null===b.categoryFields||void 0===b.categoryFields||0===b.categoryFields.length?b.measure:b.categoryFields.join("/")).each(function(){u.noFormats||d3.select(this).style("font-family",b.fontFamily).style("font-size",b._getFontSize())}),b===e?b.titleShape.each(function(){d3.select(this).attr("y",s+this.getBBox().height/1.65)}):b===f&&b.titleShape.each(function(){d3.select(this).attr("x",r+this.getBBox().height/1.65)}))},this),this.series.forEach(function(b){b.plot.draw(this,b,a),this._registerEventHandlers(b)},this),this.legends.forEach(function(b){b._draw(a)},this),null!==this.storyboard&&void 0!==this.storyboard&&(this.storyboard._drawText(),this.storyboard.autoplay&&this.storyboard.startAnimation()),this},this.getColor=function(a){return(null===this._assignedColors[a]||void 0===this._assignedColors[a])&&(this._assignedColors[a]=this.defaultColors[this._nextColor],this._nextColor=(this._nextColor+1)%this.defaultColors.length),this._assignedColors[a]},this.setBounds=function(a,b,c,d){return this.x=a,this.y=b,this.width=c,this.height=d,this._xPixels=function(){return dimple._parseXPosition(this.x,this.svg.node())},this._yPixels=function(){return dimple._parseYPosition(this.y,this.svg.node())},this._widthPixels=function(){return dimple._parseXPosition(this.width,this.svg.node())},this._heightPixels=function(){return dimple._parseYPosition(this.height,this.svg.node())},this.draw(0,!0),this},this.setMargins=function(a,b,c,d){return this.x=a,this.y=b,this.width=0,this.height=0,this._xPixels=function(){return dimple._parseXPosition(this.x,this.svg.node())},this._yPixels=function(){return dimple._parseYPosition(this.y,this.svg.node())},this._widthPixels=function(){return dimple._parentWidth(this.svg.node())-this._xPixels()-dimple._parseXPosition(c,this.svg.node())},this._heightPixels=function(){return dimple._parentHeight(this.svg.node())-this._yPixels()-dimple._parseYPosition(d,this.svg.node())},this.draw(0,!0),this},this.setStoryboard=function(a,b){return this.storyboard=new dimple.storyboard(this,a),null!==b&&void 0!==b&&(this.storyboard.onTick=b),this.storyboard}},dimple.color=function(a,b,c){this.fill=a,this.stroke=null===b||void 0===b?d3.rgb(a).darker(.5).toString():b,this.opacity=null===c||void 0===c?.8:c},dimple.eventArgs=function(){this.seriesValue=null,this.xValue=null,this.yValue=null,this.zValue=null,this.colorValue=null,this.frameValue=null,this.seriesShapes=null,this.selectedShape=null},dimple.legend=function(a,b,c,d,e,f,g){this.chart=a,this.series=g,this.x=b,this.y=c,this.width=d,this.height=e,this.horizontalAlign=f,this.shapes=null,this.fontSize="10px",this.fontFamily="sans-serif",this._draw=function(a){var b,c=this._getEntries(),d=0,e=0,f=0,g=0,h=15,i=9,j=this;null!==this.shapes&&void 0!==this.shapes&&this.shapes.transition().duration(.2*a).attr("opacity",0).remove(),b=this.chart._group.selectAll(".dimple-dont-select-any").data(c).enter().append("g").attr("class",function(a){return"dimple-legend "+dimple._createClass(a.aggField)}).attr("opacity",0),b.append("text").attr("class",function(a){return"dimple-legend dimple-legend-text "+dimple._createClass(a.aggField)}).text(function(a){return a.key}).call(function(){j.chart.noFormats||this.style("font-family",j.fontFamily).style("font-size",j._getFontSize()).style("shape-rendering","crispEdges")}).each(function(){var a=this.getBBox();a.width>d&&(d=a.width),a.height>e&&(e=a.height)}),b.append("rect").attr("class",function(a){return"dimple-legend dimple-legend-key "+dimple._createClass(a.aggField)}).attr("height",i).attr("width",h),e=(i>e?i:e)+2,d+=h+20,b.each(function(a){f+d>j._widthPixels()&&(f=0,g+=e),g>j._heightPixels()?d3.select(this).remove():(d3.select(this).select("text").attr("x","left"===j.horizontalAlign?j._xPixels()+h+5+f:j._xPixels()+(j._widthPixels()-f-d)+h+5).attr("y",function(){return j._yPixels()+g+this.getBBox().height/1.65}).attr("width",j._widthPixels()).attr("height",j._heightPixels()),d3.select(this).select("rect").attr("class",function(a){return"dimple-legend dimple-legend-key "+dimple._createClass(a.aggField)}).attr("x","left"===j.horizontalAlign?j._xPixels()+f:j._xPixels()+(j._widthPixels()-f-d)).attr("y",j._yPixels()+g).attr("height",i).attr("width",h).style("fill",a.fill).style("stroke",a.stroke).style("opacity",a.opacity).style("shape-rendering","crispEdges"),f+=d)}),b.transition().delay(.2*a).duration(.8*a).attr("opacity",1),this.shapes=b},this._getEntries=function(){var a=[];return this.series&&this.series.forEach(function(b){var c=b._positionData;c.forEach(function(c){var d,e=-1,f=b.plot.grouped&&!b.x._hasCategories()&&!b.y._hasCategories()&&c.aggField.length<2?"All":c.aggField.slice(-1)[0];for(d=0;d10?this.chart._heightPixels()/35:10)+"px"},this._heightPixels=function(){return dimple._parseYPosition(this.height,this.chart.svg.node())},this._widthPixels=function(){return dimple._parseXPosition(this.width,this.chart.svg.node())},this._xPixels=function(){return dimple._parseXPosition(this.x,this.chart.svg.node())},this._yPixels=function(){return dimple._parseYPosition(this.y,this.chart.svg.node())}},dimple.series=function(a,b,c,d,e,f,g,h,i){this.chart=a,this.x=c,this.y=d,this.z=e,this.c=f,this.plot=g,this.categoryFields=b,this.aggregate=h,this.stacked=i,this.barGap=.2,this.clusterBarGap=.1,this.lineWeight=2,this.lineMarkers=!1,this.afterDraw=null,this.interpolation="linear",this.tooltipFontSize="10px",this.tooltipFontFamily="sans-serif",this.radius="auto",this._eventHandlers=[],this._positionData=[],this._orderRules=[],this._axisBounds=function(a){var b,c,d,e={min:0,max:0},f=null,g=null,h=[],i=0,j=this._positionData;return"x"===a?(f=this.x,g=this.y):"y"===a?(f=this.y,g=this.x):"z"===a?f=this.z:"c"===a&&(f=this.c),f.showPercent?j.forEach(function(a){a[f.position+"Bound"]e.max&&(e.max=a[f.position+"Bound"]) -},this):null===g||null===g.categoryFields||0===g.categoryFields.length?j.forEach(function(a){!this._isStacked()||"x"!==f.position&&"y"!==f.position?(a[f.position+"Value"]e.max&&(e.max=a[f.position+"Value"])):a[f.position+"Value"]<0?e.min=e.min+a[f.position+"Value"]:e.max=e.max+a[f.position+"Value"]},this):(b=f.position+"Value",c=g.position+"Field",d=[],j.forEach(function(a){var e=a[c].join("/"),f=d.indexOf(e);-1===f&&(d.push(e),f=d.length-1),void 0===h[f]&&(h[f]={min:0,max:0},f>=i&&(i=f+1)),this.stacked?a[b]<0?h[f].min=h[f].min+a[b]:h[f].max=h[f].max+a[b]:(a[b]h[f].max&&(h[f].max=a[b]))},this),h.forEach(function(a){void 0!==a&&(a.mine.max&&(e.max=a.max))},this)),e},this._deepMatch=function(a){var b=!1;return this[a.position]===a?b=!0:void 0!==a._slaves&&null!==a._slaves&&a._slaves.length>0&&a._slaves.forEach(function(a){b=b||this._deepMatch(a)},this),b},this._dropLineOrigin=function(){var a=0,b=0,c={x:null,y:null},d={x:null,y:null};return this.chart.axes.forEach(function(a){"x"===a.position&&null===d.x?d.x=a._hasTimeField()?this.chart._xPixels():a._origin:"y"===a.position&&null===d.y&&(d.y=a._hasTimeField()?this.chart._yPixels()+this.chart._heightPixels():a._origin)},this),this.chart.axes.forEach(function(e){"x"!==e.position||this.x.hidden?"y"!==e.position||this.y.hidden||(this._deepMatch(e)&&(0===b?c.x=d.x:1===b&&(c.x=this.chart._xPixels()+this.chart._widthPixels())),b+=1):(this._deepMatch(e)&&(0===a?c.y=d.y:1===a&&(c.y=this.chart._yPixels())),a+=1)},this),c},this._getTooltipFontSize=function(){var a;return a=this.tooltipFontSize&&"auto"!==this.tooltipFontSize.toString().toLowerCase()?isNaN(this.tooltipFontSize)?this.tooltipFontSize:this.tooltipFontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._isStacked=function(){return this.stacked&&(this.x._hasCategories()||this.y._hasCategories())},this.addEventHandler=function(a,b){this._eventHandlers.push({event:a,handler:b})},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})},this.getTooltipText=function(a){var b=[];return null!==this.categoryFields&&void 0!==this.categoryFields&&this.categoryFields.length>0&&this.categoryFields.forEach(function(c,d){null!==c&&void 0!==c&&null!==a.aggField[d]&&void 0!==a.aggField[d]&&b.push(c+(a.aggField[d]!==c?": "+a.aggField[d]:""))},this),this.x&&this.x._getTooltipText(b,a),this.y&&this.y._getTooltipText(b,a),this.z&&this.z._getTooltipText(b,a),this.c&&this.c._getTooltipText(b,a),b.filter(function(a,c){return b.indexOf(a)===c})}},dimple.storyboard=function(a,b){null!==b&&void 0!==b&&(b=[].concat(b)),this.chart=a,this.categoryFields=b,this.autoplay=!0,this.frameDuration=3e3,this.storyLabel=null,this.onTick=null,this.fontSize="10px",this.fontFamily="sans-serif",this._frame=0,this._animationTimer=null,this._categories=[],this._cachedCategoryFields=[],this._orderRules=[],this._drawText=function(a){if(null===this.storyLabel||void 0===this.storyLabel){var b=this.chart,c=this,d=0;this.chart.axes.forEach(function(a){"x"===a.position&&(d+=1)},this),this.storyLabel=this.chart._group.append("text").attr("x",this.chart._xPixels()+.01*this.chart._widthPixels()).attr("y",this.chart._yPixels()+(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)*(d>1?1.25:-1)).call(function(){b.noFormats||this.style("font-family",c.fontFamily).style("font-size",c._getFontSize())})}this.storyLabel.transition().duration(.2*a).ease(this.chart.ease).attr("opacity",0),this.storyLabel.transition().delay(.2*a).ease(this.chart.ease).attr("class","dimple-storyboard-label").text(this.categoryFields.join("\\")+": "+this.getFrameValue()).transition().duration(.8*a).attr("opacity",1)},this._getCategories=function(){return this._categoryFields!==this._cachedCategoryFields&&(this._categories=[],this.chart._getAllData().forEach(function(a){var b=-1,c="";null!==this.categoryFields&&(this.categoryFields.forEach(function(b,d){d>0&&(c+="/"),c+=a[b]},this),b=this._categories.indexOf(c),-1===b&&(this._categories.push(c),b=this._categories.length-1))},this),this._cachedCategoryFields=this._categoryFields),this._categories},this._getFontSize=function(){var a;return a=this.fontSize&&"auto"!==this.fontSize.toString().toLowerCase()?isNaN(this.fontSize)?this.fontSize:this.fontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._goToFrameIndex=function(a){this._frame=a%this._getCategories().length,this.chart.draw(this.frameDuration/2)},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})},this.getFrameValue=function(){var a=null;return this._frame>=0&&this._getCategories().length>this._frame&&(a=this._getCategories()[this._frame]),a},this.goToFrame=function(a){if(this._getCategories().length>0){var b=this._getCategories().indexOf(a);this._goToFrameIndex(b)}},this.pauseAnimation=function(){null!==this._animationTimer&&(window.clearInterval(this._animationTimer),this._animationTimer=null)},this.startAnimation=function(){null===this._animationTimer&&(null!==this.onTick&&this.onTick(this.getFrameValue()),this._animationTimer=window.setInterval(function(a){return function(){a._goToFrameIndex(a._frame+1),null!==a.onTick&&a.onTick(a.getFrameValue()),a._drawText(a.frameDuration/2)}}(this),this.frameDuration))},this.stopAnimation=function(){null!==this._animationTimer&&(window.clearInterval(this._animationTimer),this._animationTimer=null,this._frame=0)}},dimple.aggregateMethod.avg=function(a,b){return a.value=null===a.value||void 0===a.value?0:parseFloat(a.value),a.count=null===a.count||void 0===a.count?1:parseFloat(a.count),b.value=null===b.value||void 0===b.value?0:parseFloat(b.value),b.count=null===b.count||void 0===b.count?1:parseFloat(b.count),(a.value*a.count+b.value*b.count)/(a.count+b.count)},dimple.aggregateMethod.count=function(a,b){return a.count=null===a.count||void 0===a.count?0:parseFloat(a.count),b.count=null===b.count||void 0===b.count?0:parseFloat(b.count),a.count+b.count},dimple.aggregateMethod.max=function(a,b){return a.value=null===a.value||void 0===a.value?0:parseFloat(a.value),b.value=null===b.value||void 0===b.value?0:parseFloat(b.value),a.value>b.value?a.value:b.value},dimple.aggregateMethod.min=function(a,b){return null===a.value?parseFloat(b.value):parseFloat(a.value)c&&g>e&&(h=a[d],g=e));return b.push(h),g};for(d="step"===b.interpolation?"step-after":b.interpolation,m=dimple._getSeriesOrder(b.data||a.data,b),b.c&&(b.x._hasCategories()&&b.y._hasMeasure()||b.y._hasCategories()&&b.x._hasMeasure())&&(E=!0),b.x._hasCategories()?(x="x",y="y"):b.y._hasCategories()&&(x="y",y="x"),e=0;e=2?z[e][x+"Field"][0]:"All"})),A[j].data.push(z[e])}for(m&&A.sort(function(a,b){return dimple._arrayIndexCompare(m,a.key,b.key)}),e=0;e1&&x&&(b.x._hasCategories()?(n.push({x:2*n[n.length-1].x-n[n.length-2].x,y:n[n.length-1].y}),F[A[e].group][n[n.length-1][x]]=b[y]._origin):b.y._hasCategories()&&(n=[{x:n[0].x,y:2*n[0].y-n[1].y}].concat(n),F[A[e].group][n[0][x]]=b[y]._origin,A[e].points=n))}for(q in F)if(F.hasOwnProperty(q)){G[q]=[];for(r in F[q])F[q].hasOwnProperty(r)&&G[q].push(parseFloat(r));G[q].sort(N)}for(e=0;e0)for(f=0,g=0;f=n[0][x]&&G[s][f]<=n[n.length-1][x]&&(p={},p[x]=G[s][f],p[y]=F[s][G[s][f]],o.push(p),n[g][x]>G[s][f]?H.push(p):(H.push(n[g]),F[A[e].group][G[s][f]]=n[g][y],g+=1));else if(b._orderRules&&b._orderRules.length>0)H=n.concat(n[0]);else{n=n.sort(O),H.push(n[0]),w=0;do w=P(n,H,w);while(H.length<=n.length&&(H[0].x!==H[H.length-1].x||H[0].y!==H[H.length-1].y))}o=o.reverse(),t=M(d,"_previousOrigin")(H),u=M("step-after"===d?"step-before":"step-before"===d?"step-after":d,"_previousOrigin")(o),v=M("linear","_previousOrigin")(H),A[e].entry=t+(u&&u.length>0?"L"+u.substring(1):"")+(v&&v.length>0?"L"+v.substring(1,v.indexOf("L")):0),t=M(d)(H),u=M("step-after"===d?"step-before":"step-before"===d?"step-after":d)(o),v=M("linear")(H),A[e].update=t+(u&&u.length>0?"L"+u.substring(1):"")+(v&&v.length>0?"L"+v.substring(1,v.indexOf("L")):0),t=M(d,"_origin")(H),u=M("step-after"===d?"step-before":"step-before"===d?"step-after":d,"_origin")(o),v=M("linear","_origin")(H),A[e].exit=t+(u&&u.length>0?"L"+u.substring(1):"")+(v&&v.length>0?"L"+v.substring(1,v.indexOf("L")):0),A[e].color=a.getColor(A[e].key.length>0?A[e].key[A[e].key.length-1]:"All")}null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),B=null===b.shapes||void 0===b.shapes?a._group.selectAll("."+C).data(A):b.shapes.data(A,function(a){return a.key}),B.enter().append("path").attr("id",function(a){return a.key}).attr("class",function(a){return C+" dimple-line "+a.keyString}).attr("d",function(a){return a.entry}).call(function(){a.noFormats||this.attr("opacity",function(a){return E?1:a.color.opacity}).attr("fill",function(a){return E?"url(#fill-area-gradient-"+a.keyString+")":a.color.fill}).attr("stroke",function(a){return E?"url(#stroke-area-gradient-"+a.keyString+")":a.color.stroke}).attr("stroke-width",b.lineWeight)}).each(function(a){a.markerData=a.data,K(a)}),k=a._handleTransition(B,c,a).attr("d",function(a){return a.update}).each(function(a){a.markerData=a.data,K(a)}),l=a._handleTransition(B.exit(),c,a).attr("d",function(a){return a.exit}).each(function(a){a.markerData=[],K(a)}),dimple._postDrawHandling(b,k,l,c),b.shapes=B}},dimple.plot.bar={stacked:!0,grouped:!1,supportedAxes:["x","y","c"],draw:function(a,b,c){var d,e,f=b._positionData,g=null,h=["dimple-series-"+a.series.indexOf(b),"dimple-bar"],i=!b._isStacked()&&b.x._hasMeasure(),j=!b._isStacked()&&b.y._hasMeasure(),k="none";b.x._hasCategories()&&b.y._hasCategories()?k="both":b.x._hasCategories()?k="x":b.y._hasCategories()&&(k="y"),null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),g=null===b.shapes||void 0===b.shapes?a._group.selectAll("."+h.join(".")).data(f):b.shapes.data(f,function(a){return a.key}),g.enter().append("rect").attr("id",function(a){return a.key}).attr("class",function(a){var b=[];return b=b.concat(a.aggField),b=b.concat(a.xField),b=b.concat(a.yField),h.join(" ")+" "+dimple._createClass(b)}).attr("x",function(c){var d=b.x._previousOrigin;return"x"===k?d=dimple._helpers.x(c,a,b):"both"===k&&(d=dimple._helpers.cx(c,a,b)),d}).attr("y",function(c){var d=b.y._previousOrigin;return"y"===k?d=dimple._helpers.y(c,a,b):"both"===k&&(d=dimple._helpers.cy(c,a,b)),d}).attr("width",function(c){return"x"===k?dimple._helpers.width(c,a,b):0}).attr("height",function(c){return"y"===k?dimple._helpers.height(c,a,b):0}).attr("opacity",function(c){return dimple._helpers.opacity(c,a,b)}).on("mouseover",function(c){dimple._showBarTooltip(c,this,a,b)}).on("mouseleave",function(c){dimple._removeTooltip(c,this,a,b)}).call(function(){a.noFormats||this.attr("fill",function(c){return dimple._helpers.fill(c,a,b)}).attr("stroke",function(c){return dimple._helpers.stroke(c,a,b)})}),d=a._handleTransition(g,c,a,b).attr("x",function(c){return i?dimple._helpers.cx(c,a,b)-b.x.floatingBarWidth/2:dimple._helpers.x(c,a,b)}).attr("y",function(c){return j?dimple._helpers.cy(c,a,b)-b.y.floatingBarWidth/2:dimple._helpers.y(c,a,b)}).attr("width",function(c){return i?b.x.floatingBarWidth:dimple._helpers.width(c,a,b)}).attr("height",function(c){return j?b.y.floatingBarWidth:dimple._helpers.height(c,a,b)}).call(function(){a.noFormats||this.attr("fill",function(c){return dimple._helpers.fill(c,a,b)}).attr("stroke",function(c){return dimple._helpers.stroke(c,a,b)})}),e=a._handleTransition(g.exit(),c,a,b).attr("x",function(c){var d=b.x._origin;return"x"===k?d=dimple._helpers.x(c,a,b):"both"===k&&(d=dimple._helpers.cx(c,a,b)),d}).attr("y",function(c){var d=b.y._origin;return"y"===k?d=dimple._helpers.y(c,a,b):"both"===k&&(d=dimple._helpers.cy(c,a,b)),d}).attr("width",function(c){return"x"===k?dimple._helpers.width(c,a,b):0}).attr("height",function(c){return"y"===k?dimple._helpers.height(c,a,b):0}),dimple._postDrawHandling(b,d,e,c),b.shapes=g}},dimple.plot.bubble={stacked:!1,grouped:!1,supportedAxes:["x","y","z","c"],draw:function(a,b,c){var d,e,f=b._positionData,g=null,h=["dimple-series-"+a.series.indexOf(b),"dimple-bubble"];null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),g=null===b.shapes||void 0===b.shapes?a._group.selectAll("."+h.join(".")).data(f):b.shapes.data(f,function(a){return a.key}),g.enter().append("circle").attr("id",function(a){return a.key}).attr("class",function(a){var b=[];return b=b.concat(a.aggField),b=b.concat(a.xField),b=b.concat(a.yField),b=b.concat(a.zField),h.join(" ")+" "+dimple._createClass(b)}).attr("cx",function(c){return b.x._hasCategories()?dimple._helpers.cx(c,a,b):b.x._previousOrigin}).attr("cy",function(c){return b.y._hasCategories()?dimple._helpers.cy(c,a,b):b.y._previousOrigin}).attr("r",0).attr("opacity",function(c){return dimple._helpers.opacity(c,a,b)}).on("mouseover",function(c){dimple._showPointTooltip(c,this,a,b)}).on("mouseleave",function(c){dimple._removeTooltip(c,this,a,b)}).call(function(){a.noFormats||this.attr("fill",function(c){return dimple._helpers.fill(c,a,b)}).attr("stroke",function(c){return dimple._helpers.stroke(c,a,b)})}),d=a._handleTransition(g,c,a,b).attr("cx",function(c){return dimple._helpers.cx(c,a,b)}).attr("cy",function(c){return dimple._helpers.cy(c,a,b)}).attr("r",function(c){return dimple._helpers.r(c,a,b)}).call(function(){a.noFormats||this.attr("fill",function(c){return dimple._helpers.fill(c,a,b)}).attr("stroke",function(c){return dimple._helpers.stroke(c,a,b)})}),e=a._handleTransition(g.exit(),c,a,b).attr("r",0).attr("cx",function(c){return b.x._hasCategories()?dimple._helpers.cx(c,a,b):b.x._origin}).attr("cy",function(c){return b.y._hasCategories()?dimple._helpers.cy(c,a,b):b.y._origin}),dimple._postDrawHandling(b,d,e,c),b.shapes=g}},dimple.plot.line={stacked:!1,grouped:!0,supportedAxes:["x","y","c"],draw:function(a,b,c){var d,e,f,g,h,i,j,k,l,m,n=b._positionData,o=[],p=null,q="dimple-series-"+a.series.indexOf(b),r=b.x._hasCategories()||b.y._hasCategories()?0:1,s=!1,t=function(){return function(a,b,c,d){d3.select(b).style("opacity",1),dimple._showPointTooltip(a,b,c,d)}},u=function(a){return function(b,c,d,e){d3.select(c).style("opacity",e.lineMarkers||a.data.length<2?dimple._helpers.opacity(b,d,e):0),dimple._removeTooltip(b,c,d,e)}},v=function(d){dimple._drawMarkers(d,a,b,c,q,s,t(d),u(d))},w=function(c,d){var e;return"step"===b.interpolation&&b[c]._hasCategories()?(b.barGap=0,b.clusterBarGap=0,e=dimple._helpers[c](d,a,b)+("y"===c?dimple._helpers.height(d,a,b):0)):e=dimple._helpers["c"+c](d,a,b),parseFloat(e.toFixed(1))},x=function(a,c){return d3.svg.line().x(function(a){return b.x._hasCategories()||!c?a.x:b.x[c]}).y(function(a){return b.y._hasCategories()||!c?a.y:b.y[c]}).interpolate(a)};for(d="step"===b.interpolation?"step-after":b.interpolation,m=dimple._getSeriesOrder(b.data||a.data,b),b.c&&(b.x._hasCategories()&&b.y._hasMeasure()||b.y._hasCategories()&&b.x._hasMeasure())&&(s=!0),e=0;e1&&(b.x._hasCategories()?o[e].points.push({x:2*o[e].points[o[e].points.length-1].x-o[e].points[o[e].points.length-2].x,y:o[e].points[o[e].points.length-1].y}):b.y._hasCategories()&&(o[e].points=[{x:o[e].points[0].x,y:2*o[e].points[0].y-o[e].points[1].y}].concat(o[e].points))),o[e].entry=x(d,"_previousOrigin")(o[e].points),o[e].update=x(d)(o[e].points),o[e].exit=x(d,"_origin")(o[e].points),o[e].color=a.getColor(o[e].key.length>0?o[e].key[o[e].key.length-1]:"All")}null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),p=null===b.shapes||void 0===b.shapes?a._group.selectAll("."+q).data(o):b.shapes.data(o,function(a){return a.key}),p.enter().append("path").attr("id",function(a){return a.key}).attr("class",function(a){return q+" dimple-line "+a.keyString}).attr("d",function(a){return a.entry}).call(function(){a.noFormats||this.attr("opacity",function(a){return s?1:a.color.opacity}).attr("fill","none").attr("stroke",function(a){return s?"url(#fill-line-gradient-"+a.keyString+")":a.color.stroke}).attr("stroke-width",b.lineWeight)}).each(function(a){a.markerData=a.data,v(a)}),k=a._handleTransition(p,c,a).attr("d",function(a){return a.update}).each(function(a){a.markerData=a.data,v(a)}),l=a._handleTransition(p.exit(),c,a).attr("d",function(a){return a.exit}).each(function(a){a.markerData=[],v(a)}),dimple._postDrawHandling(b,k,l,c),b.shapes=p}},dimple._addGradient=function(a,b,c,d,e,f,g){var h=[].concat(a),i=e._group.select("#"+b),j=[],k=c.position+"Field",l=!0,m=[];d.forEach(function(a){-1===j.indexOf(a[k])&&a.aggField.join("_")===h.join("_")&&j.push(a[k])},this),j=j.sort(function(a,b){return c._scale(a)-c._scale(b)}),null===i.node()&&(l=!1,i=e._group.append("linearGradient").attr("id",b).attr("gradientUnits","userSpaceOnUse").attr("x1","x"===c.position?c._scale(j[0])+e._widthPixels()/j.length/2:0).attr("y1","y"===c.position?c._scale(j[0])-e._heightPixels()/j.length/2:0).attr("x2","x"===c.position?c._scale(j[j.length-1])+e._widthPixels()/j.length/2:0).attr("y2","y"===c.position?c._scale(j[j.length-1])-e._heightPixels()/j.length/2:0)),j.forEach(function(a,b){var c={},e=0;for(e=0;e=65&&90>=b&&(c=a.toLowerCase()),c};if(a.length>0)for(b=0;b=1&&(i.forEach(function(a){var b=null===a.desc||void 0===a.desc?!1:a.desc,c=a.ordering,d=[],f="string"==typeof c?c:null,h=function(a){var b,c=0;for(b=0;bb[0]&&(c=1):c=Date.parse(a[0])-Date.parse(b[0]):c=parseFloat(d)-parseFloat(e),c};"function"==typeof c?e.push(function(a,d){return(b?-1:1)*c(a,d)}):c instanceof Array?(c.forEach(function(a){d.push([].concat(a).join("|"))},this),e.push(function(a,c){var e,f,h,i="",j="";for(h=0;h0&&(i+="|",j+="|"),i+=a[g[h]],j+=c[g[h]];return e=d.indexOf(i),f=d.indexOf(j),e=0>e?b?-1:d.length:e,f=0>f?b?-1:d.length:f,(b?-1:1)*(e-f)})):e.push(function(a,c){var d=0;return void 0!==a[f]&&void 0!==c[f]&&(d=i([].concat(a[f]),[].concat(c[f]))),(b?-1:1)*d})}),d.sort(function(a,b){for(var c=0,d=0;c0&&(null!==b.c&&void 0!==b.c&&b.c._hasMeasure()&&c.push({ordering:b.c.measure,desc:!0}),b.x._hasMeasure()&&c.push({ordering:b.x.measure,desc:!0}),b.y._hasMeasure()&&c.push({ordering:b.y.measure,desc:!0}),e=dimple._getOrderedList(a,d,c)),e},dimple._getSeriesSortPredicate=function(a,b,c){return function(d,e){var f=0;return b.x._hasCategories()&&(f=dimple._helpers.cx(d,a,b)-dimple._helpers.cx(e,a,b)),0===f&&b.y._hasCategories()&&(f=dimple._helpers.cy(d,a,b)-dimple._helpers.cy(e,a,b)),0===f&&c&&(f=dimple._arrayIndexCompare(c,d.aggField,e.aggField)),f}},dimple._helpers={cx:function(a,b,c){var d=0;return d=null!==c.x.measure&&void 0!==c.x.measure?c.x._scale(a.cx):c.x._hasCategories()&&c.x.categoryFields.length>=2?c.x._scale(a.cx)+dimple._helpers.xGap(b,c)+(a.xOffset+.5)*(b._widthPixels()/c.x._max-2*dimple._helpers.xGap(b,c))*a.width:c.x._scale(a.cx)+b._widthPixels()/c.x._max/2},cy:function(a,b,c){var d=0;return d=null!==c.y.measure&&void 0!==c.y.measure?c.y._scale(a.cy):null!==c.y.categoryFields&&void 0!==c.y.categoryFields&&c.y.categoryFields.length>=2?c.y._scale(a.cy)-b._heightPixels()/c.y._max+dimple._helpers.yGap(b,c)+(a.yOffset+.5)*(b._heightPixels()/c.y._max-2*dimple._helpers.yGap(b,c))*a.height:c.y._scale(a.cy)-b._heightPixels()/c.y._max/2},r:function(a,b,c){var d=0,e=1;return null===c.z||void 0===c.z?d=c.radius&&"auto"!==c.radius?c.radius:5:(c.radius&&"auto"!==c.radius&&c.radius>1&&(e=c.radius/c.z._scale(c.z._max)),d=c.z._hasMeasure()?c.z._scale(a.r)*e:c.z._scale(b._heightPixels()/100)*e),d},xGap:function(a,b){var c=0;return(null===b.x.measure||void 0===b.x.measure)&&b.barGap>0&&(c=a._widthPixels()/b.x._max*(b.barGap>.99?.99:b.barGap)/2),c},xClusterGap:function(a,b,c){var d=0;return null!==c.x.categoryFields&&void 0!==c.x.categoryFields&&c.x.categoryFields.length>=2&&c.clusterBarGap>0&&!c.x._hasMeasure()&&(d=a.width*(b._widthPixels()/c.x._max-2*dimple._helpers.xGap(b,c))*(c.clusterBarGap>.99?.99:c.clusterBarGap)/2),d},yGap:function(a,b){var c=0;return(null===b.y.measure||void 0===b.y.measure)&&b.barGap>0&&(c=a._heightPixels()/b.y._max*(b.barGap>.99?.99:b.barGap)/2),c},yClusterGap:function(a,b,c){var d=0;return null!==c.y.categoryFields&&void 0!==c.y.categoryFields&&c.y.categoryFields.length>=2&&c.clusterBarGap>0&&!c.y._hasMeasure()&&(d=a.height*(b._heightPixels()/c.y._max-2*dimple._helpers.yGap(b,c))*(c.clusterBarGap>.99?.99:c.clusterBarGap)/2),d},x:function(a,b,c){var d=0;return d=c.x._hasTimeField()?c.x._scale(a.x)-dimple._helpers.width(a,b,c)/2:null!==c.x.measure&&void 0!==c.x.measure?c.x._scale(a.x):c.x._scale(a.x)+dimple._helpers.xGap(b,c)+a.xOffset*(dimple._helpers.width(a,b,c)+2*dimple._helpers.xClusterGap(a,b,c))+dimple._helpers.xClusterGap(a,b,c)},y:function(a,b,c){var d=0;return d=c.y._hasTimeField()?c.y._scale(a.y)-dimple._helpers.height(a,b,c)/2:null!==c.y.measure&&void 0!==c.y.measure?c.y._scale(a.y):c.y._scale(a.y)-b._heightPixels()/c.y._max+dimple._helpers.yGap(b,c)+a.yOffset*(dimple._helpers.height(a,b,c)+2*dimple._helpers.yClusterGap(a,b,c))+dimple._helpers.yClusterGap(a,b,c)},width:function(a,b,c){var d=0;return d=null!==c.x.measure&&void 0!==c.x.measure?Math.abs(c.x._scale(a.x<0?a.x-a.width:a.x+a.width)-c.x._scale(a.x)):c.x._hasTimeField()?c.x.floatingBarWidth:a.width*(b._widthPixels()/c.x._max-2*dimple._helpers.xGap(b,c))-2*dimple._helpers.xClusterGap(a,b,c)},height:function(a,b,c){var d=0;return d=c.y._hasTimeField()?c.y.floatingBarWidth:null!==c.y.measure&&void 0!==c.y.measure?Math.abs(c.y._scale(a.y)-c.y._scale(a.y<=0?a.y+a.height:a.y-a.height)):a.height*(b._heightPixels()/c.y._max-2*dimple._helpers.yGap(b,c))-2*dimple._helpers.yClusterGap(a,b,c)},opacity:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.opacity:b.getColor(a.aggField.slice(-1)[0]).opacity},fill:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.fill:b.getColor(a.aggField.slice(-1)[0]).fill},stroke:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.stroke:b.getColor(a.aggField.slice(-1)[0]).stroke}},dimple._parentHeight=function(a){var b=a.offsetHeight;return(0>=b||null===b||void 0===b)&&(b=a.clientHeight),(0>=b||null===b||void 0===b)&&(b=null===a.parentNode||void 0===a.parentNode?0:dimple._parentHeight(a.parentNode)),b},dimple._parentWidth=function(a){var b=a.offsetWidth;return(0>=b||null===b||void 0===b)&&(b=a.clientWidth),(0>=b||null===b||void 0===b)&&(b=null===a.parentNode||void 0===a.parentNode?0:dimple._parentWidth(a.parentNode)),b},dimple._parseXPosition=function(a,b){var c,d=0;return null!==a&&void 0!==a&&(c=a.toString().split(","),c.forEach(function(c){void 0!==c&&null!==c&&(isNaN(c)?"%"===c.slice(-1)?d+=dimple._parentWidth(b)*(parseFloat(c.slice(0,c.length-1))/100):"px"===c.slice(-2)?d+=parseFloat(c.slice(0,c.length-2)):d=a:d+=parseFloat(c))},this)),0>d&&(d=dimple._parentWidth(b)+d),d},dimple._parseYPosition=function(a,b){var c,d=0;return null!==a&&void 0!==a&&(c=a.toString().split(","),c.forEach(function(c){void 0!==c&&null!==c&&(isNaN(c)?"%"===c.slice(-1)?d+=dimple._parentHeight(b)*(parseFloat(c.slice(0,c.length-1))/100):"px"===c.slice(-2)?d+=parseFloat(c.slice(0,c.length-2)):d=a:d+=parseFloat(c))},this)),0>d&&(d=dimple._parentHeight(b)+d),d},dimple._postDrawHandling=function(a,b,c,d){0===d?(b.each(function(b,c){null!==a.afterDraw&&void 0!==a.afterDraw&&a.afterDraw(this,b,c)}),c.remove()):(b.each("end",function(b,c){null!==a.afterDraw&&void 0!==a.afterDraw&&a.afterDraw(this,b,c)}),c.each("end",function(){d3.select(this).remove()}))},dimple._removeTooltip=function(a,b,c){c._tooltipGroup&&c._tooltipGroup.remove()},dimple._rollUp=function(a,b,c){var d=[];return b=null!==b&&void 0!==b?[].concat(b):[],a.forEach(function(a){var e=-1,f={},g=!0;d.forEach(function(c,d){-1===e&&(g=!0,b.forEach(function(b){g=g&&a[b]===c[b]},this),g&&(e=d))},this),-1!==e?f=d[e]:(b.forEach(function(b){f[b]=a[b]},this),d.push(f),e=d.length-1),c.forEach(function(c){-1===b.indexOf(c)&&(void 0===f[c]&&(f[c]=[]),f[c]=f[c].concat(a[c])) -},this),d[e]=f},this),d},dimple._showBarTooltip=function(a,b,c,d){var e,f,g,h,i,j=5,k=10,l=750,m=d3.select(b),n=parseFloat(m.attr("x")),o=parseFloat(m.attr("y")),p=parseFloat(m.attr("width")),q=parseFloat(m.attr("height")),r=m.attr("opacity"),s=m.attr("fill"),t=d._dropLineOrigin(),u=d3.rgb(d3.rgb(s).r+.6*(255-d3.rgb(s).r),d3.rgb(s).g+.6*(255-d3.rgb(s).g),d3.rgb(s).b+.6*(255-d3.rgb(s).b)),v=d3.rgb(d3.rgb(s).r+.8*(255-d3.rgb(s).r),d3.rgb(s).g+.8*(255-d3.rgb(s).g),d3.rgb(s).b+.8*(255-d3.rgb(s).b)),w=d.getTooltipText(a),x=0,y=0,z=0;null!==c._tooltipGroup&&void 0!==c._tooltipGroup&&c._tooltipGroup.remove(),c._tooltipGroup=c.svg.append("g"),i=d._isStacked()?1:p/2,d.x._hasCategories()||null===t.y||c._tooltipGroup.append("line").attr("x1",ny?this.getBBox().width:y,z=this.getBBox().width>z?this.getBBox().height:z}),e.selectAll("text").attr("x",0).attr("y",function(){return x+=this.getBBox().height,x-this.getBBox().height/2}),f.attr("x",-j).attr("y",-j).attr("height",Math.floor(x+j)-.5).attr("width",y+2*j).attr("rx",5).attr("ry",5).style("fill",v).style("stroke",u).style("stroke-width",2).style("opacity",.95),n+p+j+k+y0?(g=n-(j+k+y),h=o+q/2-(x-(z-j))/2):o+q+x+k+j0?g:k,g=g+y0?g:k,g=g+yv?this.getBBox().width:v,w=this.getBBox().width>w?this.getBBox().height:w}),e.selectAll("text").attr("x",0).attr("y",function(){return u+=this.getBBox().height,u-this.getBBox().height/2}),f.attr("x",-i).attr("y",-i).attr("height",Math.floor(u+i)-.5).attr("width",v+2*i).attr("rx",5).attr("ry",5).style("fill",t).style("stroke",s).style("stroke-width",2).style("opacity",.95),m+o+i+j+v0?(g=m-o-(i+j+v),h=n-(u-(w-i))/2):n+o+u+j+i0?g:j,g=g+v0?g:j,g=g+v-1&&d.push(a)},this)),d},dimple.getUniqueValues=function(a,b){var c=[];return null!==b&&void 0!==b&&(b=[].concat(b),a.forEach(function(a){var d="";b.forEach(function(b,c){c>0&&(d+="/"),d+=a[b]},this),-1===c.indexOf(d)&&c.push(d)},this)),c},dimple.newSvg=function(a,b,c){var d=null;if((null===a||void 0===a)&&(a="body"),d=d3.select(a),d.empty())throw"The '"+a+"' selector did not match any elements. Please prefix with '#' to select by id or '.' to select by class";return d.append("svg").attr("width",b).attr("height",c)}}(); \ No newline at end of file diff --git a/dist/dimple.v2.0.2.js b/dist/dimple.v2.0.2.js deleted file mode 100644 index ae336c59..00000000 --- a/dist/dimple.v2.0.2.js +++ /dev/null @@ -1,5272 +0,0 @@ -// Copyright: 2014 PMSI-AlignAlytics -// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" -// Source: /src/objects/begin.js - -// Wrap all application code in a self-executing function which handles optional AMD/CommonJS publishing -(function (context, dimple) { - "use strict"; - - if (typeof exports === "object") { - // CommonJS - module.exports = dimple(require('d3')); - } else { - if (typeof define === "function" && define.amd) { - // RequireJS | AMD - define(["d3"], function (d3) { - // publish dimple to the global namespace for backwards compatibility - // and define it as an AMD module - context.dimple = dimple(d3); - return context.dimple; - }); - } else { - // No AMD, expect d3 to exist in the current context and publish - // dimple to the global namespace - if (!context.d3) { - if (console && console.warn) { - console.warn("dimple requires d3 to run. Are you missing a reference to the d3 library?"); - } else { - throw "dimple requires d3 to run. Are you missing a reference to the d3 library?"; - } - } else { - context.dimple = dimple(context.d3); - } - } - } - -}(this, function (d3) { - "use strict"; - - // Create the stub object - var dimple = { - version: "2.0.1", - plot: {}, - aggregateMethod: {} - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis - dimple.axis = function (chart, position, categoryFields, measure, timeField) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-position - this.position = position; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-categoryFields - this.categoryFields = (timeField === null || timeField === undefined ? categoryFields : [].concat(timeField)); - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-measure - this.measure = measure; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timeField - this.timeField = timeField; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-floatingBarWidth - this.floatingBarWidth = 5; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-hidden - this.hidden = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-showPercent - this.showPercent = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-colors - this.colors = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-overrideMin - this.overrideMin = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-overrideMax - this.overrideMax = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-showGridlines - this.showGridlines = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-gridlineShapes - this.gridlineShapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-titleShape - this.titleShape = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-dateParseFormat - this.dateParseFormat = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-tickFormat - this.tickFormat = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timePeriod - this.timePeriod = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-timeInterval - this.timeInterval = 1; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-useLog - this.useLog = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-logBase - this.logBase = 10; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-title - this.title = undefined; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-clamp - this.clamp = true; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-ticks - this.ticks = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // If this is a composite axis, store links to all slaves - this._slaves = []; - // The scale determined by the update method - this._scale = null; - // The minimum and maximum axis values - this._min = 0; - this._max = 0; - // Chart origin before and after an update. This helps - // with transitions - this._previousOrigin = null; - this._origin = null; - // The order definition array - this._orderRules = []; - // The group order definition array - this._groupOrderRules = []; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_draw.js - this._draw = null; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getAxisData.js - // Get all the datasets which may affect this axis - this._getAxisData = function () { - var i, - series, - returnData = [], - addChartData = false; - if (this.chart && this.chart.series) { - for (i = 0; i < this.chart.series.length; i += 1) { - series = this.chart.series[i]; - // If the series is related to this axis - if (series[this.position] === this) { - // If the series has its own data set add it to the return array - if (series.data && series.data.length > 0) { - returnData = returnData.concat(series.data); - } else { - addChartData = true; - } - } - } - if (addChartData && this.chart.data) { - returnData = returnData.concat(this.chart.data); - } - } - return returnData; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getFormat.js - this._getFormat = function () { - var returnFormat, - max, - min, - len, - chunks, - suffix, - dp; - if (this.tickFormat !== null && this.tickFormat !== undefined) { - if (this._hasTimeField()) { - returnFormat = d3.time.format(this.tickFormat); - } else { - returnFormat = d3.format(this.tickFormat); - } - } else if (this.showPercent) { - returnFormat = d3.format("%"); - } else if (this.useLog && this.measure !== null) { - // With linear axes the range is used to apply uniform - // formatting but with a log axis it is based on each number - // independently - returnFormat = function (n) { - var l = Math.floor(Math.abs(n), 0).toString().length, - c = Math.min(Math.floor((l - 1) / 3), 4), - s = "kmBT".substring(c - 1, c), - d = (Math.round((n / Math.pow(1000, c)) * 10).toString().slice(-1) === "0" ? 0 : 1); - return (n === 0 ? 0 : d3.format(",." + d + "f")(n / Math.pow(1000, c)) + s); - }; - } else if (this.measure !== null) { - max = Math.floor(Math.abs(this._max), 0).toString(); - min = Math.floor(Math.abs(this._min), 0).toString(); - len = Math.max(min.length, max.length); - if (len > 3) { - chunks = Math.min(Math.floor((len - 1) / 3), 4); - suffix = "kmBT".substring(chunks - 1, chunks); - dp = (len - chunks * 3 <= 1 ? 1 : 0); - returnFormat = function (n) { - return (n === 0 ? 0 : d3.format(",." + dp + "f")(n / Math.pow(1000, chunks)) + suffix); - }; - } else { - dp = (len <= 1 ? 1 : 0); - returnFormat = d3.format(",." + dp + "f"); - } - } else { - returnFormat = function (n) { return n; }; - } - return returnFormat; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getTimePeriod.js - this._getTimePeriod = function () { - // A javascript date object - var outPeriod = this.timePeriod, - maxPeriods = 30, - diff = this._max - this._min; - if (this._hasTimeField() && !this.timePeriod) { - // Calculate using millisecond values for speed. Using the date range requires creating an array - // which in the case of seconds kills the browser. All constants are straight sums of milliseconds - // except months taken as (86400000 * 365.25) / 12 = 2629800000 - if (diff / 1000 <= maxPeriods) { - outPeriod = d3.time.seconds; - } else if (diff / 60000 <= maxPeriods) { - outPeriod = d3.time.minutes; - } else if (diff / 3600000 <= maxPeriods) { - outPeriod = d3.time.hours; - } else if (diff / 86400000 <= maxPeriods) { - outPeriod = d3.time.days; - } else if (diff / 604800000 <= maxPeriods) { - outPeriod = d3.time.weeks; - } else if (diff / 2629800000 <= maxPeriods) { - outPeriod = d3.time.months; - } else { - outPeriod = d3.time.years; - } - } - // Return the date - return outPeriod; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/getTooltipText.js - this._getTooltipText = function (rows, d) { - if (this._hasTimeField()) { - if (d[this.position + "Field"][0]) { - rows.push(this.timeField + ": " + this._getFormat()(d[this.position + "Field"][0])); - } - } else if (this._hasCategories()) { - // Add the categories - this.categoryFields.forEach(function (c, i) { - if (c !== null && c !== undefined && d[this.position + "Field"][i]) { - // If the category name and value match don't display the category name - rows.push(c + (d[this.position + "Field"][i] !== c ? ": " + d[this.position + "Field"][i] : "")); - } - }, this); - } else if (this._hasMeasure()) { - switch (this.position) { - case "x": - rows.push(this.measure + ": " + this._getFormat()(d.width)); - break; - case "y": - rows.push(this.measure + ": " + this._getFormat()(d.height)); - break; - case "p": - rows.push(this.measure + ": " + this._getFormat()(d.angle) + " (" + (d3.format("%")(d.piePct)) + ")"); - break; - default: - rows.push(this.measure + ": " + this._getFormat()(d[this.position + "Value"])); - break; - } - } - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_getTopMaster.js - this._getTopMaster = function () { - // The highest level master - var topMaster = this; - if (this.master !== null && this.master !== undefined) { - topMaster = this.master._getTopMaster(); - } - return topMaster; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasCategories.js - this._hasCategories = function () { - return (this.categoryFields !== null && this.categoryFields !== undefined && this.categoryFields.length > 0); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasMeasure.js - this._hasMeasure = function () { - return (this.measure !== null && this.measure !== undefined); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_hasTimeField.js - this._hasTimeField = function () { - return (this.timeField !== null && this.timeField !== undefined); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_parseDate.js - this._parseDate = function (inDate) { - // A javascript date object - var outDate; - if (this.dateParseFormat === null || this.dateParseFormat === undefined) { - // Moved this into the condition so that using epoch time requires no data format to be set. - // For example 20131122 might be parsed as %Y%m%d not treated as epoch time. - if (!isNaN(inDate)) { - // If inDate is a number, assume it's epoch time - outDate = new Date(inDate); - } else { - // If nothing has been explicity defined you are in the hands of the browser gods - // may they smile upon you... - outDate = Date.parse(inDate); - } - } else { - outDate = d3.time.format(this.dateParseFormat).parse(inDate); - } - // Return the date - return outDate; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/_update.js - this._update = function (refactor) { - - var distinctCats = [], - ticks, - step, - remainder, - origin, - tickCount = this.ticks || 10, - getOrderedCategories = function (self, axPos, oppPos) { - var category = self.categoryFields[0], - axisData = self._getAxisData(), - sortBy = category, - desc = false, - isDate = true, - currentValue = null, - i, - definitions; - // Check whether this field is a date - for (i = 0; i < axisData.length; i += 1) { - currentValue = self._parseDate(axisData[i][category]); - if (currentValue !== null && currentValue !== undefined && isNaN(currentValue)) { - isDate = false; - break; - } - } - if (!isDate) { - // Find the first series which connects this axis to another - self.chart.series.forEach(function (s) { - if (s[axPos] === self && s[oppPos]._hasMeasure()) { - sortBy = s[oppPos].measure; - desc = true; - } - }, this); - } - definitions = self._orderRules.concat({ ordering : sortBy, desc : desc }); - return dimple._getOrderedList(axisData, category, definitions); - }; - - // If the axis is a percentage type axis the bounds must be between -1 and 1. Sometimes - // binary rounding means it can fall outside that bound so tidy up here - this._min = (this.showPercent && this._min < -1 ? -1 : this._min); - this._max = (this.showPercent && this._max > 1 ? 1 : this._max); - - // Override or round the min or max - this._min = (this.overrideMin !== null ? this.overrideMin : this._min); - this._max = (this.overrideMax !== null ? this.overrideMax : this._max); - - // If this is an x axis - if (this.position === "x" && (this._scale === null || refactor)) { - if (this._hasTimeField()) { - this._scale = d3.time.scale() - // Previously used rangeRound which causes problems with the area chart (Issue #79) - .range([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } else if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase) - .nice(); - } else if (this.measure === null || this.measure === undefined) { - distinctCats = getOrderedCategories(this, "x", "y"); - // If there are any slaves process accordingly - if (this._slaves !== null && this._slaves !== undefined) { - this._slaves.forEach(function (slave) { - distinctCats = distinctCats.concat(getOrderedCategories(slave, "x", "y")); - }, this); - } - this._scale = d3.scale.ordinal() - .rangePoints([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain(distinctCats.concat([""])); - } else { - this._scale = d3.scale.linear() - .range([this.chart._xPixels(), this.chart._xPixels() + this.chart._widthPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp) - .nice(); - } - // If it's visible, orient it at the top or bottom if it's first or second respectively - if (!this.hidden) { - switch (this.chart._axisIndex(this, "x")) { - case 0: - this._draw = d3.svg.axis() - .orient("bottom") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - case 1: - this._draw = d3.svg.axis() - .orient("top") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - default: - break; - } - } - } else if (this.position === "y" && (this._scale === null || refactor)) { - if (this._hasTimeField()) { - this._scale = d3.time.scale() - // Previously used rangeRound which causes problems with the area chart (Issue #79) - .range([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } else if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase) - .nice(); - } else if (this.measure === null || this.measure === undefined) { - distinctCats = getOrderedCategories(this, "y", "x"); - // If there are any slaves process accordingly - if (this._slaves !== null && this._slaves !== undefined) { - this._slaves.forEach(function (slave) { - distinctCats = distinctCats.concat(getOrderedCategories(slave, "y", "x")); - }, this); - } - this._scale = d3.scale.ordinal() - .rangePoints([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain(distinctCats.concat([""])); - } else { - this._scale = d3.scale.linear() - .range([this.chart._yPixels() + this.chart._heightPixels(), this.chart._yPixels()]) - .domain([this._min, this._max]) - .clamp(this.clamp) - .nice(); - } - // if it's visible, orient it at the left or right if it's first or second respectively - if (!this.hidden) { - switch (this.chart._axisIndex(this, "y")) { - case 0: - this._draw = d3.svg.axis() - .orient("left") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - case 1: - this._draw = d3.svg.axis() - .orient("right") - .scale(this._scale); - if (this.ticks) { - this._draw.ticks(tickCount); - } - break; - default: - break; - } - } - } else if (this.position.length > 0 && this.position[0] === "z" && this._scale === null) { - if (this.useLog) { - this._scale = d3.scale.log() - .range([this.chart._heightPixels() / 300, this.chart._heightPixels() / 10]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase); - } else { - this._scale = d3.scale.linear() - .range([1, this.chart._heightPixels() / 10]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } - } else if (this.position.length > 0 && this.position[0] === "p" && this._scale === null) { - if (this.useLog) { - this._scale = d3.scale.log() - .range([0, 360]) - .domain([ - (this._min === 0 ? Math.pow(this.logBase, -1) : this._min), - (this._max === 0 ? -1 * Math.pow(this.logBase, -1) : this._max) - ]) - .clamp(this.clamp) - .base(this.logBase); - } else { - this._scale = d3.scale.linear() - .range([0, 360]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } - } else if (this.position.length > 0 && this.position[0] === "c" && this._scale === null) { - this._scale = d3.scale.linear() - .range([0, (this.colors === null || this.colors.length === 1 ? 1 : this.colors.length - 1)]) - .domain([this._min, this._max]) - .clamp(this.clamp); - } - // Apply this scale to all slaves as well - if (this._slaves !== null && this._slaves !== undefined && this._slaves.length > 0) { - this._slaves.forEach(function (slave) { - slave._scale = this._scale; - }, this); - } - // Check that the axis ends on a labelled tick - if ((refactor === null || refactor === undefined || refactor === false) && !this._hasTimeField() && this._scale !== null && this._scale.ticks !== null && this._scale.ticks !== undefined && this._scale.ticks(tickCount).length > 0 && (this.position === "x" || this.position === "y")) { - - // Get the ticks determined based on the specified split - ticks = this._scale.ticks(tickCount); - // Get the step between ticks - step = ticks[1] - ticks[0]; - // Get the remainder - remainder = ((this._max - this._min) % step).toFixed(0); - - // If the remainder is not zero - if (remainder !== 0) { - // Set the bounds - this._max = Math.ceil(this._max / step) * step; - this._min = Math.floor(this._min / step) * step; - // Recursively call the method to recalculate the scale. This shouldn't enter this block again. - this._update(true); - } - } - - // Populate the origin. Previously this incorrectly looked up 0 on the axis which only works - // for measure axes leading to Issue #19. This fix uses the first category value in cases where - // one is required. - if (distinctCats !== null && distinctCats !== undefined && distinctCats.length > 0) { - origin = this._scale.copy()(distinctCats[0]); - } else if (this._min > 0) { - origin = this._scale.copy()(this._min); - } else if (this._max < 0) { - origin = this._scale.copy()(this._max); - } else { - origin = this._scale.copy()(0); - } - - if (this._origin !== origin) { - this._previousOrigin = (this._origin === null ? origin : this._origin); - this._origin = origin; - } - - // Return axis for chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/addGroupOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-addGroupOrderRule - this.addGroupOrderRule = function (ordering, desc) { - this._groupOrderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/axis/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - }; - // End dimple.axis - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart - dimple.chart = function (svg, data) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-svg - this.svg = svg; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-x - this.x = "10%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-y - this.y = "10%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-width - this.width = "80%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-height - this.height = "80%"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-data - this.data = data; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-noFormats - this.noFormats = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-axes - this.axes = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-series - this.series = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-legends - this.legends = []; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-storyboard - this.storyboard = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-titleShape - this.titleShape = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-ease - this.ease = "cubic-in-out"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-staggerDraw - this.staggerDraw = false; - - // The group within which to put all of this chart's objects - this._group = svg.append("g"); - // The group within which to put tooltips. This is not initialised here because - // the group would end up behind other chart contents in a multi chart output. It will - // therefore be added and removed by the mouse enter/leave events - this._tooltipGroup = null; - // Colors assigned to chart contents. E.g. a series value. - this._assignedColors = {}; - // The next colour index to use, this value is cycled around for all default colours - this._nextColor = 0; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_axisIndex.js - // Return the ordinal value of the passed axis. If an orientation is passed, return the order for the - // specific orientation, otherwise return the order from all axes. Returns -1 if the passed axis isn't part of the collection - this._axisIndex = function (axis, orientation) { - - var i = 0, - axisCount = 0, - index = -1; - - for (i = 0; i < this.axes.length; i += 1) { - if (this.axes[i] === axis) { - index = axisCount; - break; - } - if (orientation === null || orientation === undefined || orientation[0] === this.axes[i].position[0]) { - axisCount += 1; - } - } - - return index; - - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getAllData.js - // Mash together all of the datasets - this._getAllData = function () { - // The return array will include all data for chart as well as any series - var returnData = []; - // If there is data at the chart level - if (this.data !== null && this.data !== undefined && this.data.length > 0) { - returnData = returnData.concat(this.data); - } - // If there are series defined - if (this.series !== null && this.series !== undefined && this.series.length > 0) { - this.series.forEach(function (s) { - if (s.data !== null && s.data !== undefined && s.data.length > 0) { - returnData = returnData.concat(s.data); - } - }); - } - // Return the final dataset - return returnData; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getData.js - // Create a dataset containing positioning information for every series - this._getData = function (data, cats, agg, order, stacked, x, y, z, p, c) { - // The data for this series - var returnData = [], - // Handle multiple category values by iterating the fields in the row and concatenate the values - // This is repeated for each axis using a small anon function - getField = function (axis, row) { - var returnField = []; - if (axis !== null) { - if (axis._hasTimeField()) { - returnField.push(axis._parseDate(row[axis.timeField])); - } else if (axis._hasCategories()) { - axis.categoryFields.forEach(function (cat) { - returnField.push(row[cat]); - }, this); - } - } - return returnField; - }, - // Catch a non-numeric value and re-calc as count - useCount = { x: false, y: false, z: false, p: false, c: false }, - // If the elements are grouped a unique list of secondary category values will be required - secondaryElements = { x: [], y: [] }, - // Get the x and y totals for percentages. This cannot be done in the loop above as we need the data aggregated before we get an abs total. - // otherwise it will wrongly account for negatives and positives rolled together. - totals = { x: [], y: [], z: [], p: [] }, - colorBounds = { min: null, max: null }, - tot, - running = { x: [], y: [], z: [], p: [] }, - addedCats = [], - catTotals = {}, - grandTotals = { x: 0, y: 0, z: 0, p: 0 }, - key, - storyCat = "", - orderedStoryboardArray = [], - seriesCat = [], - orderedSeriesArray = [], - xCat = "", - xSortArray = [], - yCat = "", - ySortArray = [], - pCat = "", - pSortArray = [], - rules = [], - sortedData = data, - groupRules = []; - - if (this.storyboard && this.storyboard.categoryFields.length > 0) { - storyCat = this.storyboard.categoryFields[0]; - orderedStoryboardArray = dimple._getOrderedList(sortedData, storyCat, this.storyboard._orderRules); - } - - // Deal with mekkos - if (x && x._hasCategories() && x._hasMeasure()) { - xCat = x.categoryFields[0]; - xSortArray = dimple._getOrderedList(sortedData, xCat, x._orderRules.concat([{ ordering : x.measure, desc : true }])); - } - if (y && y._hasCategories() && y._hasMeasure()) { - yCat = y.categoryFields[0]; - ySortArray = dimple._getOrderedList(sortedData, yCat, y._orderRules.concat([{ ordering : y.measure, desc : true }])); - } - if (p && p._hasCategories() && p._hasMeasure()) { - pCat = p.categoryFields[0]; - pSortArray = dimple._getOrderedList(sortedData, pCat, p._orderRules.concat([{ ordering : p.measure, desc : true }])); - } - - if (sortedData.length > 0 && cats && cats.length > 0) { - // Concat is used here to break the reference to the parent array, if we don't do this, in a storyboarded chart, - // the series rules to grow and grow until the system grinds to a halt trying to deal with them all. - rules = [].concat(order); - seriesCat = []; - cats.forEach(function (cat) { - if (sortedData[0][cat] !== undefined) { - seriesCat.push(cat); - } - }, this); - if (p && p._hasMeasure()) { - rules.push({ ordering : p.measure, desc : true }); - } else if (c && c._hasMeasure()) { - rules.push({ ordering : c.measure, desc : true }); - } else if (z && z._hasMeasure()) { - rules.push({ ordering : z.measure, desc : true }); - } else if (x && x._hasMeasure()) { - rules.push({ ordering : x.measure, desc : true }); - } else if (y && y._hasMeasure()) { - rules.push({ ordering : y.measure, desc : true }); - } - orderedSeriesArray = dimple._getOrderedList(sortedData, seriesCat, rules); - } - - sortedData.sort(function (a, b) { - var returnValue = 0, - categories, - comp, - p, - q, - aMatch, - bMatch; - if (storyCat !== "") { - returnValue = orderedStoryboardArray.indexOf(a[storyCat]) - orderedStoryboardArray.indexOf(b[storyCat]); - } - if (xCat !== "" && returnValue === 0) { - returnValue = xSortArray.indexOf(a[xCat]) - xSortArray.indexOf(b[xCat]); - } - if (yCat !== "" && returnValue === 0) { - returnValue = ySortArray.indexOf(a[yCat]) - ySortArray.indexOf(b[yCat]); - } - if (pCat !== "" && returnValue === 0) { - returnValue = pSortArray.indexOf(a[pCat]) - ySortArray.indexOf(b[pCat]); - } - if (seriesCat && seriesCat.length > 0 && returnValue === 0) { - categories = [].concat(seriesCat); - returnValue = 0; - for (p = 0; p < orderedSeriesArray.length; p += 1) { - comp = [].concat(orderedSeriesArray[p]); - aMatch = true; - bMatch = true; - for (q = 0; q < categories.length; q += 1) { - aMatch = aMatch && (a[categories[q]] === comp[q]); - bMatch = bMatch && (b[categories[q]] === comp[q]); - } - if (aMatch && bMatch) { - returnValue = 0; - break; - } else if (aMatch) { - returnValue = -1; - break; - } else if (bMatch) { - returnValue = 1; - break; - } - } - } - return returnValue; - }); - - // Iterate every row in the data to calculate the return values - sortedData.forEach(function (d) { - // Reset the index - var foundIndex = -1, - xField = getField(x, d), - yField = getField(y, d), - zField = getField(z, d), - pField = getField(p, d), - // Get the aggregate field using the other fields if necessary - aggField = [], - key, - k, - i, - newRow, - updateData; - - if (!cats || cats.length === 0) { - aggField = ["All"]; - } else { - // Iterate the category fields - for (i = 0; i < cats.length; i += 1) { - // Either add the value of the field or the name itself. This allows users to add custom values, for example - // Setting a particular color for a set of values can be done by using a non-existent final value and then coloring - // by it - if (d[cats[i]] === undefined) { - aggField.push(cats[i]); - } else { - aggField.push(d[cats[i]]); - } - } - } - - // Add a key - key = aggField.join("/") + "_" + xField.join("/") + "_" + yField.join("/") + "_" + pField.join("/") + "_" + zField.join("/"); - // See if this field has already been added. - for (k = 0; k < returnData.length; k += 1) { - if (returnData[k].key === key) { - foundIndex = k; - break; - } - } - // If the field was not added, do so here - if (foundIndex === -1) { - newRow = { - key: key, - aggField: aggField, - xField: xField, - xValue: null, - xCount: 0, - yField: yField, - yValue: null, - yCount: 0, - pField: pField, - pValue: null, - pCount: 0, - zField: zField, - zValue: null, - zCount: 0, - cValue: 0, - cCount: 0, - x: 0, - y: 0, - xOffset: 0, - yOffset: 0, - width: 0, - height: 0, - cx: 0, - cy: 0, - xBound: 0, - yBound: 0, - xValueList: [], - yValueList: [], - zValueList: [], - pValueList: [], - cValueList: [], - fill: {}, - stroke: {} - }; - returnData.push(newRow); - foundIndex = returnData.length - 1; - } - - // Update the return data for the passed axis - updateData = function (axis, storyboard) { - var passStoryCheck = true, - lhs = { value: 0, count: 1 }, - rhs = { value: 0, count: 1 }, - selectStoryValue, - compare = "", - retRow; - if (storyboard !== null) { - selectStoryValue = storyboard.getFrameValue(); - storyboard.categoryFields.forEach(function (cat, m) { - if (m > 0) { - compare += "/"; - } - compare += d[cat]; - passStoryCheck = (compare === selectStoryValue); - }, this); - } - if (axis !== null && axis !== undefined) { - if (passStoryCheck) { - retRow = returnData[foundIndex]; - if (axis._hasMeasure() && d[axis.measure] !== null && d[axis.measure] !== undefined) { - // Keep a distinct list of values to calculate a distinct count in the case of a non-numeric value being found - if (retRow[axis.position + "ValueList"].indexOf(d[axis.measure]) === -1) { - retRow[axis.position + "ValueList"].push(d[axis.measure]); - } - // The code above is outside this check for non-numeric values because we might encounter one far down the list, and - // want to have a record of all values so far. - if (isNaN(parseFloat(d[axis.measure]))) { - useCount[axis.position] = true; - } - // Set the value using the aggregate function method - lhs.value = retRow[axis.position + "Value"]; - lhs.count = retRow[axis.position + "Count"]; - rhs.value = d[axis.measure]; - retRow[axis.position + "Value"] = agg(lhs, rhs); - retRow[axis.position + "Count"] += 1; - } - } - } - }; - // Update all the axes - updateData(x, this.storyboard); - updateData(y, this.storyboard); - updateData(z, this.storyboard); - updateData(p, this.storyboard); - updateData(c, this.storyboard); - }, this); - // Get secondary elements if necessary - if (x && x._hasCategories() && x.categoryFields.length > 1 && secondaryElements.x !== undefined) { - groupRules = []; - if (y._hasMeasure()) { - groupRules.push({ ordering : y.measure, desc : true }); - } - secondaryElements.x = dimple._getOrderedList(sortedData, x.categoryFields[1], x._groupOrderRules.concat(groupRules)); - } - if (y && y._hasCategories() && y.categoryFields.length > 1 && secondaryElements.y !== undefined) { - groupRules = []; - if (x._hasMeasure()) { - groupRules.push({ ordering : x.measure, desc : true }); - } - secondaryElements.y = dimple._getOrderedList(sortedData, y.categoryFields[1], y._groupOrderRules.concat(groupRules)); - secondaryElements.y.reverse(); - } - returnData.forEach(function (ret) { - if (x !== null) { - if (useCount.x === true) { ret.xValue = ret.xValueList.length; } - tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0); - totals.x[ret.xField.join("/")] = tot; - } - if (y !== null) { - if (useCount.y === true) { ret.yValue = ret.yValueList.length; } - tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0); - totals.y[ret.yField.join("/")] = tot; - } - if (p !== null) { - if (useCount.p === true) { ret.pValue = ret.pValueList.length; } - tot = (totals.p[ret.pField.join("/")] || 0) + (p._hasMeasure() ? Math.abs(ret.pValue) : 0); - totals.p[ret.pField.join("/")] = tot; - } - if (z !== null) { - if (useCount.z === true) { ret.zValue = ret.zValueList.length; } - tot = (totals.z[ret.zField.join("/")] || 0) + (z._hasMeasure() ? Math.abs(ret.zValue) : 0); - totals.z[ret.zField.join("/")] = tot; - } - if (c !== null) { - if (colorBounds.min === null || ret.cValue < colorBounds.min) { colorBounds.min = ret.cValue; } - if (colorBounds.max === null || ret.cValue > colorBounds.max) { colorBounds.max = ret.cValue; } - } - }, this); - // Before calculating the positions we need to sort elements - - // Set all the dimension properties of the data - for (key in totals.x) { if (totals.x.hasOwnProperty(key)) { grandTotals.x += totals.x[key]; } } - for (key in totals.y) { if (totals.y.hasOwnProperty(key)) { grandTotals.y += totals.y[key]; } } - for (key in totals.p) { if (totals.p.hasOwnProperty(key)) { grandTotals.p += totals.p[key]; } } - for (key in totals.z) { if (totals.z.hasOwnProperty(key)) { grandTotals.z += totals.z[key]; } } - - returnData.forEach(function (ret) { - var baseColor, - targetColor, - scale, - colorVal, - floatingPortion, - getAxisData = function (axis, opp, size) { - var totalField, - value, - selectValue, - pos, - cumValue; - if (axis !== null && axis !== undefined) { - pos = axis.position; - if (!axis._hasCategories()) { - value = (axis.showPercent ? ret[pos + "Value"] / totals[opp][ret[opp + "Field"].join("/")] : ret[pos + "Value"]); - totalField = ret[opp + "Field"].join("/") + (ret[pos + "Value"] >= 0); - cumValue = running[pos][totalField] = ((running[pos][totalField] === null || running[pos][totalField] === undefined || pos === "z" || pos === "p") ? 0 : running[pos][totalField]) + value; - selectValue = ret[pos + "Bound"] = ret["c" + pos] = (((pos === "x" || pos === "y") && stacked) ? cumValue : value); - ret[size] = value; - ret[pos] = selectValue - (((pos === "x" && value >= 0) || (pos === "y" && value <= 0)) ? value : 0); - } else { - if (axis._hasMeasure()) { - totalField = ret[axis.position + "Field"].join("/"); - value = (axis.showPercent ? totals[axis.position][totalField] / grandTotals[axis.position] : totals[axis.position][totalField]); - if (addedCats.indexOf(totalField) === -1) { - catTotals[totalField] = value + (addedCats.length > 0 ? catTotals[addedCats[addedCats.length - 1]] : 0); - addedCats.push(totalField); - } - selectValue = ret[pos + "Bound"] = ret["c" + pos] = (((pos === "x" || pos === "y") && stacked) ? catTotals[totalField] : value); - ret[size] = value; - ret[pos] = selectValue - (((pos === "x" && value >= 0) || (pos === "y" && value <= 0)) ? value : 0); - } else { - ret[pos] = ret["c" + pos] = ret[pos + "Field"][0]; - ret[size] = 1; - if (secondaryElements[pos] !== undefined && secondaryElements[pos] !== null && secondaryElements[pos].length >= 2) { - ret[pos + "Offset"] = secondaryElements[pos].indexOf(ret[pos + "Field"][1]); - ret[size] = 1 / secondaryElements[pos].length; - } - } - } - } - }; - getAxisData(x, "y", "width"); - getAxisData(y, "x", "height"); - getAxisData(z, "z", "r"); - getAxisData(p, "p", "angle"); - - // If there is a color axis - if (c !== null && colorBounds.min !== null && colorBounds.max !== null) { - // Handle matching min and max - if (colorBounds.min === colorBounds.max) { - colorBounds.min -= 0.5; - colorBounds.max += 0.5; - } - // Limit the bounds of the color value to be within the range. Users may override the axis bounds and this - // allows a 2 color scale rather than blending if the min and max are set to 0 and 0.01 for example negative values - // and zero value would be 1 color and positive another. - colorBounds.min = (c.overrideMin || colorBounds.min); - colorBounds.max = (c.overrideMax || colorBounds.max); - ret.cValue = (ret.cValue > colorBounds.max ? colorBounds.max : (ret.cValue < colorBounds.min ? colorBounds.min : ret.cValue)); - // Calculate the factors for the calculations - scale = d3.scale.linear().range([0, (c.colors === null || c.colors.length === 1 ? 1 : c.colors.length - 1)]).domain([colorBounds.min, colorBounds.max]); - colorVal = scale(ret.cValue); - floatingPortion = colorVal - Math.floor(colorVal); - if (ret.cValue === colorBounds.max) { - floatingPortion = 1; - } - // If there is a single color defined - if (c.colors && c.colors.length === 1) { - baseColor = d3.rgb(c.colors[0]); - targetColor = d3.rgb(this.getColor(ret.aggField.slice(-1)[0]).fill); - } else if (c.colors && c.colors.length > 1) { - baseColor = d3.rgb(c.colors[Math.floor(colorVal)]); - targetColor = d3.rgb(c.colors[Math.ceil(colorVal)]); - } else { - baseColor = d3.rgb("white"); - targetColor = d3.rgb(this.getColor(ret.aggField.slice(-1)[0]).fill); - } - // Calculate the correct grade of color - baseColor.r = Math.floor(baseColor.r + (targetColor.r - baseColor.r) * floatingPortion); - baseColor.g = Math.floor(baseColor.g + (targetColor.g - baseColor.g) * floatingPortion); - baseColor.b = Math.floor(baseColor.b + (targetColor.b - baseColor.b) * floatingPortion); - // Set the colors on the row - ret.fill = baseColor.toString(); - ret.stroke = baseColor.darker(0.5).toString(); - } - - }, this); - - return returnData; - - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getDelay.js - this._getDelay = function (duration, chart, series) { - return function (d) { - var returnValue = 0; - if (series && chart.staggerDraw) { - if (series.x._hasCategories()) { - returnValue = (dimple._helpers.cx(d, chart, series) / chart._widthPixels()) * duration; - } else if (series.y._hasCategories()) { - returnValue = (1 - dimple._helpers.cy(d, chart, series) / chart._heightPixels()) * duration; - } - } - return returnValue; - }; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getSeriesData.js - // Create a dataset containing positioning information for every series - this._getSeriesData = function () { - - // If there are series - if (this.series !== null && this.series !== undefined) { - - // Iterate all the series - this.series.forEach(function (series) { - - // The data for this series - var data = series.data || this.data || [], - cats = [].concat(series.categoryFields), - returnData = this._getData(data, cats, series.aggregate, series._orderRules, series._isStacked(), series.x, series.y, series.z, series.p, series.c), - higherLevelData = [], - i, - j, - aCats, - aCatString, - bCats, - bCatString, - pieDictionary = {}, - startAngle = (series.startAngle * (Math.PI / 180) || 0), - endAngle = (series.endAngle || 360) * (Math.PI / 180); - - // If the startAngle is after the endAngle (e.g. 270deg -> 90deg becomes -90deg -> 90deg. - if (startAngle > endAngle) { - startAngle -= 2 * Math.PI; - } - - // If there is a pie axis we need to run a second dataset because the x and y will be - // at a higher level of aggregation than the rows, we want all the segments for a pie chart to - // have the same x and y values - if (series.p && cats.length > 0) { - if (series.x && series.y) { - cats.pop(); - higherLevelData = this._getData(data, ["__dimple_placeholder__"].concat(cats), series.aggregate, series._orderRules, series._isStacked(), series.x, series.y, series.z, series.p, series.c); - for (i = 0; i < returnData.length; i += 1) { - aCats = ["__dimple_placeholder__"].concat(returnData[i].aggField); - aCats.pop(); - if (series.x && series.x._hasCategories()) { - aCats = aCats.concat(returnData[i].xField); - } - if (series.y && series.y._hasCategories()) { - aCats = aCats.concat(returnData[i].yField); - } - aCatString = aCats.join("|"); - for (j = 0; j < higherLevelData.length; j += 1) { - bCats = [].concat(higherLevelData[j].aggField); - if (series.x && series.x._hasCategories()) { - bCats = bCats.concat(higherLevelData[j].xField); - } - if (series.y && series.y._hasCategories()) { - bCats = bCats.concat(higherLevelData[j].yField); - } - bCatString = bCats.join("|"); - if (aCatString === bCatString) { - returnData[i].xField = higherLevelData[j].xField; - returnData[i].xValue = higherLevelData[j].xValue; - returnData[i].xCount = higherLevelData[j].xCount; - returnData[i].yField = higherLevelData[j].yField; - returnData[i].yValue = higherLevelData[j].yValue; - returnData[i].yCount = higherLevelData[j].yCount; - returnData[i].zField = higherLevelData[j].zField; - returnData[i].zValue = higherLevelData[j].zValue; - returnData[i].zCount = higherLevelData[j].zCount; - returnData[i].x = higherLevelData[j].x; - returnData[i].y = higherLevelData[j].y; - returnData[i].r = higherLevelData[j].r; - returnData[i].xOffset = higherLevelData[j].xOffset; - returnData[i].yOffset = higherLevelData[j].yOffset; - returnData[i].width = higherLevelData[j].width; - returnData[i].height = higherLevelData[j].height; - returnData[i].cx = higherLevelData[j].cx; - returnData[i].cy = higherLevelData[j].cy; - returnData[i].xBound = higherLevelData[j].xBound; - returnData[i].yBound = higherLevelData[j].yBound; - returnData[i].xValueList = higherLevelData[j].xValueList; - returnData[i].yValueList = higherLevelData[j].yValueList; - returnData[i].zValueList = higherLevelData[j].zValueList; - returnData[i].cValueList = higherLevelData[j].cValueList; - - // Add some specific pie properties - returnData[i].pieKey = higherLevelData[j].key; - returnData[i].value = returnData.pValue; - - // Annoyingly we can't use the higher aggregate value here because if the series is averaged - // rather than summed it breaks the logic - if (!pieDictionary[higherLevelData[j].key]) { - pieDictionary[higherLevelData[j].key] = { - total: 0, - angle: startAngle - }; - } - pieDictionary[higherLevelData[j].key].total += returnData[i].pValue; - - break; - } - } - } - } else { - for (i = 0; i < returnData.length; i += 1) { - // Add some specific pie properties - returnData[i].pieKey = "All"; - returnData[i].value = returnData.pValue; - - // Annoyingly we can't use the higher aggregate value here because if the series is averaged - // rather than summed it breaks the logic - if (!pieDictionary[returnData[i].pieKey]) { - pieDictionary[returnData[i].pieKey] = { - total: 0, - angle: startAngle - }; - } - pieDictionary[returnData[i].pieKey].total += returnData[i].pValue; - } - } - - // Loop again to calculate shares - for (i = 0; i < returnData.length; i += 1) { - returnData[i].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total); - returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle; - returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle); - pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle; - } - } - - // populate the data in the series - series._positionData = returnData; - - }, this); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/chart/methods/_handleTransition.js - this._handleTransition = function (input, duration, chart, series) { - var returnShape = null; - if (duration === 0) { - returnShape = input; - } else { - returnShape = input.transition() - .duration(duration) - .delay(chart._getDelay(duration, chart, series)) - .ease(chart.ease); - } - return returnShape; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_heightPixels.js - // Access the pixel value of the height of the plot area - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.svg.node()); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_registerEventHandlers.js - // Register events, handle standard d3 shape events - this._registerEventHandlers = function (series) { - if (series._eventHandlers !== null && series._eventHandlers.length > 0) { - series._eventHandlers.forEach(function (thisHandler) { - var name, - handler = function (d) { - var e = new dimple.eventArgs(); - if (series.chart.storyboard !== null) { - e.frameValue = series.chart.storyboard.getFrameValue(); - } - e.seriesValue = d.aggField; - e.xValue = d.x; - e.yValue = d.y; - e.zValue = d.z; - e.pValue = d.p; - e.colorValue = d.cValue; - e.seriesShapes = series.shapes; - e.selectedShape = d3.select(this); - thisHandler.handler(e); - }; - if (thisHandler.handler !== null && typeof (thisHandler.handler) === "function") { - // Some classes work from markers rather than the shapes (line and area for example) - // in these cases the events should be applied to the markers instead. Issue #15 - if (series._markers !== null && series._markers !== undefined) { - for (name in series._markers) { - if (series._markers.hasOwnProperty(name)) { - series._markers[name].on(thisHandler.event, handler); - } - } - } else { - series.shapes.on(thisHandler.event, handler); - } - } - }, this); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_widthPixels.js - // Access the pixel value of the width of the plot area - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_xPixels.js - // Access the pixel position of the x co-ordinate of the plot area - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_yPixels.js - // Access the pixel position of the y co-ordinate of the plot area - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addAxis - this.addAxis = function (position, categoryFields, measure, timeField) { - // The axis to return - var axis = null, - master = null; - // Convert the passed category fields to an array in case a single string is sent - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - // If this is a standard axis a position will have been passed as a string - if ((typeof position) === "string" || (position instanceof String)) { - // Create the axis object based on the passed parameters - axis = new dimple.axis( - this, - position, - categoryFields, - measure, - timeField - ); - // Add the axis to the array for the chart - this.axes.push(axis); - - } else { - // In the case of a composite axis the position will contain another axis - // To make this code more readable reassign the position to a different variable - master = position; - // Construct the axis object - axis = new dimple.axis( - this, - master.position, - categoryFields, - measure, - timeField - ); - // Validate that the master and child axes are compatible - if (axis._hasMeasure() !== master._hasMeasure()) { - throw "You have specified a composite axis where some but not all axes have a measure - this is not supported, all axes must be of the same type."; - } else if (axis._hasTimeField() !== master._hasTimeField()) { - throw "You have specified a composite axis where some but not all axes have a time field - this is not supported, all axes must be of the same type."; - } else if ((axis.categoryFields === null || axis.categoryFields === undefined ? 0 : axis.categoryFields.length) !== (master.categoryFields === null || master.categoryFields === undefined ? 0 : master.categoryFields.length)) { - throw "You have specified a composite axis where axes have differing numbers of category fields - this is not supported, all axes must be of the same type."; - } - // Do not add the axis to the chart's axes array, instead add it the master - master._slaves.push(axis); - } - // return the axis - return axis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addCategoryAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addCategoryAxis - this.addCategoryAxis = function (position, categoryFields) { - return this.addAxis(position, categoryFields, null); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addColorAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addColorAxis - this.addColorAxis = function (measure, colors) { - var colorAxis = this.addAxis("c", null, measure); - colorAxis.colors = (colors === null || colors === undefined ? null : [].concat(colors)); - return colorAxis; - }; - - - // Source: /src/objects/chart/methods/addLegend.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addLegend - this.addLegend = function (x, y, width, height, horizontalAlign, series) { - // Use all series by default - series = (series === null || series === undefined ? this.series : [].concat(series)); - horizontalAlign = (horizontalAlign === null || horizontalAlign === undefined ? "left" : horizontalAlign); - // Create the legend - var legend = new dimple.legend(this, x, y, width, height, horizontalAlign, series); - // Add the legend to the array - this.legends.push(legend); - // Return the legend object - return legend; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addLogAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addLogAxis - this.addLogAxis = function (position, logField, logBase) { - var axis = this.addAxis(position, null, logField, null); - if (logBase !== null && logBase !== undefined) { - axis.logBase = logBase; - } - axis.useLog = true; - return axis; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addMeasureAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addMeasureAxis - this.addMeasureAxis = function (position, measure) { - return this.addAxis(position, null, measure); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addPctAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addPctAxis - this.addPctAxis = function (position, measure, categories) { - var pctAxis = null; - if (categories !== null && categories !== undefined) { - pctAxis = this.addAxis(position, categories, measure); - } else { - pctAxis = this.addMeasureAxis(position, measure); - } - pctAxis.showPercent = true; - return pctAxis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addSeries.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addSeries - this.addSeries = function (categoryFields, plotFunction, axes) { - // Deal with no axes passed - if (axes === null || axes === undefined) { axes = this.axes; } - // Deal with no plot function - if (plotFunction === null || plotFunction === undefined) { plotFunction = dimple.plot.bubble; } - // Axis objects to be picked from the array - var xAxis = null, - yAxis = null, - zAxis = null, - colorAxis = null, - pieAxis = null, - series; - // Iterate the array and pull out the relevant axes - axes.forEach(function (axis) { - if (axis !== null && plotFunction.supportedAxes.indexOf(axis.position) > -1) { - if (xAxis === null && axis.position[0] === "x") { - xAxis = axis; - } else if (yAxis === null && axis.position[0] === "y") { - yAxis = axis; - } else if (zAxis === null && axis.position[0] === "z") { - zAxis = axis; - } else if (colorAxis === null && axis.position[0] === "c") { - colorAxis = axis; - } else if (colorAxis === null && axis.position[0] === "p") { - pieAxis = axis; - } - } - }, this); - // Put single values into single value arrays - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - // Create a series object - series = new dimple.series( - this, - categoryFields, - xAxis, - yAxis, - zAxis, - colorAxis, - pieAxis, - plotFunction, - dimple.aggregateMethod.sum, - plotFunction.stacked - ); - // Add the series to the chart's array - this.series.push(series); - // Return the series - return series; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/addTimeAxis.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-addTimeAxis - this.addTimeAxis = function (position, timeField, inputFormat, outputFormat) { - var axis = this.addAxis(position, null, null, timeField); - axis.tickFormat = outputFormat; - axis.dateParseFormat = inputFormat; - return axis; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/assignColor.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-assignColor - this.assignColor = function (tag, fill, stroke, opacity) { - this._assignedColors[tag] = new dimple.color(fill, stroke, opacity); - return this._assignedColors[tag]; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/defaultColors.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-defaultColors - this.defaultColors = [ - new dimple.color("#80B1D3"), // Blue - new dimple.color("#FB8072"), // Red - new dimple.color("#FDB462"), // Orange - new dimple.color("#B3DE69"), // Green - new dimple.color("#FFED6F"), // Yellow - new dimple.color("#BC80BD"), // Purple - new dimple.color("#8DD3C7"), // Turquoise - new dimple.color("#CCEBC5"), // Pale Blue - new dimple.color("#FFFFB3"), // Pale Yellow - new dimple.color("#BEBADA"), // Lavender - new dimple.color("#FCCDE5"), // Pink - new dimple.color("#D9D9D9") // Grey - ]; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/draw.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-draw - this.draw = function (duration, noDataChange) { - // Deal with optional parameter - duration = duration || 0; - // Catch the first x and y - var firstX = null, - firstY = null, - distinctCats, - xGridSet = false, - yGridSet = false, - chartX = this._xPixels(), - chartY = this._yPixels(), - chartWidth = this._widthPixels(), - chartHeight = this._heightPixels(), - linkedDimensions; - - // Many of the draw methods use positioning data in each series. Therefore we should - // decorate the series with it now - if (noDataChange === undefined || noDataChange === null || noDataChange === false) { - this._getSeriesData(); - } - - // Clear all scales, this is required to fix Issue #67 - this.axes.forEach(function (axis) { - axis._scale = null; - }, this); - - // Iterate the axes and calculate bounds, this is done within the chart because an - // axis' bounds are determined by other axes and the way that series tie them together - this.axes.forEach(function (axis) { - axis._min = 0; - axis._max = 0; - linkedDimensions = []; - // Check that the axis has a measure - if (axis._hasMeasure()) { - // Is this axis linked to a series - var linked = false; - // Find any linked series - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis)) { - // Get the bounds - var bounds = series._axisBounds(axis.position); - if (axis._min > bounds.min) { axis._min = bounds.min; } - if (axis._max < bounds.max) { axis._max = bounds.max; } - linked = true; - } - }, this); - // If the axis is not linked, use the data bounds, this is unlikely to be used - // in a real context, but when developing it is nice to see axes before any series have - // been added. - if (!linked) { - this._getAllData().forEach(function (d) { - if (axis._min > d[axis.measure]) { axis._min = d[axis.measure]; } - if (axis._max < d[axis.measure]) { axis._max = d[axis.measure]; } - }, this); - } - } else if (axis._hasTimeField()) { - // Parse the dates and assign the min and max - axis._min = null; - axis._max = null; - // Create an array of dimensions for this axis - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis) - && series[axis.position].timeField !== null - && series[axis.position].timeField !== undefined - && linkedDimensions.indexOf(series[axis.position].timeField) === -1) { - linkedDimensions.push(series[axis.position].timeField); - } - }, this); - // Iterate the data - axis._getAxisData().forEach(function (d) { - // Find any linked series - linkedDimensions.forEach(function (dimension) { - // Check it's timeField - var dt = axis._parseDate(d[dimension]); - if (axis._min === null || dt < axis._min) { - axis._min = dt; - } - if (axis._max === null || dt > axis._max) { - axis._max = dt; - } - }, this); - }, this); - } else if (axis._hasCategories()) { - // A category axis is just set to show the number of categories - axis._min = 0; - distinctCats = []; - // Create an array of dimensions for this axis - this.series.forEach(function (series) { - // if this axis is linked - if (series._deepMatch(axis) - && series[axis.position].categoryFields[0] !== null - && series[axis.position].categoryFields[0] !== undefined - && linkedDimensions.indexOf(series[axis.position].categoryFields[0]) === -1) { - linkedDimensions.push(series[axis.position].categoryFields[0]); - } - }, this); - axis._getAxisData().forEach(function (d) { - linkedDimensions.forEach(function (dimension) { - if (distinctCats.indexOf(d[dimension]) === -1) { - distinctCats.push(d[dimension]); - } - }, this); - }, this); - axis._max = distinctCats.length; - } - // Set the bounds on all slaves - if (axis._slaves !== null && axis._slaves !== undefined && axis._slaves.length > 0) { - axis._slaves.forEach(function (slave) { - slave._min = axis._min; - slave._max = axis._max; - }, this); - } - // Update the axis now we have all information set - axis._update(); - - // Record the index of the first x and first y axes - if (firstX === null && axis.position === "x") { - firstX = axis; - } else if (firstY === null && axis.position === "y") { - firstY = axis; - } - }, this); - // Iterate the axes again - this.axes.forEach(function (axis) { - // Don't animate axes on first draw - var firstDraw = false, - transform = null, - gridSize = 0, - gridTransform = null, - rotated = false, - widest = 0, - box = { l: null, t: null, r: null, b: null }, - titleX = 0, - titleY = 0, - rotate = "", - chart = this, - handleTrans = function (ob) { - // Draw the axis - // This code might seem unnecessary but even applying a duration of 0 to a transition will cause the code to execute after the - // code below and precedence is important here. - var returnObj; - if (transform === null || duration === 0 || firstDraw) { - returnObj = ob; - } else { - returnObj = chart._handleTransition(ob, duration, chart); - } - return returnObj; - }, - transformLabels = function () { - if (!axis.measure) { - if (axis.position === "x") { - d3.select(this).selectAll("text").attr("x", (chartWidth / axis._max) / 2); - } else if (axis.position === "y") { - d3.select(this).selectAll("text").attr("y", -1 * (chartHeight / axis._max) / 2); - } - } - if (axis.categoryFields && axis.categoryFields.length > 0) { - // Off set the labels to counter the transform. This will put the labels along the outside of the chart so they - // don't interfere with the chart contents - if (axis === firstX && (firstY.categoryFields === null || firstY.categoryFields.length === 0)) { - d3.select(this).selectAll("text").attr("y", chartY + chartHeight - firstY._scale(0) + 9); - } - if (axis === firstY && (firstX.categoryFields === null || firstX.categoryFields.length === 0)) { - d3.select(this).selectAll("text").attr("x", -1 * (firstX._scale(0) - chartX) - 9); - } - } - }; - - if (axis.gridlineShapes === null) { - if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) { - // Add a group for the gridlines to allow css formatting - axis.gridlineShapes = this._group.append("g").attr("class", "dimple-gridline"); - if (axis.position === "x") { - xGridSet = true; - } else { - yGridSet = true; - } - } - } else { - if (axis.position === "x") { - xGridSet = true; - } else { - yGridSet = true; - } - } - if (axis.shapes === null) { - // Add a group for the axes to allow css formatting - axis.shapes = this._group.append("g") - .attr("class", "dimple-axis") - .each(function () { - if (!chart.noFormats) { - d3.select(this) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - } - }); - firstDraw = true; - } - // If this is the first x and there is a y axis cross them at zero - if (axis === firstX && firstY !== null) { - transform = "translate(0, " + (firstY.categoryFields === null || firstY.categoryFields.length === 0 ? firstY._scale(0) : chartY + chartHeight) + ")"; - gridTransform = "translate(0, " + (axis === firstX ? chartY + chartHeight : chartY) + ")"; - gridSize = -chartHeight; - } else if (axis === firstY && firstX !== null) { - transform = "translate(" + (firstX.categoryFields === null || firstX.categoryFields.length === 0 ? firstX._scale(0) : chartX) + ", 0)"; - gridTransform = "translate(" + (axis === firstY ? chartX : chartX + chartWidth) + ", 0)"; - gridSize = -chartWidth; - } else if (axis.position === "x") { - gridTransform = transform = "translate(0, " + (axis === firstX ? chartY + chartHeight : chartY) + ")"; - gridSize = -chartHeight; - } else if (axis.position === "y") { - gridTransform = transform = "translate(" + (axis === firstY ? chartX : chartX + chartWidth) + ", 0)"; - gridSize = -chartWidth; - } - if (transform !== null && axis._draw !== null) { - - // Add a tick format - if (axis._hasTimeField()) { - handleTrans(axis.shapes) - .call(axis._draw.ticks(axis._getTimePeriod(), axis.timeInterval).tickFormat(axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } else if (axis.useLog) { - handleTrans(axis.shapes) - .call(axis._draw.ticks(4, axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } else { - handleTrans(axis.shapes) - .call(axis._draw.tickFormat(axis._getFormat())) - .attr("transform", transform) - .each(transformLabels); - } - if (axis.gridlineShapes !== null) { - handleTrans(axis.gridlineShapes) - .call(axis._draw.tickSize(gridSize, 0, 0).tickFormat("")) - .attr("transform", gridTransform); - } - } - // Set some initial css values - if (!this.noFormats) { - handleTrans(axis.shapes.selectAll("text")) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - handleTrans(axis.shapes.selectAll("path, line")) - .style("fill", "none") - .style("stroke", "black") - .style("shape-rendering", "crispEdges"); - if (axis.gridlineShapes !== null) { - handleTrans(axis.gridlineShapes.selectAll("line")) - .style("fill", "none") - .style("stroke", "lightgray") - .style("opacity", 0.8); - } - } - // Rotate labels, this can only be done once the formats are set - if (axis.measure === null || axis.measure === undefined) { - if (axis === firstX) { - // If the gaps are narrower than the widest label display all labels horizontally - widest = 0; - axis.shapes.selectAll("text").each(function () { - var w = this.getComputedTextLength(); - widest = (w > widest ? w : widest); - }); - if (widest > chartWidth / axis.shapes.selectAll("text")[0].length) { - rotated = true; - axis.shapes.selectAll("text") - .style("text-anchor", "start") - .each(function () { - var rec = this.getBBox(); - d3.select(this) - .attr("transform", "rotate(90," + rec.x + "," + (rec.y + (rec.height / 2)) + ") translate(-5, 0)"); - }); - } else { - // For redraw operations we need to clear the transform - rotated = false; - axis.shapes.selectAll("text") - .style("text-anchor", "middle") - .attr("transform", ""); - } - } else if (axis.position === "x") { - // If the gaps are narrower than the widest label display all labels horizontally - widest = 0; - axis.shapes.selectAll("text") - .each(function () { - var w = this.getComputedTextLength(); - widest = (w > widest ? w : widest); - }); - if (widest > chartWidth / axis.shapes.selectAll("text")[0].length) { - rotated = true; - axis.shapes.selectAll("text") - .style("text-anchor", "end") - .each(function () { - var rec = this.getBBox(); - d3.select(this) - .attr("transform", "rotate(90," + (rec.x + rec.width) + "," + (rec.y + (rec.height / 2)) + ") translate(5, 0)"); - }); - } else { - // For redraw operations we need to clear the transform - rotated = false; - axis.shapes.selectAll("text") - .style("text-anchor", "middle") - .attr("transform", ""); - } - } - } - if (axis.titleShape !== null && axis.titleShape !== undefined) { - axis.titleShape.remove(); - } - // Get the bounds of the axis objects - axis.shapes.selectAll("text") - .each(function () { - var rec = this.getBBox(); - if (box.l === null || -9 - rec.width < box.l) { - box.l = -9 - rec.width; - } - if (box.r === null || rec.x + rec.width > box.r) { - box.r = rec.x + rec.width; - } - if (rotated) { - if (box.t === null || rec.y + rec.height - rec.width < box.t) { - box.t = rec.y + rec.height - rec.width; - } - if (box.b === null || rec.height + rec.width > box.b) { - box.b = rec.height + rec.width; - } - } else { - if (box.t === null || rec.y < box.t) { - box.t = rec.y; - } - if (box.b === null || 9 + rec.height > box.b) { - box.b = 9 + rec.height; - } - } - }); - - if (axis.position === "x") { - if (axis === firstX) { - titleY = chartY + chartHeight + box.b + 5; - } else { - titleY = chartY + box.t - 10; - } - titleX = chartX + (chartWidth / 2); - } else if (axis.position === "y") { - if (axis === firstY) { - titleX = chartX + box.l - 10; - } else { - titleX = chartX + chartWidth + box.r + 20; - } - titleY = chartY + (chartHeight / 2); - rotate = "rotate(270, " + titleX + ", " + titleY + ")"; - } - - // Add a title for the axis - NB check for null here, by default the title is undefined, in which case - // use the dimension name - if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) { - axis.titleShape = this._group.append("text").attr("class", "dimple-axis dimple-title"); - axis.titleShape - .attr("x", titleX) - .attr("y", titleY) - .attr("text-anchor", "middle") - .attr("transform", rotate) - .text(axis.title !== undefined ? axis.title : (axis.categoryFields === null || axis.categoryFields === undefined || axis.categoryFields.length === 0 ? axis.measure : axis.categoryFields.join("/"))) - .each(function () { - if (!chart.noFormats) { - d3.select(this) - .style("font-family", axis.fontFamily) - .style("font-size", axis._getFontSize()); - } - }); - - // Offset Y position to baseline. This previously used dominant-baseline but this caused - // browser inconsistency - if (axis === firstX) { - axis.titleShape.each(function () { - d3.select(this).attr("y", titleY + this.getBBox().height / 1.65); - }); - } else if (axis === firstY) { - axis.titleShape.each(function () { - d3.select(this).attr("x", titleX + this.getBBox().height / 1.65); - }); - } - } - // } - }, this); - - // Iterate the series - this.series.forEach(function (series) { - series.plot.draw(this, series, duration); - this._registerEventHandlers(series); - }, this); - - // Iterate the legends - this.legends.forEach(function (legend) { - legend._draw(); - }, this); - - // If the chart has a storyboard - if (this.storyboard) { - this.storyboard._drawText(); - if (this.storyboard.autoplay) { - this.storyboard.startAnimation(); - } - } - - // Return the chart for chaining - return this; - - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/getColor.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-getColor - this.getColor = function (tag) { - // If no color is assigned, do so here - if (this._assignedColors[tag] === null || this._assignedColors[tag] === undefined) { - this._assignedColors[tag] = this.defaultColors[this._nextColor]; - this._nextColor = (this._nextColor + 1) % this.defaultColors.length; - } - // Return the color - return this._assignedColors[tag]; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setBounds.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setBounds - this.setBounds = function (x, y, width, height) { - // Store the passed parameters - this.x = x; - this.y = y; - this.width = width; - this.height = height; - // Access the pixel value of the x coordinate - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - this.draw(0, true); - // Access the pixel value of the y coordinate - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.svg.node()); - }; - // Refresh the axes to redraw them against the new bounds - // return the chart object for method chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setMargins.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setMargins - this.setMargins = function (left, top, right, bottom) { - // Set the bounds here, functions below will be used for access - this.x = left; - this.y = top; - this.width = 0; - this.height = 0; - // Access the pixel value of the x coordinate - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.svg.node()); - }; - // Access the pixel value of the y coordinate - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._widthPixels = function () { - return dimple._parentWidth(this.svg.node()) - this._xPixels() - dimple._parseXPosition(right, this.svg.node()); - }; - // Access the pixel value of the width coordinate - this._heightPixels = function () { - return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node()); - }; - // Refresh the axes to redraw them against the new bounds - this.draw(0, true); - // return the chart object for method chaining - return this; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/setStoryboard.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#wiki-setStoryboard - this.setStoryboard = function (categoryFields, tickHandler) { - // Create and assign the storyboard - this.storyboard = new dimple.storyboard(this, categoryFields); - // Set the event handler - if (tickHandler !== null && tickHandler !== undefined) { - this.storyboard.onTick = tickHandler; - } - // Return the storyboard - return this.storyboard; - }; - - }; - // End dimple.chart - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/color/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color - dimple.color = function (fill, stroke, opacity) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-fill - this.fill = fill; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-stroke - this.stroke = (stroke === null || stroke === undefined ? d3.rgb(fill).darker(0.5).toString() : stroke); - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.color#wiki-opacity - this.opacity = (opacity === null || opacity === undefined ? 0.8 : opacity); - - }; - // End dimple.color - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/eventArgs/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs - dimple.eventArgs = function () { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-seriesValue - this.seriesValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-xValue - this.xValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-yValue - this.yValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-zValue - this.zValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-pValue - this.pValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-colorValue - this.colorValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-frameValue - this.frameValue = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-seriesShapes - this.seriesShapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs#wiki-selectedShape - this.selectedShape = null; - - }; - // End dimple.eventArgs - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend - dimple.legend = function (chart, x, y, width, height, horizontalAlign, series) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-series - this.series = series; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-x - this.x = x; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-y - this.y = y; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-width - this.width = width; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-height - this.height = height; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-horizontalAlign - this.horizontalAlign = horizontalAlign; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-shapes - this.shapes = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.legend#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_draw.js - // Render the legend - this._draw = function () { - - // Create an array of distinct color elements from the series - var legendArray = this._getEntries(), - maxWidth = 0, - maxHeight = 0, - runningX = 0, - runningY = 0, - keyWidth = 15, - keyHeight = 9, - self = this, - theseShapes; - - // If there is already a legend remove it - if (this.shapes) { - this.shapes.remove(); - } - - // Create an empty hidden group for every legend entry - // the selector here must not pick up any legend entries being removed by the - // transition above - theseShapes = this.chart._group - .selectAll(".dimple-dont-select-any") - .data(legendArray) - .enter() - .append("g") - .attr("class", function (d) { - return "dimple-legend " + dimple._createClass(d.aggField); - }) - .attr("opacity", 1); - - // Add text into the group - theseShapes.append("text") - .attr("class", function (d) { - return "dimple-legend dimple-legend-text " + dimple._createClass(d.aggField); - }) - .text(function(d) { - return d.key; - }) - .call(function () { - if (!self.chart.noFormats) { - this.style("font-family", self.fontFamily) - .style("font-size", self._getFontSize()) - .style("shape-rendering", "crispEdges"); - } - }) - .each(function () { - var b = this.getBBox(); - if (b.width > maxWidth) { - maxWidth = b.width; - } - if (b.height > maxHeight) { - maxHeight = b.height; - } - }); - - // Add a rectangle into the group - theseShapes.append("rect") - .attr("class", function (d) { - return "dimple-legend dimple-legend-key " + dimple._createClass(d.aggField); - }) - .attr("height", keyHeight) - .attr("width", keyWidth); - - // Expand the bounds of the largest shape slightly. This will be the size allocated to - // all elements - maxHeight = (maxHeight < keyHeight ? keyHeight : maxHeight) + 2; - maxWidth += keyWidth + 20; - - // Iterate the shapes and position them based on the alignment and size of the legend - theseShapes - .each(function (d) { - if (runningX + maxWidth > self._widthPixels()) { - runningX = 0; - runningY += maxHeight; - } - if (runningY > self._heightPixels()) { - d3.select(this).remove(); - } else { - d3.select(this).select("text") - .attr("x", (self.horizontalAlign === "left" ? self._xPixels() + keyWidth + 5 + runningX : self._xPixels() + (self._widthPixels() - runningX - maxWidth) + keyWidth + 5)) - .attr("y", function () { - // This was previously done with dominant-baseline but this is used - // instead due to browser inconsistency. - return self._yPixels() + runningY + this.getBBox().height / 1.65; - }) - .attr("width", self._widthPixels()) - .attr("height", self._heightPixels()); - d3.select(this).select("rect") - .attr("class", function (d) { - return "dimple-legend dimple-legend-key " + dimple._createClass(d.aggField); - }) - .attr("x", (self.horizontalAlign === "left" ? self._xPixels() + runningX : self._xPixels() + (self._widthPixels() - runningX - maxWidth))) - .attr("y", self._yPixels() + runningY) - .attr("height", keyHeight) - .attr("width", keyWidth) - .style("fill", d.fill) - .style("stroke", d.stroke) - .style("opacity", d.opacity) - .style("shape-rendering", "crispEdges"); - runningX += maxWidth; - } - }); - - // Assign them to the public property for modification by the user. - this.shapes = theseShapes; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_getEntries.js - // Get an array of elements to be displayed in the legend - this._getEntries = function () { - // Create an array of distinct series values - var entries = []; - // If there are some series - if (this.series) { - // Iterate all the associated series - this.series.forEach(function (series) { - // Get the series data - var data = series._positionData; - // Iterate the aggregated data - data.forEach(function (row) { - // Check whether this element is new - var index = -1, - j, - // Handle grouped plots (e.g. line and area where multiple points are coloured the same way - field = ((series.plot.grouped && !series.x._hasCategories() && !series.y._hasCategories() && row.aggField.length < 2 ? "All" : row.aggField.slice(-1)[0])); - for (j = 0; j < entries.length; j += 1) { - if (entries[j].key === field) { - index = j; - break; - } - } - if (index === -1 && series.chart._assignedColors[field]) { - // If it's a new element create a new row in the return array - entries.push({ - key: field, - fill: series.chart._assignedColors[field].fill, - stroke: series.chart._assignedColors[field].stroke, - opacity: series.chart._assignedColors[field].opacity, - series: series, - aggField: row.aggField - }); - index = entries.length - 1; - } - }); - }, this); - } - return entries; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_heightPixels.js - // Access the pixel value of the height of the legend area - this._heightPixels = function () { - return dimple._parseYPosition(this.height, this.chart.svg.node()); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_widthPixels.js - // Access the pixel value of the width of the legend area - this._widthPixels = function () { - return dimple._parseXPosition(this.width, this.chart.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_xPixels.js - // Access the pixel position of the x co-ordinate of the legend area - this._xPixels = function () { - return dimple._parseXPosition(this.x, this.chart.svg.node()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/legend/methods/_yPixels.js - // Access the pixel position of the y co-ordinate of the legend area - this._yPixels = function () { - return dimple._parseYPosition(this.y, this.chart.svg.node()); - }; - }; - // End dimple.legend - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series - dimple.series = function (chart, categoryFields, xAxis, yAxis, zAxis, colorAxis, pieAxis, plotFunction, aggregateFunction, stacked) { - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-x - this.x = xAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-y - this.y = yAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-z - this.z = zAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-c - this.c = colorAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-p - this.p = pieAxis; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-plot - this.plot = plotFunction; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-categoryFields - this.categoryFields = categoryFields; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-aggregateFunction - this.aggregate = aggregateFunction; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-stacked - this.stacked = stacked; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-barGap - this.barGap = 0.2; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-clusterBarGap - this.clusterBarGap = 0.1; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-lineWeight - this.lineWeight = 2; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-lineMarkers - this.lineMarkers = false; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-afterDraw - this.afterDraw = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-interpolation - this.interpolation = "linear"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontSize - this.tooltipFontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontFamily - this.tooltipFontFamily = "sans-serif"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius - this.radius = "auto"; - - // Any event handlers joined to this series - this._eventHandlers = []; - // The series positioning information - this._positionData = []; - // The order definition array - this._orderRules = []; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_axisBounds.js - this._axisBounds = function (position) { - var bounds = { min: 0, max: 0 }, - // The primary axis for this comparison - primaryAxis = null, - // The secondary axis for this comparison - secondaryAxis = null, - // The running totals of the categories - categoryTotals = [], - // The maximum index of category totals - catCount = 0, - measureName, - fieldName, - distinctCats, - aggData = this._positionData; - - // If the primary axis is x the secondary is y and vice versa, a z axis has no secondary - if (position === "x") { - primaryAxis = this.x; - secondaryAxis = this.y; - } else if (position === "y") { - primaryAxis = this.y; - secondaryAxis = this.x; - } else if (position === "z") { - primaryAxis = this.z; - } else if (position === "p") { - primaryAxis = this.p; - } else if (position === "c") { - primaryAxis = this.c; - } - - // If the corresponding axis is category axis - if (primaryAxis.showPercent) { - // Iterate the data - aggData.forEach(function (d) { - if (d[primaryAxis.position + "Bound"] < bounds.min) { - bounds.min = d[primaryAxis.position + "Bound"]; - } - if (d[primaryAxis.position + "Bound"] > bounds.max) { - bounds.max = d[primaryAxis.position + "Bound"]; - } - }, this); - } else if (secondaryAxis === null || secondaryAxis.categoryFields === null || secondaryAxis.categoryFields.length === 0) { - aggData.forEach(function (d) { - // If the primary axis is stacked - if (this._isStacked() && (primaryAxis.position === "x" || primaryAxis.position === "y")) { - // We just need to push the bounds. A stacked axis will always include 0 so I just need to push the min and max out from there - if (d[primaryAxis.position + "Value"] < 0) { - bounds.min = bounds.min + d[primaryAxis.position + "Value"]; - } else { - bounds.max = bounds.max + d[primaryAxis.position + "Value"]; - } - } else { - // If it isn't stacked we need to catch the minimum and maximum values - if (d[primaryAxis.position + "Value"] < bounds.min) { - bounds.min = d[primaryAxis.position + "Value"]; - } - if (d[primaryAxis.position + "Value"] > bounds.max) { - bounds.max = d[primaryAxis.position + "Value"]; - } - } - }, this); - } else { - // If this category value (or combination if multiple fields defined) is not already in the array of categories, add it. - measureName = primaryAxis.position + "Value"; - fieldName = secondaryAxis.position + "Field"; - // Get a list of distinct categories on the secondary axis - distinctCats = []; - aggData.forEach(function (d) { - // Create a field for this row in the aggregated data - var field = d[fieldName].join("/"), - index = distinctCats.indexOf(field); - if (index === -1) { - distinctCats.push(field); - index = distinctCats.length - 1; - } - // Get the index of the field - if (categoryTotals[index] === undefined) { - categoryTotals[index] = { min: 0, max: 0 }; - if (index >= catCount) { - catCount = index + 1; - } - } - // The secondary axis is a category axis, we need to account - // for distribution across categories - if (this.stacked) { - if (d[measureName] < 0) { - categoryTotals[index].min = categoryTotals[index].min + d[measureName]; - } else { - categoryTotals[index].max = categoryTotals[index].max + d[measureName]; - } - } else { - // If it isn't stacked we need to catch the minimum and maximum values - if (d[measureName] < categoryTotals[index].min) { - categoryTotals[index].min = d[measureName]; - } - if (d[measureName] > categoryTotals[index].max) { - categoryTotals[index].max = d[measureName]; - } - } - }, this); - categoryTotals.forEach(function (catTot) { - if (catTot !== undefined) { - if (catTot.min < bounds.min) { - bounds.min = catTot.min; - } - if (catTot.max > bounds.max) { - bounds.max = catTot.max; - } - } - }, this); - } - return bounds; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_deepMatch.js - this._deepMatch = function (axis) { - // Return true if this series is dependant on the axis or any of its dependants - var match = false; - if (this[axis.position] === axis) { - match = true; - } else if (axis._slaves !== undefined && axis._slaves !== null && axis._slaves.length > 0) { - axis._slaves.forEach(function (slave) { - match = (match || this._deepMatch(slave)); - }, this); - } - return match; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_dropLineOrigin.js - this._dropLineOrigin = function() { - - // Get the origin co-ordinates for axis drop lines - var xIndex = 0, - yIndex = 0, - // This contains the drop line destinations - coord = { - // The x co-ordinate for a y-axis drop line - x: null, - // The y co-ordinate for an x-axis drop line - y: null - }, - // The origin of the first axes - firstOrig = { - x: null, - y: null - }; - // Get the first x and y first of all - this.chart.axes.forEach(function (axis) { - if (axis.position === "x" && firstOrig.x === null) { - if (axis._hasTimeField()) { - firstOrig.x = this.chart._xPixels(); - } else { - firstOrig.x = axis._origin; - } - } else if (axis.position === "y" && firstOrig.y === null) { - if (axis._hasTimeField()) { - firstOrig.y = this.chart._yPixels() + this.chart._heightPixels(); - } else { - firstOrig.y = axis._origin; - } - } - }, this); - // Get the axis position based on the axis index - this.chart.axes.forEach(function (axis) { - if (axis.position === "x" && !this.x.hidden) { - if (this._deepMatch(axis)) { - // Set the y co-ordinate for the x axis - if (xIndex === 0) { - coord.y = firstOrig.y; - } else if (xIndex === 1) { - coord.y = this.chart._yPixels(); - } - } - xIndex += 1; - } else if (axis.position === "y" && !this.y.hidden) { - if (this._deepMatch(axis)) { - // Set the x co-ordinate for the y axis - if (yIndex === 0) { - coord.x = firstOrig.x; - } else if (yIndex === 1) { - coord.x = this.chart._xPixels() + this.chart._widthPixels(); - } - } - yIndex += 1; - } - }, this); - - // Return the co-ordinate - return coord; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_getTooltipFontSize.js - this._getTooltipFontSize = function () { - var fontSize; - if (!this.tooltipFontSize || this.tooltipFontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.tooltipFontSize)) { - fontSize = this.tooltipFontSize + "px"; - } else { - fontSize = this.tooltipFontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/_isStacked.js - this._isStacked = function() { - return this.stacked && (this.x._hasCategories() || this.y._hasCategories()); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/addEventHandler.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-addEventHandler - this.addEventHandler = function (event, handler) { - this._eventHandlers.push({ event: event, handler: handler }); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/series/methods/getTooltipText.js - this.getTooltipText = function (e) { - var rows = []; - // Add the series categories - if (this.categoryFields !== null && this.categoryFields !== undefined && this.categoryFields.length > 0) { - this.categoryFields.forEach(function (c, i) { - if (c !== null && c !== undefined && e.aggField[i] !== null && e.aggField[i] !== undefined) { - // If the category name and value match don't display the category name - rows.push(c + (e.aggField[i] !== c ? ": " + e.aggField[i] : "")); - } - }, this); - } - - - if (!this.p) { - if (this.x) { - this.x._getTooltipText(rows, e); - } - if (this.y) { - this.y._getTooltipText(rows, e); - } - if (this.z) { - this.z._getTooltipText(rows, e); - } - } else { - if (this.x && this.x._hasCategories()) { - this.x._getTooltipText(rows, e); - } - if (this.y && this.y._hasCategories()) { - this.y._getTooltipText(rows, e); - } - if (this.z && this.z._hasCategories()) { - this.z._getTooltipText(rows, e); - } - this.p._getTooltipText(rows, e); - } - if (this.c) { - this.c._getTooltipText(rows, e); - } - // Get distinct text rows to deal with cases where 2 axes have the same dimensionality - return rows.filter(function (elem, pos) { return rows.indexOf(elem) === pos; }); - }; - }; - // End dimple.series - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/begin.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard - dimple.storyboard = function (chart, categoryFields) { - - // Handle an individual string as an array - if (categoryFields !== null && categoryFields !== undefined) { - categoryFields = [].concat(categoryFields); - } - - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-chart - this.chart = chart; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-categoryFields - this.categoryFields = categoryFields; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-autoplay - this.autoplay = true; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-frameDuration - this.frameDuration = 3000; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-storyLabel - this.storyLabel = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-onTick - this.onTick = null; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-fontSize - this.fontSize = "10px"; - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-fontFamily - this.fontFamily = "sans-serif"; - - // The current frame index - this._frame = 0; - // The animation interval - this._animationTimer = null; - // The category values - this._categories = []; - // The category values when the last cache happened - this._cachedCategoryFields = []; - // The rules for ordering the storyboard - this._orderRules = []; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/drawText.js - this._drawText = function () { - if (!this.storyLabel) { - var chart = this.chart, - self = this, - xCount = 0; - // Check for a secondary x axis - this.chart.axes.forEach(function (a) { - if (a.position === "x") { - xCount += 1; - } - }, this); - this.storyLabel = this.chart._group.append("text") - .attr("class", "dimple-storyboard-label") - .attr("opacity", 1) - .attr("x", this.chart._xPixels() + this.chart._widthPixels() * 0.01) - .attr("y", this.chart._yPixels() + (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) * (xCount > 1 ? 1.25 : -1)) - .call(function () { - if (!chart.noFormats) { - this.style("font-family", self.fontFamily) - .style("font-size", self._getFontSize()); - } - }); - } - this.storyLabel - .text(this.categoryFields.join("\\") + ": " + this.getFrameValue()); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_getCategories.js - this._getCategories = function() { - if (this._categoryFields !== this._cachedCategoryFields) { - // Clear the array - this._categories = []; - // Iterate every row in the data - this.chart._getAllData().forEach(function (d) { - // Initialise the index of the categories array matching the current row - var index = -1, - field = ""; - // If this is a category axis handle multiple category values by iterating the fields in the row and concatonate the values - if (this.categoryFields !== null) { - this.categoryFields.forEach(function (cat, i) { - if (i > 0) { - field += "/"; - } - field += d[cat]; - }, this); - index = this._categories.indexOf(field); - if (index === -1) { - this._categories.push(field); - index = this._categories.length - 1; - } - } - }, this); - // Mark this as cached - this._cachedCategoryFields = this._categoryFields; - } - // Return the array - return this._categories; - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_getFontSize.js - this._getFontSize = function () { - var fontSize; - if (!this.fontSize || this.fontSize.toString().toLowerCase() === "auto") { - fontSize = (this.chart._heightPixels() / 35 > 10 ? this.chart._heightPixels() / 35 : 10) + "px"; - } else if (!isNaN(this.fontSize)) { - fontSize = this.fontSize + "px"; - } else { - fontSize = this.fontSize; - } - return fontSize; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/_goToFrameIndex.js - this._goToFrameIndex = function (index) { - this._frame = index % this._getCategories().length; - // Draw it with half duration, we want the effect of a 50% animation 50% pause. - this.chart.draw(this.frameDuration / 2); - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/addOrderRule.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.storyboard#wiki-addOrderRule - this.addOrderRule = function (ordering, desc) { - this._orderRules.push({ ordering : ordering, desc : desc }); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/getFrameValue.js - this.getFrameValue = function () { - var returnValue = null; - if (this._frame >= 0 && this._getCategories().length > this._frame) { - returnValue = this._getCategories()[this._frame]; - } - return returnValue; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/goToFrame.js - this.goToFrame = function (frameText) { - if (this._getCategories().length > 0) { - var index = this._getCategories().indexOf(frameText); - this._goToFrameIndex(index); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/pauseAnimation.js - this.pauseAnimation = function () { - if (this._animationTimer !== null) { - window.clearInterval(this._animationTimer); - this._animationTimer = null; - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/startAnimation.js - this.startAnimation = function () { - if (this._animationTimer === null) { - if (this.onTick !== null) { this.onTick(this.getFrameValue()); } - this._animationTimer = window.setInterval((function (storyboard) { - return function () { - storyboard._goToFrameIndex(storyboard._frame + 1); - if (storyboard.onTick !== null) { - storyboard.onTick(storyboard.getFrameValue()); - } - storyboard._drawText(storyboard.frameDuration / 2); - }; - }(this)), this.frameDuration); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/storyboard/methods/stopAnimation.js - this.stopAnimation = function () { - if (this._animationTimer !== null) { - window.clearInterval(this._animationTimer); - this._animationTimer = null; - this._frame = 0; - } - }; - - - }; - // End dimple.storyboard - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/avg.js - dimple.aggregateMethod.avg = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - lhs.count = (lhs.count === null || lhs.count === undefined ? 1 : parseFloat(lhs.count)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - rhs.count = (rhs.count === null || rhs.count === undefined ? 1 : parseFloat(rhs.count)); - return ((lhs.value * lhs.count) + (rhs.value * rhs.count)) / (lhs.count + rhs.count); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/count.js - dimple.aggregateMethod.count = function (lhs, rhs) { - lhs.count = (lhs.count === null || lhs.count === undefined ? 0 : parseFloat(lhs.count)); - rhs.count = (rhs.count === null || rhs.count === undefined ? 0 : parseFloat(rhs.count)); - return lhs.count + rhs.count; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/max.js - dimple.aggregateMethod.max = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - return lhs.value > rhs.value ? lhs.value : rhs.value; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/min.js - dimple.aggregateMethod.min = function (lhs, rhs) { - return (lhs.value === null ? parseFloat(rhs.value) : (parseFloat(lhs.value) < parseFloat(rhs.value) ? parseFloat(lhs.value) : parseFloat(rhs.value))); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/aggregateMethod/sum.js - dimple.aggregateMethod.sum = function (lhs, rhs) { - lhs.value = (lhs.value === null || lhs.value === undefined ? 0 : parseFloat(lhs.value)); - rhs.value = (rhs.value === null || rhs.value === undefined ? 0 : parseFloat(rhs.value)); - return lhs.value + rhs.value; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/area.js - dimple.plot.area = { - - // By default the values are stacked - stacked: true, - - // This is a grouped plot meaning many points are treated as one series value - grouped: true, - - // The axis positions affecting the area series - supportedAxes: ["x", "y", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - // Get the position data - var data = series._positionData, - areaData = [], - theseShapes = null, - className = "dimple-series-" + chart.series.indexOf(series), - firstAgg = (series.x._hasCategories() || series.y._hasCategories() ? 0 : 1), - interpolation, - graded = false, - i, - j, - k, - key, - keyString, - rowIndex, - updated, - removed, - orderedSeriesArray, - catPoints = {}, - allPoints = [], - points, - finalPointArray = [], - basePoints, - basePoint, - cat, - catVal, - group, - p, - b, - l, - lastAngle, - catCoord, - valCoord, - onEnter = function () { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", 1); - dimple._showPointTooltip(e, shape, chart, series); - }; - }, - onLeave = function (lineData) { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", (series.lineMarkers || lineData.data.length < 2 ? dimple._helpers.opacity(e, chart, series) : 0)); - dimple._removeTooltip(e, shape, chart, series); - }; - }, - drawMarkers = function (d) { - dimple._drawMarkers(d, chart, series, duration, className, graded, onEnter(d), onLeave(d)); - }, - coord = function (position, datum) { - var val; - if (series.interpolation === "step" && series[position]._hasCategories()) { - val = dimple._helpers[position](datum, chart, series) + (position === "y" ? dimple._helpers.height(datum, chart, series) : 0); - if (series[position].categoryFields.length < 2) { - val += (position === "y" ? 1 : -1) * dimple._helpers[position + "Gap"](chart, series); - } - } else { - val = dimple._helpers["c" + position](datum, chart, series); - } - // Remove long decimals from the coordinates as this fills the dom up with noise and makes matching below less likely to work. It - // shouldn't really matter but positioning to < 0.1 pixel is pretty pointless anyway. UPDATE: Turns out it isn't, see Issue #79. points > pixels - // causes multiple points to fall on the same co-ordinate which results in drawing problems. - return parseFloat(val); - }, - getArea = function (inter, originProperty) { - return d3.svg.line() - .x(function (d) { return (series.x._hasCategories() || !originProperty ? d.x : series.x[originProperty]); }) - .y(function (d) { return (series.y._hasCategories() || !originProperty ? d.y : series.y[originProperty]); }) - .interpolate(inter); - }, - sortByVal = function (a, b) { - return parseFloat(a) - parseFloat(b); - }, - sortByX = function (a, b) { - return parseFloat(a.x) - parseFloat(b.x); - }, - addNextPoint = function (source, target, startAngle) { - // Given a point we need to find the next point clockwise from the start angle - var i, - point = target[target.length - 1], - thisAngle, - bestAngleSoFar = 9999, - returnPoint = point; - for (i = 0; i < source.length; i += 1) { - if (source[i].x !== point.x || source[i].y !== point.y) { - // get the angle in degrees since start angle - thisAngle = 180 - (Math.atan2(source[i].x - point.x, source[i].y - point.y) * (180 / Math.PI)); - if (thisAngle > startAngle && thisAngle < bestAngleSoFar) { - returnPoint = source[i]; - bestAngleSoFar = thisAngle; - } - } - } - target.push(returnPoint); - return bestAngleSoFar; - }; - - // Handle the special interpolation handling for step - interpolation = (series.interpolation === "step" ? "step-after" : series.interpolation); - - // Get the array of ordered values - orderedSeriesArray = dimple._getSeriesOrder(series.data || chart.data, series); - - if (series.c && ((series.x._hasCategories() && series.y._hasMeasure()) || (series.y._hasCategories() && series.x._hasMeasure()))) { - graded = true; - } - - // If there is a coordinate with categories get it here so we don't have to keep checking - if (series.x._hasCategories()) { - catCoord = "x"; - valCoord = "y"; - } else if (series.y._hasCategories()) { - catCoord = "y"; - valCoord = "x"; - } - - // Create a set of area data grouped by the aggregation field - for (i = 0; i < data.length; i += 1) { - key = []; - rowIndex = -1; - // Skip the first category unless there is a category axis on x or y - for (k = firstAgg; k < data[i].aggField.length; k += 1) { - key.push(data[i].aggField[k]); - } - // Find the corresponding row in the areaData - keyString = dimple._createClass(key); - for (k = 0; k < areaData.length; k += 1) { - if (areaData[k].keyString === keyString) { - rowIndex = k; - break; - } - } - // Add a row to the area data if none was found - if (rowIndex === -1) { - rowIndex = areaData.length; - areaData.push({ - key: key, - keyString: keyString, - color: "white", - data: [], - points: [], - area: {}, - entry: {}, - exit: {}, - // Group refers to groupings along the category axis. If there are groupings it will be recorded, otherwise all is used as a default - group: (catCoord && data[i][catCoord + "Field"] && data[i][catCoord + "Field"].length >= 2 ? data[i][catCoord + "Field"][0] : "All") - }); - } - // Add this row to the relevant data - areaData[rowIndex].data.push(data[i]); - } - - // Sort the area data itself based on the order series array - this matters for stacked areas and default color - // consistency with colors usually awarded in terms of prominence - if (orderedSeriesArray) { - areaData.sort(function (a, b) { - return dimple._arrayIndexCompare(orderedSeriesArray, a.key, b.key); - }); - } - - // Create a set of area data grouped by the aggregation field - for (i = 0; i < areaData.length; i += 1) { - // Sort the points so that areas are connected in the correct order - areaData[i].data.sort(dimple._getSeriesSortPredicate(chart, series, orderedSeriesArray)); - // Get points here, this is so that as well as drawing the line with them, we can also - // use them for the baseline - for (j = 0; j < areaData[i].data.length; j += 1) { - areaData[i].points.push({ - x: coord("x", areaData[i].data[j]), - y: coord("y", areaData[i].data[j]) - }); - // if there is a category axis, add the points to a distinct set. Set these to use the origin value - // this will be updated with the last value in each case as we build the areas - if (catCoord) { - if (!catPoints[areaData[i].group]) { - catPoints[areaData[i].group] = {}; - } - catPoints[areaData[i].group][areaData[i].points[areaData[i].points.length - 1][catCoord]] = series[valCoord]._origin; - } - } - points = areaData[i].points; - // If this is a step interpolation we need to add in some extra points to the category axis - // This is a little tricky but we need to add a new point duplicating the last category value. In order - // to place the point we need to calculate the gap between the last x and the penultimate x and apply that - // gap again. - if (series.interpolation === "step" && points.length > 1 && catCoord) { - if (series.x._hasCategories()) { - points.push({ - x : 2 * points[points.length - 1].x - points[points.length - 2].x, - y : points[points.length - 1].y - }); - catPoints[areaData[i].group][points[points.length - 1][catCoord]] = series[valCoord]._origin; - } else if (series.y._hasCategories()) { - points = [{ - x : points[0].x, - y : 2 * points[0].y - points[1].y - }].concat(points); - catPoints[areaData[i].group][points[0][catCoord]] = series[valCoord]._origin; - // The prepend above breaks the reference so it needs to be reapplied here. - areaData[i].points = points; - } - } - } - - // catPoints needs to be lookup, but also accessed sequentially so we need to create an array of keys - for (cat in catPoints) { - if (catPoints.hasOwnProperty(cat)) { - allPoints[cat] = []; - for (catVal in catPoints[cat]) { - if (catPoints[cat].hasOwnProperty(catVal)) { - allPoints[cat].push(parseFloat(catVal)); - } - } - // Sort the points as integers - allPoints[cat].sort(sortByVal); - } - } - - // Create the areas - for (i = 0; i < areaData.length; i += 1) { - points = areaData[i].points; - group = areaData[i].group; - basePoints = []; - finalPointArray = []; - // If this should have colour gradients, add them - if (graded) { - dimple._addGradient(areaData[i].key, "fill-area-gradient-" + areaData[i].keyString, (series.x._hasCategories() ? series.x : series.y), data, chart, duration, "fill"); - } - // All points will only be populated if there is a category axis - if (allPoints[group] && allPoints[group].length > 0) { - // Iterate the point array because we need to fill in zero points for missing ones, otherwise the areas - // will cross where an upper area has no value and a lower value has a spike Issue #7 - for (j = 0, k = 0; j < allPoints[group].length; j += 1) { - // We are only interested in points between the first and last point of this areas data (i.e. don't fill ends - important - // for grouped area charts). We have to use a strange criteria here. If there are no group gaps on a grouped area - // chart the end point of one series will clash with the start point of another, therefore we have to ignore fill-in's within - // a couple of pixels of the start and end points - if (allPoints[group][j] >= points[0][catCoord] && allPoints[group][j] <= points[points.length - 1][catCoord]) { - // Get a base point, this needs to go on the base points array as well as filling in gaps in the point array. - // Create a point using the coordinate on the category axis and the last recorded value - // position from the dictionary - basePoint = {}; - basePoint[catCoord] = allPoints[group][j]; - basePoint[valCoord] = catPoints[group][allPoints[group][j]]; - // add the base point - basePoints.push(basePoint); - // handle missing points - if (points[k][catCoord] > allPoints[group][j]) { - // If there is a missing point we need to in fill - finalPointArray.push(basePoint); - } else { - // They must be the same - finalPointArray.push(points[k]); - // Use this to update the dictionary to the new value coordinate - catPoints[areaData[i].group][allPoints[group][j]] = points[k][valCoord]; - k += 1; - } - } - } - } else { - // If there is no category axis we need to apply some custom logic. In order to avoid - // really jagged areas the default behaviour will be to draw from the left most point then rotate a line - // clockwise until it hits another point and continue from each point until back to where we started. This - // means it will not connect every point, but it will contain every point: - // E.g. - // D - // C - // A B E - // F G - // H - // - // Would draw A -> C -> D -> E -> G -> H -> A - // - // This may not be what everyone wants so if there is a series order specified we will just join - // the points in that order instead. This will not allow users to skip points and therefore not achieve - // the default behaviour explicitly. - if (series._orderRules && series._orderRules.length > 0) { - finalPointArray = points.concat(points[0]); - } else { - // Find the leftmost point - points = points.sort(sortByX); - finalPointArray.push(points[0]); - lastAngle = 0; - // Iterate until the first and last points match - do { - lastAngle = addNextPoint(points, finalPointArray, lastAngle); - } while (finalPointArray.length <= points.length && (finalPointArray[0].x !== finalPointArray[finalPointArray.length - 1].x || finalPointArray[0].y !== finalPointArray[finalPointArray.length - 1].y)); - } - } - - // Reverse the base points so that they are in the correct order for the path - basePoints = basePoints.reverse(); - - // Get the points that this area will appear - p = getArea(interpolation, "_previousOrigin")(finalPointArray); - b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints); - l = getArea("linear", "_previousOrigin")(finalPointArray); - areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - p = getArea(interpolation)(finalPointArray); - b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints); - l = getArea("linear")(finalPointArray); - areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - p = getArea(interpolation, "_origin")(finalPointArray); - b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints); - l = getArea("linear", "_origin")(finalPointArray); - areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); - - // Add the color in this loop, it can't be done during initialisation of the row because - // the areas should be ordered first (to ensure standard distribution of colors - areaData[i].color = chart.getColor(areaData[i].key.length > 0 ? areaData[i].key[areaData[i].key.length - 1] : "All"); - - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + className).data(areaData); - } else { - theseShapes = series.shapes.data(areaData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("path") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { return className + " dimple-line " + d.keyString; }) - .attr("d", function (d) { return d.entry; }) - .call(function () { - // Apply formats optionally - if (!chart.noFormats) { - this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); }) - .attr("fill", function (d) { return (graded ? "url(#fill-area-gradient-" + d.keyString + ")" : d.color.fill); }) - .attr("stroke", function (d) { return (graded ? "url(#stroke-area-gradient-" + d.keyString + ")" : d.color.stroke); }) - .attr("stroke-width", series.lineWeight); - } - }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart) - .attr("d", function (d) { return d.update; }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart) - .attr("d", function (d) { return d.exit; }) - .each(function (d) { - // Using all data for the markers fails because there are no exits in the markers - // only the whole line, therefore we need to clear the points here - d.markerData = []; - drawMarkers(d); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/bar.js - dimple.plot.bar = { - - // By default the bar series is stacked if there are series categories - stacked: true, - - // This is not a grouped plot meaning that one point is treated as one series value - grouped: false, - - // The axes which will affect the bar chart - not z - supportedAxes: ["x", "y", "c"], - - // Draw the chart - draw: function (chart, series, duration) { - - var chartData = series._positionData, - theseShapes = null, - classes = ["dimple-series-" + chart.series.indexOf(series), "dimple-bar"], - updated, - removed, - xFloat = !series._isStacked() && series.x._hasMeasure(), - yFloat = !series._isStacked() && series.y._hasMeasure(), - cat = "none"; - - if (series.x._hasCategories() && series.y._hasCategories()) { - cat = "both"; - } else if (series.x._hasCategories()) { - cat = "x"; - } else if (series.y._hasCategories()) { - cat = "y"; - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); - } else { - theseShapes = series.shapes.data(chartData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("rect") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - var c = []; - c = c.concat(d.aggField); - c = c.concat(d.xField); - c = c.concat(d.yField); - return classes.join(" ") + " " + dimple._createClass(c); - }) - .attr("x", function (d) { - var returnValue = series.x._previousOrigin; - if (cat === "x") { - returnValue = dimple._helpers.x(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cx(d, chart, series); - } - return returnValue; - }) - .attr("y", function (d) { - var returnValue = series.y._previousOrigin; - if (cat === "y") { - returnValue = dimple._helpers.y(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cy(d, chart, series); - } - return returnValue; - }) - .attr("width", function (d) { return (cat === "x" ? dimple._helpers.width(d, chart, series) : 0); }) - .attr("height", function (d) { return (cat === "y" ? dimple._helpers.height(d, chart, series) : 0); }) - .attr("opacity", function (d) { return dimple._helpers.opacity(d, chart, series); }) - .on("mouseover", function (e) { dimple._showBarTooltip(e, this, chart, series); }) - .on("mouseleave", function (e) { dimple._removeTooltip(e, this, chart, series); }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart, series) - .attr("x", function (d) { return xFloat ? dimple._helpers.cx(d, chart, series) - series.x.floatingBarWidth / 2 : dimple._helpers.x(d, chart, series); }) - .attr("y", function (d) { return yFloat ? dimple._helpers.cy(d, chart, series) - series.y.floatingBarWidth / 2 : dimple._helpers.y(d, chart, series); }) - .attr("width", function (d) { return (xFloat ? series.x.floatingBarWidth : dimple._helpers.width(d, chart, series)); }) - .attr("height", function (d) { return (yFloat ? series.y.floatingBarWidth : dimple._helpers.height(d, chart, series)); }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart, series) - .attr("x", function (d) { - var returnValue = series.x._origin; - if (cat === "x") { - returnValue = dimple._helpers.x(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cx(d, chart, series); - } - return returnValue; - }) - .attr("y", function (d) { - var returnValue = series.y._origin; - if (cat === "y") { - returnValue = dimple._helpers.y(d, chart, series); - } else if (cat === "both") { - returnValue = dimple._helpers.cy(d, chart, series); - } - return returnValue; - }) - .attr("width", function (d) { return (cat === "x" ? dimple._helpers.width(d, chart, series) : 0); }) - .attr("height", function (d) { return (cat === "y" ? dimple._helpers.height(d, chart, series) : 0); }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/bubble.js - dimple.plot.bubble = { - - // By default the bubble values are not stacked - stacked: false, - - // This is not a grouped plot meaning that one point is treated as one series value - grouped: false, - - // The axis positions affecting the bubble series - supportedAxes: ["x", "y", "z", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - - var chartData = series._positionData, - theseShapes = null, - classes = ["dimple-series-" + chart.series.indexOf(series), "dimple-bubble"], - updated, - removed; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); - } else { - theseShapes = series.shapes.data(chartData, function (d) { - return d.key; - }); - } - - // Add - theseShapes - .enter() - .append("circle") - .attr("id", function (d) { - return d.key; - }) - .attr("class", function (d) { - var c = []; - c = c.concat(d.aggField); - c = c.concat(d.xField); - c = c.concat(d.yField); - c = c.concat(d.zField); - return classes.join(" ") + " " + dimple._createClass(c); - }) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); - }) - .attr("r", 0) - .attr("opacity", function (d) { - return dimple._helpers.opacity(d, chart, series); - }) - .on("mouseover", function (e) { - dimple._showPointTooltip(e, this, chart, series); - }) - .on("mouseleave", function (e) { - dimple._removeTooltip(e, this, chart, series); - }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { - return dimple._helpers.fill(d, chart, series); - }) - .attr("stroke", function (d) { - return dimple._helpers.stroke(d, chart, series); - }); - } - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart, series) - .attr("cx", function (d) { - return dimple._helpers.cx(d, chart, series); - }) - .attr("cy", function (d) { - return dimple._helpers.cy(d, chart, series); - }) - .attr("r", function (d) { - return dimple._helpers.r(d, chart, series); - }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { - return dimple._helpers.fill(d, chart, series); - }) - .attr("stroke", function (d) { - return dimple._helpers.stroke(d, chart, series); - }); - } - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart, series) - .attr("r", 0) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - } - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/plot/line.js - dimple.plot.line = { - - // By default the values are not stacked - stacked: false, - - // This is a grouped plot meaning many points are treated as one series value - grouped: true, - - // The axis positions affecting the line series - supportedAxes: ["x", "y", "c"], - - // Draw the axis - draw: function (chart, series, duration) { - // Get the position data - var data = series._positionData, - lineData = [], - theseShapes = null, - className = "dimple-series-" + chart.series.indexOf(series), - firstAgg = (series.x._hasCategories() || series.y._hasCategories() ? 0 : 1), - interpolation, - graded = false, - i, - j, - k, - key, - keyString, - rowIndex, - updated, - removed, - orderedSeriesArray, - onEnter = function () { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", 1); - dimple._showPointTooltip(e, shape, chart, series); - }; - }, - onLeave = function (lineData) { - return function (e, shape, chart, series) { - d3.select(shape).style("opacity", (series.lineMarkers || lineData.data.length < 2 ? dimple._helpers.opacity(e, chart, series) : 0)); - dimple._removeTooltip(e, shape, chart, series); - }; - }, - drawMarkers = function (d) { - dimple._drawMarkers(d, chart, series, duration, className, graded, onEnter(d), onLeave(d)); - }, - coord = function (position, datum) { - var val; - if (series.interpolation === "step" && series[position]._hasCategories()) { - series.barGap = 0; - series.clusterBarGap = 0; - val = dimple._helpers[position](datum, chart, series) + (position === "y" ? dimple._helpers.height(datum, chart, series) : 0); - } else { - val = dimple._helpers["c" + position](datum, chart, series); - } - // Remove long decimals from the coordinates as this fills the dom up with noise and makes matching below less likely to work. It - // shouldn't really matter but positioning to < 0.1 pixel is pretty pointless anyway. - return parseFloat(val.toFixed(1)); - }, - getLine = function (inter, originProperty) { - return d3.svg.line() - .x(function (d) { return (series.x._hasCategories() || !originProperty ? d.x : series.x[originProperty]); }) - .y(function (d) { return (series.y._hasCategories() || !originProperty ? d.y : series.y[originProperty]); }) - .interpolate(inter); - }; - - // Handle the special interpolation handling for step - interpolation = (series.interpolation === "step" ? "step-after" : series.interpolation); - - // Get the array of ordered values - orderedSeriesArray = dimple._getSeriesOrder(series.data || chart.data, series); - - if (series.c && ((series.x._hasCategories() && series.y._hasMeasure()) || (series.y._hasCategories() && series.x._hasMeasure()))) { - graded = true; - } - - // Create a set of line data grouped by the aggregation field - for (i = 0; i < data.length; i += 1) { - key = []; - rowIndex = -1; - // Skip the first category unless there is a category axis on x or y - for (k = firstAgg; k < data[i].aggField.length; k += 1) { - key.push(data[i].aggField[k]); - } - // Find the corresponding row in the lineData - keyString = dimple._createClass(key); - for (k = 0; k < lineData.length; k += 1) { - if (lineData[k].keyString === keyString) { - rowIndex = k; - break; - } - } - // Add a row to the line data if none was found - if (rowIndex === -1) { - rowIndex = lineData.length; - lineData.push({ - key: key, - keyString: keyString, - color: "white", - data: [], - markerData: [], - points: [], - line: {}, - entry: {}, - exit: {} - }); - } - // Add this row to the relevant data - lineData[rowIndex].data.push(data[i]); - } - - // Sort the line data itself based on the order series array - this matters for stacked lines and default color - // consistency with colors usually awarded in terms of prominence - if (orderedSeriesArray) { - lineData.sort(function (a, b) { - return dimple._arrayIndexCompare(orderedSeriesArray, a.key, b.key); - }); - } - - // Create a set of line data grouped by the aggregation field - for (i = 0; i < lineData.length; i += 1) { - // Sort the points so that lines are connected in the correct order - lineData[i].data.sort(dimple._getSeriesSortPredicate(chart, series, orderedSeriesArray)); - // If this should have colour gradients, add them - if (graded) { - dimple._addGradient(lineData[i].key, "fill-line-gradient-" + lineData[i].keyString, (series.x._hasCategories() ? series.x : series.y), data, chart, duration, "fill"); - } - - // Get points here, this is so that as well as drawing the line with them, we can also - // use them for the baseline - for (j = 0; j < lineData[i].data.length; j += 1) { - lineData[i].points.push({ - x: coord("x", lineData[i].data[j]), - y: coord("y", lineData[i].data[j]) - }); - } - // If this is a step interpolation we need to add in some extra points to the category axis - // This is a little tricky but we need to add a new point duplicating the last category value. In order - // to place the point we need to calculate the gap between the last x and the penultimate x and apply that - // gap again. - if (series.interpolation === "step" && lineData[i].points.length > 1) { - if (series.x._hasCategories()) { - lineData[i].points.push({ - x : 2 * lineData[i].points[lineData[i].points.length - 1].x - lineData[i].points[lineData[i].points.length - 2].x, - y : lineData[i].points[lineData[i].points.length - 1].y - }); - } else if (series.y._hasCategories()) { - lineData[i].points = [{ - x : lineData[i].points[0].x, - y : 2 * lineData[i].points[0].y - lineData[i].points[1].y - }].concat(lineData[i].points); - } - } - - // Get the points that this line will appear - lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points); - lineData[i].update = getLine(interpolation)(lineData[i].points); - lineData[i].exit = getLine(interpolation, "_origin")(lineData[i].points); - - // Add the color in this loop, it can't be done during initialisation of the row because - // the lines should be ordered first (to ensure standard distribution of colors - lineData[i].color = chart.getColor(lineData[i].key.length > 0 ? lineData[i].key[lineData[i].key.length - 1] : "All"); - } - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + className).data(lineData); - } else { - theseShapes = series.shapes.data(lineData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("path") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - return className + " dimple-line " + d.keyString; - }) - .attr("d", function (d) { - return d.entry; - }) - .call(function () { - // Apply formats optionally - if (!chart.noFormats) { - this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); }) - .attr("fill", "none") - .attr("stroke", function (d) { return (graded ? "url(#fill-line-gradient-" + d.keyString + ")" : d.color.stroke); }) - .attr("stroke-width", series.lineWeight); - } - }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart) - .attr("d", function (d) { return d.update; }) - .each(function (d) { - // Pass line data to markers - d.markerData = d.data; - drawMarkers(d); - }); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart) - .attr("d", function (d) { return d.exit; }) - .each(function (d) { - // Using all data for the markers fails because there are no exits in the markers - // only the whole line, therefore we need to clear the points here - d.markerData = []; - drawMarkers(d); - }); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - - } - }; - - - dimple.plot.pie = { - // By default the bar series is stacked if there are series categories - stacked: false, - // This is not a grouped plot meaning that one point is treated as one series value - grouped: false, - // The axes which will affect the bar chart - not z - supportedAxes: ["x", "y", "c", "z", "p"], - - // Draw the chart - draw: function (chart, series, duration) { - - var chartData = series._positionData, - theseShapes = null, - classes = ["dimple-series-" + chart.series.indexOf(series), "dimple-pie"], - updated, - removed, - getOuterBase = function (d) { - var oR; - if (series.x && series.y) { - oR = dimple._helpers.r(d, chart, series); - } else { - oR = chart._widthPixels() < chart._heightPixels() ? chart._widthPixels() / 2 : chart._heightPixels() / 2; - } - return oR; - }, - getOuterRadius = function (d) { - var oR = getOuterBase(d); - if (series.outerRadius) { - oR = dimple._parsePosition(series.outerRadius, oR); - } - return Math.max(oR, 0); - }, - getInnerRadius = function (d) { - var iR = 0; - if (series.innerRadius) { - iR = dimple._parsePosition(series.innerRadius, getOuterBase(d)); - } - return Math.max(iR, 0); - }, - getArc = function (d) { - // Calculate the radii of the circles - var arc; - // The actual arc - arc = d3.svg.arc() - .innerRadius(getInnerRadius(d)) - .outerRadius(getOuterRadius(d)); - // Return the value - return arc(d); - }, - arcTween = function (a) { - a.innerRadius = getInnerRadius(a); - a.outerRadius = getOuterRadius(a); - var i = d3.interpolate(this._current, a), - arc; - // The actual arc - arc = d3.svg.arc() - .innerRadius(function (d) { return d.innerRadius; }) - .outerRadius(function (d) { return d.outerRadius; }); - this._current = i(0); - return function(t) { - return arc(i(t)); - }; - }, - getTransform = function (origin) { - return function (d) { - var xString, - yString; - if (series.x && series.y) { - if (!origin || series.x._hasCategories()) { - xString = dimple._helpers.cx(d, chart, series); - } else { - xString = series.x._previousOrigin; - } - if (!origin || series.y._hasCategories()) { - yString = dimple._helpers.cy(d, chart, series); - } else { - yString = series.y._previousOrigin; - } - } else { - xString = (chart._xPixels() + chart._widthPixels() / 2); - yString = (chart._yPixels() + chart._heightPixels() / 2); - } - return "translate(" + xString + "," + yString + ")"; - }; - }; - - // Clear tool tips - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - - if (series.shapes === null || series.shapes === undefined) { - theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); - } else { - theseShapes = series.shapes.data(chartData, function (d) { return d.key; }); - } - - // Add - theseShapes - .enter() - .append("path") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - var c = []; - c = c.concat(d.aggField); - c = c.concat(d.pField); - return classes.join(" ") + " " + dimple._createClass(c); - }) - .attr("d", getArc) - .attr("opacity", function (d) { return dimple._helpers.opacity(d, chart, series); }) - .on("mouseover", function (e) { dimple._showBarTooltip(e, this, chart, series); }) - .on("mouseleave", function (e) { dimple._removeTooltip(e, this, chart, series); }) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }) - .attr("transform", getTransform(true)) - .each(function (d) { - this._current = d; - d.innerRadius = getInnerRadius(d); - d.outerRadius = getOuterRadius(d); - }); - - // Update - updated = chart._handleTransition(theseShapes, duration, chart, series) - .call(function () { - if (duration && duration > 0) { - this.attrTween("d", arcTween); - } else { - this.attr("d", getArc); - } - if (!chart.noFormats) { - this.attr("fill", function (d) { return dimple._helpers.fill(d, chart, series); }) - .attr("stroke", function (d) { return dimple._helpers.stroke(d, chart, series); }); - } - }) - .attr("transform", getTransform(false)); - - // Remove - removed = chart._handleTransition(theseShapes.exit(), duration, chart, series) - .attr("transform", getTransform(true)) - .attr("d", getArc); - - dimple._postDrawHandling(series, updated, removed, duration); - - // Save the shapes to the series array - series.shapes = theseShapes; - } - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_addGradient.js - dimple._addGradient = function (seriesValue, id, categoryAxis, data, chart, duration, colorProperty) { - - var sArray = [].concat(seriesValue), - grad = chart._group.select("#" + id), - cats = [], - field = categoryAxis.position + "Field", - transition = true, - colors = []; - - data.forEach(function (d) { - if (cats.indexOf(d[field]) === -1 && d.aggField.join("_") === sArray.join("_")) { - cats.push(d[field]); - } - }, this); - - cats = cats.sort(function (a, b) { return categoryAxis._scale(a) - categoryAxis._scale(b); }); - - if (grad.node() === null) { - transition = false; - grad = chart._group.append("linearGradient") - .attr("id", id) - .attr("gradientUnits", "userSpaceOnUse") - .attr("x1", (categoryAxis.position === "x" ? categoryAxis._scale(cats[0]) + ((chart._widthPixels() / cats.length) / 2) : 0)) - .attr("y1", (categoryAxis.position === "y" ? categoryAxis._scale(cats[0]) - ((chart._heightPixels() / cats.length) / 2) : 0)) - .attr("x2", (categoryAxis.position === "x" ? categoryAxis._scale(cats[cats.length - 1]) + ((chart._widthPixels() / cats.length) / 2) : 0)) - .attr("y2", (categoryAxis.position === "y" ? categoryAxis._scale(cats[cats.length - 1]) - ((chart._heightPixels() / cats.length) / 2) : 0)); - } - - cats.forEach(function (cat, j) { - - var row = {}, - k = 0; - - for (k = 0; k < data.length; k = k + 1) { - if (data[k].aggField.join("_") === sArray.join("_") && data[k][field].join("_") === cat.join("_")) { - row = data[k]; - break; - } - } - - colors.push({ offset: Math.round((j / (cats.length - 1)) * 100) + "%", color: row[colorProperty] }); - }, this); - - if (transition) { - chart._handleTransition(grad.selectAll("stop").data(colors), duration, chart) - .attr("offset", function(d) { return d.offset; }) - .attr("stop-color", function(d) { return d.color; }); - } else { - grad.selectAll("stop") - .data(colors) - .enter() - .append("stop") - .attr("offset", function(d) { return d.offset; }) - .attr("stop-color", function(d) { return d.color; }); - } - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_arrayIndexCompare.js - dimple._arrayIndexCompare = function (array, a, b) { - // Find the element which comes first in the array - var returnValue, - p, - q, - aMatch, - bMatch, - rowArray; - for (p = 0; p < array.length; p += 1) { - aMatch = true; - bMatch = true; - rowArray = [].concat(array[p]); - for (q = 0; q < a.length; q += 1) { - aMatch = aMatch && (a[q] === rowArray[q]); - } - for (q = 0; q < b.length; q += 1) { - bMatch = bMatch && (b[q] === rowArray[q]); - } - if (aMatch && bMatch) { - returnValue = 0; - break; - } else if (aMatch) { - returnValue = -1; - break; - } else if (bMatch) { - returnValue = 1; - break; - } - } - return returnValue; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_createClass.js - dimple._createClass = function (stringArray) { - var i, - returnArray = [], - replacer = function(s) { - var c = s.charCodeAt(0), - returnString = "-"; - if (c >= 65 && c <= 90) { - returnString = s.toLowerCase(); - } - return returnString; - }; - if (stringArray.length > 0) { - for (i = 0; i < stringArray.length; i += 1) { - /*jslint regexp: true */ - returnArray.push("dimple-" + stringArray[i].toString().replace(/[^a-z0-9]/g, replacer)); - /*jslint regexp: false */ - } - } else { - returnArray = ["dimple-all"]; - } - return returnArray.join(" "); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkerBacks.js - dimple._drawMarkerBacks = function (lineDataRow, chart, series, duration, className) { - var markerBacks, - markerBackClasses = ["dimple-marker-back", className, lineDataRow.keyString], - rem; - if (series.lineMarkers) { - if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) { - markerBacks = chart._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData); - } else { - markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; }); - } - // Add - markerBacks - .enter() - .append("circle") - .attr("id", function (d) { return d.key; }) - .attr("class", function (d) { - var fields = []; - if (series.x._hasCategories()) { - fields = fields.concat(d.xField); - } - if (series.y._hasCategories()) { - fields = fields.concat(d.yField); - } - return dimple._createClass(fields) + " " + markerBackClasses.join(" "); - }) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); }) - .attr("r", 0) - .attr("fill", "white") - .attr("stroke", "none"); - - // Update - chart._handleTransition(markerBacks, duration, chart) - .attr("cx", function (d) { return dimple._helpers.cx(d, chart, series); }) - .attr("cy", function (d) { return dimple._helpers.cy(d, chart, series); }) - .attr("r", 2 + series.lineWeight); - - // Remove - rem = chart._handleTransition(markerBacks.exit(), duration, chart) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); }) - .attr("r", 0); - - // Run after transition methods - if (duration === 0) { - rem.remove(); - } else { - rem.each("end", function () { - d3.select(this).remove(); - }); - } - - if (series._markerBacks === undefined || series._markerBacks === null) { - series._markerBacks = {}; - } - series._markerBacks[lineDataRow.keyString] = markerBacks; - } - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkers.js - dimple._drawMarkers = function (lineDataRow, chart, series, duration, className, useGradient, enterEventHandler, leaveEventHandler) { - var markers, - markerClasses = ["dimple-marker", className, lineDataRow.keyString], - rem; - - // Begin by drawing the backings - dimple._drawMarkerBacks(lineDataRow, chart, series, duration, className); - - // Deal with markers in the same way as main series to fix #28 - if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) { - markers = chart._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData); - } else { - markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { - return d.key; - }); - } - // Add - markers - .enter() - .append("circle") - .attr("id", function (d) { - return d.key; - }) - .attr("class", function (d) { - var fields = []; - if (series.x._hasCategories()) { - fields = fields.concat(d.xField); - } - if (series.y._hasCategories()) { - fields = fields.concat(d.yField); - } - return dimple._createClass(fields) + " " + markerClasses.join(" "); - }) - .on("mouseover", function (e) { - enterEventHandler(e, this, chart, series); - }) - .on("mouseleave", function (e) { - leaveEventHandler(e, this, chart, series); - }) - .attr("cx", function (d) { - return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._previousOrigin); - }) - .attr("cy", function (d) { - return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._previousOrigin); - }) - .attr("r", 0) - .attr("opacity", (series.lineMarkers || lineDataRow.data.length < 2 ? lineDataRow.color.opacity : 0)) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", "white") - .style("stroke-width", series.lineWeight) - .attr("stroke", function (d) { - return (useGradient ? dimple._helpers.fill(d, chart, series) : lineDataRow.color.stroke); - }); - } - }); - - // Update - chart._handleTransition(markers, duration, chart) - .attr("cx", function (d) { return dimple._helpers.cx(d, chart, series); }) - .attr("cy", function (d) { return dimple._helpers.cy(d, chart, series); }) - .attr("r", 2 + series.lineWeight) - .call(function () { - if (!chart.noFormats) { - this.attr("fill", "white") - .style("stroke-width", series.lineWeight) - .attr("stroke", function (d) { - return (useGradient ? dimple._helpers.fill(d, chart, series) : lineDataRow.color.stroke); - }); - } - }); - - // Remove - rem = chart._handleTransition(markers.exit(), duration, chart) - .attr("cx", function (d) { return (series.x._hasCategories() ? dimple._helpers.cx(d, chart, series) : series.x._origin); }) - .attr("cy", function (d) { return (series.y._hasCategories() ? dimple._helpers.cy(d, chart, series) : series.y._origin); }) - .attr("r", 0); - - // Run after transition methods - if (duration === 0) { - rem.remove(); - } else { - rem.each("end", function () { - d3.select(this).remove(); - }); - } - - if (series._markers === undefined || series._markers === null) { - series._markers = {}; - } - series._markers[lineDataRow.keyString] = markers; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/objects/chart/methods/_getOrderedList.js - dimple._getOrderedList = function (data, mainField, levelDefinitions) { - var rollupData, - sortStack = [], - finalArray = [], - mainArray = [].concat(mainField), - fields = [].concat(mainField), - defs = []; - - // Force the level definitions into an array - if (levelDefinitions !== null && levelDefinitions !== undefined) { - defs = defs.concat(levelDefinitions); - } - // Add the base case - defs = defs.concat({ ordering: mainArray, desc: false }); - // Exclude fields if this does not contain a function - defs.forEach(function (def) { - var field, - values = [], - tempFields = []; - if (typeof def.ordering === "function") { - for (field in data[0]) { - if (data[0].hasOwnProperty(field) && fields.indexOf(field) === -1) { - fields.push(field); - } - } - } else if (!(def.ordering instanceof Array)) { - fields.push(def.ordering); - } else { - // We now receive fields as an array or values as an array which is a bit of an oversight in the API - // We will therefore check the values of the array against the fields in the data - for (field = 0; field < def.ordering.length; field += 1) { - if (data[0].hasOwnProperty(def.ordering[field])) { - tempFields.push(def.ordering[field]); - } - values.push(def.ordering[field]); - } - // If more than half of the values are fields we will assume that these are fields and not dimension values - if (tempFields.length > values.length / 2) { - fields.concat(tempFields); - } else { - def.values = values; - } - } - }, this); - rollupData = dimple._rollUp(data, mainArray, fields); - // If we go below the leaf stop recursing - if (defs.length >= 1) { - // Build a stack of compare methods - // Iterate each level definition - defs.forEach(function (def) { - // Draw ascending by default - var desc = (def.desc === null || def.desc === undefined ? false : def.desc), - ordering = def.ordering, - orderArray = [], - sum = function (array) { - var total = 0, - i; - for (i = 0; i < array.length; i += 1) { - if (isNaN(array[i])) { - total = undefined; - break; - } else { - total += parseFloat(array[i]); - } - } - return total; - }, - compare = function (a, b) { - var result = 0, - sumA = sum(a), - sumB = sum(b); - if (!isNaN(sumA) && !isNaN(sumB)) { - result = parseFloat(sumA) - parseFloat(sumB); - } else if (!isNaN(Date.parse(a[0])) && !isNaN(Date.parse(b[0]))) { - result = Date.parse(a[0]) - Date.parse(b[0]); - } else if (a[0] < b[0]) { - result = -1; - } else if (a[0] > b[0]) { - result = 1; - } - return result; - }; - // Handle the ordering based on the type set - if (typeof ordering === "function") { - // Apply the sort predicate directly - sortStack.push(function (a, b) { - return (desc ? -1 : 1) * ordering(a, b); - }); - } else if (def.values && def.values.length > 0) { - // The order list may be an array of arrays - // combine the values with pipe delimiters. - // The delimiter is irrelevant as long as it is consistent - // with the sort predicate below - def.values.forEach(function (d) { - orderArray.push(([].concat(d)).join("|")); - }, this); - // Sort according to the axis position - sortStack.push(function (a, b) { - var aStr = "", - bStr = "", - aIx, - bIx, - i; - for (i = 0; i < mainArray.length; i += 1) { - if (i > 0) { - aStr += "|"; - bStr += "|"; - } - aStr += a[mainArray[i]]; - bStr += b[mainArray[i]]; - } - // If the value is not found it should go to the end (if descending it - // should go to the start so that it ends up at the back when reversed) - aIx = orderArray.indexOf(aStr); - bIx = orderArray.indexOf(bStr); - aIx = (aIx < 0 ? (desc ? -1 : orderArray.length) : aIx); - bIx = (bIx < 0 ? (desc ? -1 : orderArray.length) : bIx); - return (desc ? -1 : 1) * (aIx - bIx); - }); - } else { - ([].concat(def.ordering)).forEach(function (field) { - // Sort the data - sortStack.push(function (a, b) { - // The result value - var result = 0; - // Find the field - if (a[field] !== undefined && b[field] !== undefined) { - // Compare just the first mapped value - result = compare([].concat(a[field]), [].concat(b[field])); - } - return (desc ? -1 : 1) * result; - }); - }); - } - }); - rollupData.sort(function (a, b) { - var compareIx = 0, - result = 0; - while (compareIx < sortStack.length && result === 0) { - result = sortStack[compareIx](a, b); - compareIx += 1; - } - return result; - }); - // Return a simple array if only one field is being returned. - // for multiple fields remove extra fields but leave objects - rollupData.forEach(function (d) { - var i, - newRow = []; - if (mainArray.length === 1) { - finalArray.push(d[mainArray[0]]); - } else { - for (i = 0; i < mainArray.length; i += 1) { - newRow.push(d[mainArray[i]]); - } - finalArray.push(newRow); - } - }, this); - } - // Return the ordered list - return finalArray; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_getSeriesOrder.js - dimple._getSeriesOrder = function (data, series) { - var rules = [].concat(series._orderRules), - cats = series.categoryFields, - returnValue = []; - if (cats !== null && cats !== undefined && cats.length > 0) { - if (series.c !== null && series.c !== undefined && series.c._hasMeasure()) { - rules.push({ ordering : series.c.measure, desc : true }); - } - if (series.x._hasMeasure()) { - rules.push({ ordering : series.x.measure, desc : true }); - } - if (series.y._hasMeasure()) { - rules.push({ ordering : series.y.measure, desc : true }); - } - returnValue = dimple._getOrderedList(data, cats, rules); - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_getSeriesSortPredicate.js - dimple._getSeriesSortPredicate = function (chart, series, orderedArray) { - return function (a, b) { - var sortValue = 0; - // Modified to keep trying until a difference is found. Previously these were else if statements - // Issue #71 - if (series.x._hasCategories()) { - sortValue = (dimple._helpers.cx(a, chart, series) - dimple._helpers.cx(b, chart, series)); - } - if (sortValue === 0 && series.y._hasCategories()) { - sortValue = (dimple._helpers.cy(a, chart, series) - dimple._helpers.cy(b, chart, series)); - } - if (sortValue === 0 && orderedArray) { - sortValue = dimple._arrayIndexCompare(orderedArray, a.aggField, b.aggField); - } - return sortValue; - }; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_helpers.js - dimple._helpers = { - - // Calculate the centre x position - cx: function (d, chart, series) { - var returnCx = 0; - if (series.x.measure !== null && series.x.measure !== undefined) { - returnCx = series.x._scale(d.cx); - } else if (series.x._hasCategories() && series.x.categoryFields.length >= 2) { - returnCx = series.x._scale(d.cx) + dimple._helpers.xGap(chart, series) + ((d.xOffset + 0.5) * (((chart._widthPixels() / series.x._max) - 2 * dimple._helpers.xGap(chart, series)) * d.width)); - } else { - returnCx = series.x._scale(d.cx) + ((chart._widthPixels() / series.x._max) / 2); - } - return returnCx; - }, - - // Calculate the centre y position - cy: function (d, chart, series) { - var returnCy = 0; - if (series.y.measure !== null && series.y.measure !== undefined) { - returnCy = series.y._scale(d.cy); - } else if (series.y.categoryFields !== null && series.y.categoryFields !== undefined && series.y.categoryFields.length >= 2) { - returnCy = (series.y._scale(d.cy) - (chart._heightPixels() / series.y._max)) + dimple._helpers.yGap(chart, series) + ((d.yOffset + 0.5) * (((chart._heightPixels() / series.y._max) - 2 * dimple._helpers.yGap(chart, series)) * d.height)); - } else { - returnCy = series.y._scale(d.cy) - ((chart._heightPixels() / series.y._max) / 2); - } - return returnCy; - }, - - // Calculate the radius - r: function (d, chart, series) { - var returnR = 0, - scaleFactor = 1; - if (series.z === null || series.z === undefined) { - returnR = (!series.radius || series.radius === "auto" ? 5 : series.radius); - } else { - if (series.radius && series.radius !== "auto" && series.radius > 1) { - scaleFactor = series.radius / series.z._scale(series.z._max); - } - if (series.z._hasMeasure()) { - returnR = series.z._scale(d.r) * scaleFactor; - } else { - returnR = series.z._scale(chart._heightPixels() / 100) * scaleFactor; - } - } - return returnR; - }, - - // Calculate the x gap for bar type charts - xGap: function (chart, series) { - var returnXGap = 0; - if ((series.x.measure === null || series.x.measure === undefined) && series.barGap > 0) { - returnXGap = ((chart._widthPixels() / series.x._max) * (series.barGap > 0.99 ? 0.99 : series.barGap)) / 2; - } - return returnXGap; - }, - - // Calculate the x gap for clusters within bar type charts - xClusterGap: function (d, chart, series) { - var returnXClusterGap = 0; - if (series.x.categoryFields !== null && series.x.categoryFields !== undefined && series.x.categoryFields.length >= 2 && series.clusterBarGap > 0 && !series.x._hasMeasure()) { - returnXClusterGap = (d.width * ((chart._widthPixels() / series.x._max) - (dimple._helpers.xGap(chart, series) * 2)) * (series.clusterBarGap > 0.99 ? 0.99 : series.clusterBarGap)) / 2; - } - return returnXClusterGap; - }, - - // Calculate the y gap for bar type charts - yGap: function (chart, series) { - var returnYGap = 0; - if ((series.y.measure === null || series.y.measure === undefined) && series.barGap > 0) { - returnYGap = ((chart._heightPixels() / series.y._max) * (series.barGap > 0.99 ? 0.99 : series.barGap)) / 2; - } - return returnYGap; - }, - - // Calculate the y gap for clusters within bar type charts - yClusterGap: function (d, chart, series) { - var returnYClusterGap = 0; - if (series.y.categoryFields !== null && series.y.categoryFields !== undefined && series.y.categoryFields.length >= 2 && series.clusterBarGap > 0 && !series.y._hasMeasure()) { - returnYClusterGap = (d.height * ((chart._heightPixels() / series.y._max) - (dimple._helpers.yGap(chart, series) * 2)) * (series.clusterBarGap > 0.99 ? 0.99 : series.clusterBarGap)) / 2; - } - return returnYClusterGap; - }, - - // Calculate the top left x position for bar type charts - x: function (d, chart, series) { - var returnX = 0; - if (series.x._hasTimeField()) { - returnX = series.x._scale(d.x) - (dimple._helpers.width(d, chart, series) / 2); - } else if (series.x.measure !== null && series.x.measure !== undefined) { - returnX = series.x._scale(d.x); - } else { - returnX = series.x._scale(d.x) + dimple._helpers.xGap(chart, series) + (d.xOffset * (dimple._helpers.width(d, chart, series) + 2 * dimple._helpers.xClusterGap(d, chart, series))) + dimple._helpers.xClusterGap(d, chart, series); - } - return returnX; - }, - - // Calculate the top left y position for bar type charts - y: function (d, chart, series) { - var returnY = 0; - if (series.y._hasTimeField()) { - returnY = series.y._scale(d.y) - (dimple._helpers.height(d, chart, series) / 2); - } else if (series.y.measure !== null && series.y.measure !== undefined) { - returnY = series.y._scale(d.y); - } else { - returnY = (series.y._scale(d.y) - (chart._heightPixels() / series.y._max)) + dimple._helpers.yGap(chart, series) + (d.yOffset * (dimple._helpers.height(d, chart, series) + 2 * dimple._helpers.yClusterGap(d, chart, series))) + dimple._helpers.yClusterGap(d, chart, series); - } - return returnY; - }, - - // Calculate the width for bar type charts - width: function (d, chart, series) { - var returnWidth = 0; - if (series.x.measure !== null && series.x.measure !== undefined) { - returnWidth = Math.abs(series.x._scale((d.x < 0 ? d.x - d.width : d.x + d.width)) - series.x._scale(d.x)); - } else if (series.x._hasTimeField()) { - returnWidth = series.x.floatingBarWidth; - } else { - returnWidth = d.width * ((chart._widthPixels() / series.x._max) - (dimple._helpers.xGap(chart, series) * 2)) - (dimple._helpers.xClusterGap(d, chart, series) * 2); - } - return returnWidth; - }, - - // Calculate the height for bar type charts - height: function (d, chart, series) { - var returnHeight = 0; - if (series.y._hasTimeField()) { - returnHeight = series.y.floatingBarWidth; - } else if (series.y.measure !== null && series.y.measure !== undefined) { - returnHeight = Math.abs(series.y._scale(d.y) - series.y._scale((d.y <= 0 ? d.y + d.height : d.y - d.height))); - } else { - returnHeight = d.height * ((chart._heightPixels() / series.y._max) - (dimple._helpers.yGap(chart, series) * 2)) - (dimple._helpers.yClusterGap(d, chart, series) * 2); - } - return returnHeight; - }, - - // Calculate the opacity for series - opacity: function (d, chart, series) { - var returnOpacity = 0; - if (series.c !== null && series.c !== undefined) { - returnOpacity = d.opacity; - } else { - returnOpacity = chart.getColor(d.aggField.slice(-1)[0]).opacity; - } - return returnOpacity; - }, - - // Calculate the fill coloring for series - fill: function (d, chart, series) { - var returnFill = 0; - if (series.c !== null && series.c !== undefined) { - returnFill = d.fill; - } else { - returnFill = chart.getColor(d.aggField.slice(-1)[0]).fill; - } - return returnFill; - }, - - // Calculate the stroke coloring for series - stroke: function (d, chart, series) { - var stroke = 0; - if (series.c !== null && series.c !== undefined) { - stroke = d.stroke; - } else { - stroke = chart.getColor(d.aggField.slice(-1)[0]).stroke; - } - return stroke; - } - - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parentHeight.js - dimple._parentHeight = function (parent) { - // This one seems to work in Chrome - good old Chrome! - var returnValue = parent.offsetHeight; - // This does it for IE - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - returnValue = parent.clientHeight; - } - // FireFox is the hard one this time. See this bug report: - // https://bugzilla.mozilla.org/show_bug.cgi?id=649285// - // It's dealt with by trying to recurse up the dom until we find something - // we can get a size for. Usually the parent of the SVG. It's a bit costly - // but I don't know of any other way. - if (returnValue <= 0 || returnValue === null || returnValue === undefined) { - if (parent.parentNode === null || parent.parentNode === undefined) { - // Give up - Recursion Exit Point - returnValue = 0; - } else { - // Get the size from the parent recursively - returnValue = dimple._parentHeight(parent.parentNode); - } - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parentWidth.js - dimple._parentWidth = function (parent) { - // This one seems to work in Chrome - good old Chrome! - var returnValue = parent.offsetWidth; - // This does it for IE - if (!returnValue || returnValue < 0) { - returnValue = parent.clientWidth; - } - // FireFox is the hard one this time. See this bug report: - // https://bugzilla.mozilla.org/show_bug.cgi?id=649285// - // It's dealt with by trying to recurse up the dom until we find something - // we can get a size for. Usually the parent of the SVG. It's a bit costly - // but I don't know of any other way. - if (!returnValue || returnValue < 0) { - if (!parent.parentNode) { - // Give up - Recursion Exit Point - returnValue = 0; - } else { - // Get the size from the parent recursively - returnValue = dimple._parentWidth(parent.parentNode); - } - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parsePosition.js - dimple._parsePosition = function (value, maxValue) { - var returnValue = 0, - values; - if (value) { - values = value.toString().split(","); - values.forEach(function (v) { - if (v) { - if (!isNaN(v)) { - returnValue += parseFloat(v); - } else if (v.slice(-1) === "%") { - returnValue += maxValue * (parseFloat(v.slice(0, v.length - 1)) / 100); - } else if (v.slice(-2) === "px") { - returnValue += parseFloat(v.slice(0, v.length - 2)); - } else { - returnValue = value; - } - } - }, this); - } - // Take the position from the extremity if the value is negative - if (returnValue < 0) { - returnValue = maxValue + returnValue; - } - return returnValue; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parseXPosition.js - dimple._parseXPosition = function (value, parent) { - return dimple._parsePosition(value, dimple._parentWidth(parent)); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_parseYPosition.js - dimple._parseYPosition = function (value, parent) { - return dimple._parsePosition(value, dimple._parentHeight(parent)); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_drawMarkers.js - dimple._postDrawHandling = function (series, updated, removed, duration) { - // Run after transition methods - if (duration === 0) { - updated.each(function (d, i) { - if (series.afterDraw !== null && series.afterDraw !== undefined) { - series.afterDraw(this, d, i); - } - }); - removed.remove(); - } else { - updated.each("end", function (d, i) { - if (series.afterDraw !== null && series.afterDraw !== undefined) { - series.afterDraw(this, d, i); - } - }); - removed.each("end", function () { - d3.select(this).remove(); - }); - } - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_removeTooltip.js - /*jslint unparam: true */ - dimple._removeTooltip = function (e, shape, chart, series) { - if (chart._tooltipGroup) { - chart._tooltipGroup.remove(); - } - }; - /*jslint unparam: false */ - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_rollUp.js - dimple._rollUp = function (data, fields, includeFields) { - - var returnList = []; - // Put single values into single value arrays - if (fields !== null && fields !== undefined) { - fields = [].concat(fields); - } else { - fields = []; - } - // Iterate every row in the data - data.forEach(function (d) { - // The index of the corresponding row in the return list - var index = -1, - newRow = {}, - match = true; - // Find the corresponding value in the return list - returnList.forEach(function (r, j) { - if (index === -1) { - // Indicates a match - match = true; - // Iterate the passed fields and compare - fields.forEach(function (f) { - match = match && d[f] === r[f]; - }, this); - // If this is a match get the index - if (match) { - index = j; - } - } - }, this); - // Pick up the matched row, or add a new one - if (index !== -1) { - newRow = returnList[index]; - } else { - // Iterate the passed fields and add to the new row - fields.forEach(function (f) { - newRow[f] = d[f]; - }, this); - returnList.push(newRow); - index = returnList.length - 1; - } - // Iterate all the fields in the data - includeFields.forEach(function (field) { - if (fields.indexOf(field) === -1) { - if (newRow[field] === undefined) { - newRow[field] = []; - } - newRow[field] = newRow[field].concat(d[field]); - } - }, this); - // Update the return list - returnList[index] = newRow; - }, this); - // Return the flattened list - return returnList; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_showBarTooltip.js - dimple._showBarTooltip = function (e, shape, chart, series) { - - // The margin between the text and the box - var textMargin = 5, - // The margin between the ring and the popup - popupMargin = 10, - // The popup animation duration in ms - animDuration = 750, - // Collect some facts about the highlighted bar - selectedShape = d3.select(shape), - x = selectedShape.node().getBBox().x, - y = selectedShape.node().getBBox().y, - width = selectedShape.node().getBBox().width, - height = selectedShape.node().getBBox().height, - //transform = selectedShape.attr("transform"), - opacity = selectedShape.attr("opacity"), - fill = selectedShape.attr("fill"), - dropDest = series._dropLineOrigin(), - // Fade the popup stroke mixing the shape fill with 60% white - popupStrokeColor = d3.rgb( - d3.rgb(fill).r + 0.6 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.6 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.6 * (255 - d3.rgb(fill).b) - ), - // Fade the popup fill mixing the shape fill with 80% white - popupFillColor = d3.rgb( - d3.rgb(fill).r + 0.8 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.8 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.8 * (255 - d3.rgb(fill).b) - ), - t, - box, - tipText = series.getTooltipText(e), - // The running y value for the text elements - yRunning = 0, - // The maximum bounds of the text elements - w = 0, - h = 0, - // Values to shift the popup - translateX, - translateY, - transformer, - offset, - transformPoint = function (x, y) { - var matrix = selectedShape.node().getCTM(), - position = chart.svg.node().createSVGPoint(); - position.x = x || 0; - position.y = y || 0; - return position.matrixTransform(matrix); - }; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - chart._tooltipGroup = chart.svg.append("g"); - - if (!series.p) { - - offset = (series._isStacked() ? 1 : width / 2); - - // Add a drop line to the x axis - if (!series.x._hasCategories() && dropDest.y !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (x < series.x._origin ? x + offset : x + width - offset)) - .attr("y1", (y < dropDest.y ? y + height : y)) - .attr("x2", (x < series.x._origin ? x + offset : x + width - offset)) - .attr("y2", (y < dropDest.y ? y + height : y)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("y2", (y < dropDest.y ? dropDest.y - 1 : dropDest.y + 1)); - } - - offset = (series._isStacked() ? 1 : height / 2); - - // Add a drop line to the y axis - if (!series.y._hasCategories() && dropDest.x !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (x < dropDest.x ? x + width : x)) - .attr("y1", (y < series.y._origin ? y + offset : y + height - offset)) - .attr("x2", (x < dropDest.x ? x + width : x)) - .attr("y2", (y < series.y._origin ? y + offset : y + height - offset)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("x2", (x < dropDest.x ? dropDest.x - 1 : dropDest.x + 1)); - } - - } - - // Add a group for text - t = chart._tooltipGroup.append("g"); - // Create a box for the popup in the text group - box = t.append("rect") - .attr("class", "dimple-tooltip"); - - // Create a text object for every row in the popup - t.selectAll(".dimple-dont-select-any").data(tipText).enter() - .append("text") - .attr("class", "dimple-tooltip") - .text(function (d) { return d; }) - .style("font-family", series.tooltipFontFamily) - .style("font-size", series._getTooltipFontSize()); - - // Get the max height and width of the text items - t.each(function () { - w = (this.getBBox().width > w ? this.getBBox().width : w); - h = (this.getBBox().width > h ? this.getBBox().height : h); - }); - - // Position the text relative to the bar, the absolute positioning - // will be done by translating the group - t.selectAll("text") - .attr("x", 0) - .attr("y", function () { - // Increment the y position - yRunning += this.getBBox().height; - // Position the text at the centre point - return yRunning - (this.getBBox().height / 2); - }); - - // Draw the box with a margin around the text - box.attr("x", -textMargin) - .attr("y", -textMargin) - .attr("height", Math.floor(yRunning + textMargin) - 0.5) - .attr("width", w + 2 * textMargin) - .attr("rx", 5) - .attr("ry", 5) - .style("fill", popupFillColor) - .style("stroke", popupStrokeColor) - .style("stroke-width", 2) - .style("opacity", 0.95); - - // Shift the popup around to avoid overlapping the svg edge - if (transformPoint(x + width + textMargin + popupMargin + w).x < parseFloat(chart.svg.node().getBBox().width)) { - // Draw centre right - translateX = (x + width + textMargin + popupMargin); - translateY = (y + (height / 2) - ((yRunning - (h - textMargin)) / 2)); - } else if (transformPoint(x - (textMargin + popupMargin + w)).x > 0) { - // Draw centre left - translateX = (x - (textMargin + popupMargin + w)); - translateY = (y + (height / 2) - ((yRunning - (h - textMargin)) / 2)); - } else if (transformPoint(0, y + height + yRunning + popupMargin + textMargin).y < parseFloat(chart.svg.node().getBBox().height)) { - // Draw centre below - translateX = (x + (width / 2) - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (y + height + 2 * textMargin); - } else { - // Draw centre above - translateX = (x + (width / 2) - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (y - yRunning - (h - textMargin)); - } - transformer = transformPoint(translateX, translateY); - t.attr("transform", "translate(" + transformer.x + " , " + transformer.y + ")"); - }; - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/_showPointTooltip.js - dimple._showPointTooltip = function (e, shape, chart, series) { - - // The margin between the text and the box - var textMargin = 5, - // The margin between the ring and the popup - popupMargin = 10, - // The popup animation duration in ms - animDuration = 750, - // Collect some facts about the highlighted bubble - selectedShape = d3.select(shape), - cx = parseFloat(selectedShape.attr("cx")), - cy = parseFloat(selectedShape.attr("cy")), - r = parseFloat(selectedShape.attr("r")), - opacity = dimple._helpers.opacity(e, chart, series), - fill = selectedShape.attr("stroke"), - dropDest = series._dropLineOrigin(), - // Fade the popup stroke mixing the shape fill with 60% white - popupStrokeColor = d3.rgb( - d3.rgb(fill).r + 0.6 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.6 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.6 * (255 - d3.rgb(fill).b) - ), - // Fade the popup fill mixing the shape fill with 80% white - popupFillColor = d3.rgb( - d3.rgb(fill).r + 0.8 * (255 - d3.rgb(fill).r), - d3.rgb(fill).g + 0.8 * (255 - d3.rgb(fill).g), - d3.rgb(fill).b + 0.8 * (255 - d3.rgb(fill).b) - ), - // The running y value for the text elements - y = 0, - // The maximum bounds of the text elements - w = 0, - h = 0, - t, - box, - tipText = series.getTooltipText(e), - translateX, - translateY; - - if (chart._tooltipGroup !== null && chart._tooltipGroup !== undefined) { - chart._tooltipGroup.remove(); - } - chart._tooltipGroup = chart.svg.append("g"); - - // Add a ring around the data point - chart._tooltipGroup.append("circle") - .attr("cx", cx) - .attr("cy", cy) - .attr("r", r) - .attr("opacity", 0) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 1) - .transition() - .duration(animDuration / 2) - .ease("linear") - .attr("opacity", 1) - .attr("r", r + series.lineWeight + 2) - .style("stroke-width", 2); - - // Add a drop line to the x axis - if (dropDest.y !== null) { - chart._tooltipGroup.append("line") - .attr("x1", cx) - .attr("y1", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2)) - .attr("x2", cx) - .attr("y2", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2)) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("y2", (cy < dropDest.y ? dropDest.y - 1 : dropDest.y + 1)); - } - - // Add a drop line to the y axis - if (dropDest.x !== null) { - chart._tooltipGroup.append("line") - .attr("x1", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2)) - .attr("y1", cy) - .attr("x2", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2)) - .attr("y2", cy) - .style("fill", "none") - .style("stroke", fill) - .style("stroke-width", 2) - .style("stroke-dasharray", ("3, 3")) - .style("opacity", opacity) - .transition() - .delay(animDuration / 2) - .duration(animDuration / 2) - .ease("linear") - // Added 1px offset to cater for svg issue where a transparent - // group overlapping a line can sometimes hide it in some browsers - // Issue #10 - .attr("x2", (cx < dropDest.x ? dropDest.x - 1 : dropDest.x + 1)); - } - - // Add a group for text - t = chart._tooltipGroup.append("g"); - // Create a box for the popup in the text group - box = t.append("rect") - .attr("class", "dimple-tooltip"); - - // Create a text object for every row in the popup - t.selectAll(".dont-select-any").data(tipText).enter() - .append("text") - .attr("class", "dimple-tooltip") - .text(function (d) { return d; }) - .style("font-family", series.tooltipFontFamily) - .style("font-size", series._getTooltipFontSize()); - - // Get the max height and width of the text items - t.each(function () { - w = (this.getBBox().width > w ? this.getBBox().width : w); - h = (this.getBBox().width > h ? this.getBBox().height : h); - }); - - // Position the text relative to the bubble, the absolute positioning - // will be done by translating the group - t.selectAll("text") - .attr("x", 0) - .attr("y", function () { - // Increment the y position - y += this.getBBox().height; - // Position the text at the centre point - return y - (this.getBBox().height / 2); - }); - - // Draw the box with a margin around the text - box.attr("x", -textMargin) - .attr("y", -textMargin) - .attr("height", Math.floor(y + textMargin) - 0.5) - .attr("width", w + 2 * textMargin) - .attr("rx", 5) - .attr("ry", 5) - .style("fill", popupFillColor) - .style("stroke", popupStrokeColor) - .style("stroke-width", 2) - .style("opacity", 0.95); - - // Shift the popup around to avoid overlapping the svg edge - if (cx + r + textMargin + popupMargin + w < parseFloat(chart.svg.node().getBBox().width)) { - // Draw centre right - translateX = (cx + r + textMargin + popupMargin); - translateY = (cy - ((y - (h - textMargin)) / 2)); - } else if (cx - r - (textMargin + popupMargin + w) > 0) { - // Draw centre left - translateX = (cx - r - (textMargin + popupMargin + w)); - translateY = (cy - ((y - (h - textMargin)) / 2)); - } else if (cy + r + y + popupMargin + textMargin < parseFloat(chart.svg.node().getBBox().height)) { - // Draw centre below - translateX = (cx - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (cy + r + 2 * textMargin); - } else { - // Draw centre above - translateX = (cx - (2 * textMargin + w) / 2); - translateX = (translateX > 0 ? translateX : popupMargin); - translateX = (translateX + w < parseFloat(chart.svg.node().getBBox().width) ? translateX : parseFloat(chart.svg.node().getBBox().width) - w - popupMargin); - translateY = (cy - y - (h - textMargin)); - } - t.attr("transform", "translate(" + translateX + " , " + translateY + ")"); - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/filterData.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-filterData - dimple.filterData = function (data, field, filterValues) { - var returnData = data; - if (field !== null && filterValues !== null) { - // Build an array from a single filter value or use the array - if (filterValues !== null && filterValues !== undefined) { filterValues = [].concat(filterValues); } - // The data to return - returnData = []; - // Iterate all the data - data.forEach(function (d) { - // If an invalid field is passed, just pass the data - if (d[field] === null) { - returnData.push(d); - } else { - if (filterValues.indexOf([].concat(d[field]).join("/")) > -1) { - returnData.push(d); - } - } - }, this); - } - // Return the filtered data - return returnData; - }; - - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/getUniqueValues.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-getUniqueValues - dimple.getUniqueValues = function (data, fields) { - var returnlist = []; - // Put single values into single value arrays - if (fields !== null && fields !== undefined) { - fields = [].concat(fields); - // Iterate every row in the data - data.forEach(function (d) { - // Handle multiple category values by iterating the fields in the row and concatonate the values - var field = ""; - fields.forEach(function (f, i) { - if (i > 0) { - field += "/"; - } - field += d[f]; - }, this); - // If the field was not found, add it to the end of the categories array - if (returnlist.indexOf(field) === -1) { - returnlist.push(field); - } - }, this); - } - return returnlist; - }; - - // Copyright: 2014 PMSI-AlignAlytics - // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" - // Source: /src/methods/newSvg.js - // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple#wiki-newSvg - dimple.newSvg = function (parentSelector, width, height) { - var selectedShape = null; - if (parentSelector === null || parentSelector === undefined) { - parentSelector = "body"; - } - selectedShape = d3.select(parentSelector); - if (selectedShape.empty()) { - throw "The '" + parentSelector + "' selector did not match any elements. Please prefix with '#' to select by id or '.' to select by class"; - } - return selectedShape.append("svg").attr("width", width).attr("height", height); - }; - - - - return dimple; -})); -// End dimple \ No newline at end of file diff --git a/dist/dimple.v2.0.2.min.js b/dist/dimple.v2.0.2.min.js deleted file mode 100644 index fcfee1ff..00000000 --- a/dist/dimple.v2.0.2.min.js +++ /dev/null @@ -1,3 +0,0 @@ -!function(a,b){"use strict";if("object"==typeof exports)module.exports=b(require("d3"));else if("function"==typeof define&&define.amd)define(["d3"],function(c){return a.dimple=b(c),a.dimple});else if(a.d3)a.dimple=b(a.d3);else{if(!console||!console.warn)throw"dimple requires d3 to run. Are you missing a reference to the d3 library?";console.warn("dimple requires d3 to run. Are you missing a reference to the d3 library?")}}(this,function(a){"use strict";var b={version:"2.0.1",plot:{},aggregateMethod:{}};return b.axis=function(c,d,e,f,g){this.chart=c,this.position=d,this.categoryFields=null===g||void 0===g?e:[].concat(g),this.measure=f,this.timeField=g,this.floatingBarWidth=5,this.hidden=!1,this.showPercent=!1,this.colors=null,this.overrideMin=null,this.overrideMax=null,this.shapes=null,this.showGridlines=null,this.gridlineShapes=null,this.titleShape=null,this.dateParseFormat=null,this.tickFormat=null,this.timePeriod=null,this.timeInterval=1,this.useLog=!1,this.logBase=10,this.title=void 0,this.clamp=!0,this.ticks=null,this.fontSize="10px",this.fontFamily="sans-serif",this._slaves=[],this._scale=null,this._min=0,this._max=0,this._previousOrigin=null,this._origin=null,this._orderRules=[],this._groupOrderRules=[],this._draw=null,this._getAxisData=function(){var a,b,c=[],d=!1;if(this.chart&&this.chart.series){for(a=0;a0?c=c.concat(b.data):d=!0);d&&this.chart.data&&(c=c.concat(this.chart.data))}return c},this._getFontSize=function(){var a;return a=this.fontSize&&"auto"!==this.fontSize.toString().toLowerCase()?isNaN(this.fontSize)?this.fontSize:this.fontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._getFormat=function(){var b,c,d,e,f,g,h;return null!==this.tickFormat&&void 0!==this.tickFormat?b=this._hasTimeField()?a.time.format(this.tickFormat):a.format(this.tickFormat):this.showPercent?b=a.format("%"):this.useLog&&null!==this.measure?b=function(b){var c=Math.floor(Math.abs(b),0).toString().length,d=Math.min(Math.floor((c-1)/3),4),e="kmBT".substring(d-1,d),f="0"===Math.round(10*(b/Math.pow(1e3,d))).toString().slice(-1)?0:1;return 0===b?0:a.format(",."+f+"f")(b/Math.pow(1e3,d))+e}:null!==this.measure?(c=Math.floor(Math.abs(this._max),0).toString(),d=Math.floor(Math.abs(this._min),0).toString(),e=Math.max(d.length,c.length),e>3?(f=Math.min(Math.floor((e-1)/3),4),g="kmBT".substring(f-1,f),h=1>=e-3*f?1:0,b=function(b){return 0===b?0:a.format(",."+h+"f")(b/Math.pow(1e3,f))+g}):(h=1>=e?1:0,b=a.format(",."+h+"f"))):b=function(a){return a},b},this._getTimePeriod=function(){var b=this.timePeriod,c=30,d=this._max-this._min;return this._hasTimeField()&&!this.timePeriod&&(b=c>=d/1e3?a.time.seconds:c>=d/6e4?a.time.minutes:c>=d/36e5?a.time.hours:c>=d/864e5?a.time.days:c>=d/6048e5?a.time.weeks:c>=d/26298e5?a.time.months:a.time.years),b},this._getTooltipText=function(b,c){if(this._hasTimeField())c[this.position+"Field"][0]&&b.push(this.timeField+": "+this._getFormat()(c[this.position+"Field"][0]));else if(this._hasCategories())this.categoryFields.forEach(function(a,d){null!==a&&void 0!==a&&c[this.position+"Field"][d]&&b.push(a+(c[this.position+"Field"][d]!==a?": "+c[this.position+"Field"][d]:""))},this);else if(this._hasMeasure())switch(this.position){case"x":b.push(this.measure+": "+this._getFormat()(c.width));break;case"y":b.push(this.measure+": "+this._getFormat()(c.height));break;case"p":b.push(this.measure+": "+this._getFormat()(c.angle)+" ("+a.format("%")(c.piePct)+")");break;default:b.push(this.measure+": "+this._getFormat()(c[this.position+"Value"]))}},this._getTopMaster=function(){var a=this;return null!==this.master&&void 0!==this.master&&(a=this.master._getTopMaster()),a},this._hasCategories=function(){return null!==this.categoryFields&&void 0!==this.categoryFields&&this.categoryFields.length>0},this._hasMeasure=function(){return null!==this.measure&&void 0!==this.measure},this._hasTimeField=function(){return null!==this.timeField&&void 0!==this.timeField},this._parseDate=function(b){var c;return c=null===this.dateParseFormat||void 0===this.dateParseFormat?isNaN(b)?Date.parse(b):new Date(b):a.time.format(this.dateParseFormat).parse(b)},this._update=function(c){var d,e,f,g,h=[],i=this.ticks||10,j=function(a,c,d){var e,f,g=a.categoryFields[0],h=a._getAxisData(),i=g,j=!1,k=!0,l=null;for(e=0;e1?1:this._max,this._min=null!==this.overrideMin?this.overrideMin:this._min,this._max=null!==this.overrideMax?this.overrideMax:this._max,"x"!==this.position||null!==this._scale&&!c){if("y"!==this.position||null!==this._scale&&!c)this.position.length>0&&"z"===this.position[0]&&null===this._scale?this._scale=this.useLog?a.scale.log().range([this.chart._heightPixels()/300,this.chart._heightPixels()/10]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase):a.scale.linear().range([1,this.chart._heightPixels()/10]).domain([this._min,this._max]).clamp(this.clamp):this.position.length>0&&"p"===this.position[0]&&null===this._scale?this._scale=this.useLog?a.scale.log().range([0,360]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase):a.scale.linear().range([0,360]).domain([this._min,this._max]).clamp(this.clamp):this.position.length>0&&"c"===this.position[0]&&null===this._scale&&(this._scale=a.scale.linear().range([0,null===this.colors||1===this.colors.length?1:this.colors.length-1]).domain([this._min,this._max]).clamp(this.clamp));else if(this._hasTimeField()?this._scale=a.time.scale().range([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([this._min,this._max]).clamp(this.clamp):this.useLog?this._scale=a.scale.log().range([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase).nice():null===this.measure||void 0===this.measure?(h=j(this,"y","x"),null!==this._slaves&&void 0!==this._slaves&&this._slaves.forEach(function(a){h=h.concat(j(a,"y","x"))},this),this._scale=a.scale.ordinal().rangePoints([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain(h.concat([""]))):this._scale=a.scale.linear().range([this.chart._yPixels()+this.chart._heightPixels(),this.chart._yPixels()]).domain([this._min,this._max]).clamp(this.clamp).nice(),!this.hidden)switch(this.chart._axisIndex(this,"y")){case 0:this._draw=a.svg.axis().orient("left").scale(this._scale),this.ticks&&this._draw.ticks(i);break;case 1:this._draw=a.svg.axis().orient("right").scale(this._scale),this.ticks&&this._draw.ticks(i)}}else if(this._hasTimeField()?this._scale=a.time.scale().range([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([this._min,this._max]).clamp(this.clamp):this.useLog?this._scale=a.scale.log().range([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([0===this._min?Math.pow(this.logBase,-1):this._min,0===this._max?-1*Math.pow(this.logBase,-1):this._max]).clamp(this.clamp).base(this.logBase).nice():null===this.measure||void 0===this.measure?(h=j(this,"x","y"),null!==this._slaves&&void 0!==this._slaves&&this._slaves.forEach(function(a){h=h.concat(j(a,"x","y"))},this),this._scale=a.scale.ordinal().rangePoints([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain(h.concat([""]))):this._scale=a.scale.linear().range([this.chart._xPixels(),this.chart._xPixels()+this.chart._widthPixels()]).domain([this._min,this._max]).clamp(this.clamp).nice(),!this.hidden)switch(this.chart._axisIndex(this,"x")){case 0:this._draw=a.svg.axis().orient("bottom").scale(this._scale),this.ticks&&this._draw.ticks(i);break;case 1:this._draw=a.svg.axis().orient("top").scale(this._scale),this.ticks&&this._draw.ticks(i)}return null!==this._slaves&&void 0!==this._slaves&&this._slaves.length>0&&this._slaves.forEach(function(a){a._scale=this._scale},this),null!==c&&void 0!==c&&c!==!1||this._hasTimeField()||null===this._scale||null===this._scale.ticks||void 0===this._scale.ticks||!(this._scale.ticks(i).length>0)||"x"!==this.position&&"y"!==this.position||(d=this._scale.ticks(i),e=d[1]-d[0],f=((this._max-this._min)%e).toFixed(0),0!==f&&(this._max=Math.ceil(this._max/e)*e,this._min=Math.floor(this._min/e)*e,this._update(!0))),g=null!==h&&void 0!==h&&h.length>0?this._scale.copy()(h[0]):this._min>0?this._scale.copy()(this._min):this._max<0?this._scale.copy()(this._max):this._scale.copy()(0),this._origin!==g&&(this._previousOrigin=null===this._origin?g:this._origin,this._origin=g),this},this.addGroupOrderRule=function(a,b){this._groupOrderRules.push({ordering:a,desc:b})},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})}},b.chart=function(c,d){this.svg=c,this.x="10%",this.y="10%",this.width="80%",this.height="80%",this.data=d,this.noFormats=!1,this.axes=[],this.series=[],this.legends=[],this.storyboard=null,this.titleShape=null,this.shapes=null,this.ease="cubic-in-out",this.staggerDraw=!1,this._group=c.append("g"),this._tooltipGroup=null,this._assignedColors={},this._nextColor=0,this._axisIndex=function(a,b){var c=0,d=0,e=-1;for(c=0;c0&&(a=a.concat(this.data)),null!==this.series&&void 0!==this.series&&this.series.length>0&&this.series.forEach(function(b){null!==b.data&&void 0!==b.data&&b.data.length>0&&(a=a.concat(b.data))}),a},this._getData=function(c,d,e,f,g,h,i,j,k,l){var m,n,o=[],p=function(a,b){var c=[];return null!==a&&(a._hasTimeField()?c.push(a._parseDate(b[a.timeField])):a._hasCategories()&&a.categoryFields.forEach(function(a){c.push(b[a])},this)),c},q={x:!1,y:!1,z:!1,p:!1,c:!1},r={x:[],y:[]},s={x:[],y:[],z:[],p:[]},t={min:null,max:null},u={x:[],y:[],z:[],p:[]},v=[],w={},x={x:0,y:0,z:0,p:0},y="",z=[],A=[],B=[],C="",D=[],E="",F=[],G="",H=[],I=[],J=c,K=[];this.storyboard&&this.storyboard.categoryFields.length>0&&(y=this.storyboard.categoryFields[0],z=b._getOrderedList(J,y,this.storyboard._orderRules)),h&&h._hasCategories()&&h._hasMeasure()&&(C=h.categoryFields[0],D=b._getOrderedList(J,C,h._orderRules.concat([{ordering:h.measure,desc:!0}]))),i&&i._hasCategories()&&i._hasMeasure()&&(E=i.categoryFields[0],F=b._getOrderedList(J,E,i._orderRules.concat([{ordering:i.measure,desc:!0}]))),k&&k._hasCategories()&&k._hasMeasure()&&(G=k.categoryFields[0],H=b._getOrderedList(J,G,k._orderRules.concat([{ordering:k.measure,desc:!0}]))),J.length>0&&d&&d.length>0&&(I=[].concat(f),A=[],d.forEach(function(a){void 0!==J[0][a]&&A.push(a)},this),k&&k._hasMeasure()?I.push({ordering:k.measure,desc:!0}):l&&l._hasMeasure()?I.push({ordering:l.measure,desc:!0}):j&&j._hasMeasure()?I.push({ordering:j.measure,desc:!0}):h&&h._hasMeasure()?I.push({ordering:h.measure,desc:!0}):i&&i._hasMeasure()&&I.push({ordering:i.measure,desc:!0}),B=b._getOrderedList(J,A,I)),J.sort(function(a,b){var c,d,e,f,g,h,i=0;if(""!==y&&(i=z.indexOf(a[y])-z.indexOf(b[y])),""!==C&&0===i&&(i=D.indexOf(a[C])-D.indexOf(b[C])),""!==E&&0===i&&(i=F.indexOf(a[E])-F.indexOf(b[E])),""!==G&&0===i&&(i=H.indexOf(a[G])-F.indexOf(b[G])),A&&A.length>0&&0===i)for(c=[].concat(A),i=0,e=0;e0&&(j+="/"),j+=a[b],g=j===d},this)),null!==b&&void 0!==b&&g&&(f=o[n],b._hasMeasure()&&null!==a[b.measure]&&void 0!==a[b.measure]&&(-1===f[b.position+"ValueList"].indexOf(a[b.measure])&&f[b.position+"ValueList"].push(a[b.measure]),isNaN(parseFloat(a[b.measure]))&&(q[b.position]=!0),h.value=f[b.position+"Value"],h.count=f[b.position+"Count"],i.value=a[b.measure],f[b.position+"Value"]=e(h,i),f[b.position+"Count"]+=1))},m(h,this.storyboard),m(i,this.storyboard),m(j,this.storyboard),m(k,this.storyboard),m(l,this.storyboard)},this),h&&h._hasCategories()&&h.categoryFields.length>1&&void 0!==r.x&&(K=[],i._hasMeasure()&&K.push({ordering:i.measure,desc:!0}),r.x=b._getOrderedList(J,h.categoryFields[1],h._groupOrderRules.concat(K))),i&&i._hasCategories()&&i.categoryFields.length>1&&void 0!==r.y&&(K=[],h._hasMeasure()&&K.push({ordering:h.measure,desc:!0}),r.y=b._getOrderedList(J,i.categoryFields[1],i._groupOrderRules.concat(K)),r.y.reverse()),o.forEach(function(a){null!==h&&(q.x===!0&&(a.xValue=a.xValueList.length),m=(s.x[a.xField.join("/")]||0)+(i._hasMeasure()?Math.abs(a.yValue):0),s.x[a.xField.join("/")]=m),null!==i&&(q.y===!0&&(a.yValue=a.yValueList.length),m=(s.y[a.yField.join("/")]||0)+(h._hasMeasure()?Math.abs(a.xValue):0),s.y[a.yField.join("/")]=m),null!==k&&(q.p===!0&&(a.pValue=a.pValueList.length),m=(s.p[a.pField.join("/")]||0)+(k._hasMeasure()?Math.abs(a.pValue):0),s.p[a.pField.join("/")]=m),null!==j&&(q.z===!0&&(a.zValue=a.zValueList.length),m=(s.z[a.zField.join("/")]||0)+(j._hasMeasure()?Math.abs(a.zValue):0),s.z[a.zField.join("/")]=m),null!==l&&((null===t.min||a.cValuet.max)&&(t.max=a.cValue))},this);for(n in s.x)s.x.hasOwnProperty(n)&&(x.x+=s.x[n]);for(n in s.y)s.y.hasOwnProperty(n)&&(x.y+=s.y[n]);for(n in s.p)s.p.hasOwnProperty(n)&&(x.p+=s.p[n]);for(n in s.z)s.z.hasOwnProperty(n)&&(x.z+=s.z[n]);return o.forEach(function(b){var c,d,e,f,m,n=function(a,c,d){var e,f,h,i,j;null!==a&&void 0!==a&&(i=a.position,a._hasCategories()?a._hasMeasure()?(e=b[a.position+"Field"].join("/"),f=a.showPercent?s[a.position][e]/x[a.position]:s[a.position][e],-1===v.indexOf(e)&&(w[e]=f+(v.length>0?w[v[v.length-1]]:0),v.push(e)),h=b[i+"Bound"]=b["c"+i]="x"!==i&&"y"!==i||!g?f:w[e],b[d]=f,b[i]=h-("x"===i&&f>=0||"y"===i&&0>=f?f:0)):(b[i]=b["c"+i]=b[i+"Field"][0],b[d]=1,void 0!==r[i]&&null!==r[i]&&r[i].length>=2&&(b[i+"Offset"]=r[i].indexOf(b[i+"Field"][1]),b[d]=1/r[i].length)):(f=a.showPercent?b[i+"Value"]/s[c][b[c+"Field"].join("/")]:b[i+"Value"],e=b[c+"Field"].join("/")+(b[i+"Value"]>=0),j=u[i][e]=(null===u[i][e]||void 0===u[i][e]||"z"===i||"p"===i?0:u[i][e])+f,h=b[i+"Bound"]=b["c"+i]="x"!==i&&"y"!==i||!g?f:j,b[d]=f,b[i]=h-("x"===i&&f>=0||"y"===i&&0>=f?f:0)))};n(h,"y","width"),n(i,"x","height"),n(j,"z","r"),n(k,"p","angle"),null!==l&&null!==t.min&&null!==t.max&&(t.min===t.max&&(t.min-=.5,t.max+=.5),t.min=l.overrideMin||t.min,t.max=l.overrideMax||t.max,b.cValue=b.cValue>t.max?t.max:b.cValue1?(c=a.rgb(l.colors[Math.floor(f)]),d=a.rgb(l.colors[Math.ceil(f)])):(c=a.rgb("white"),d=a.rgb(this.getColor(b.aggField.slice(-1)[0]).fill)),c.r=Math.floor(c.r+(d.r-c.r)*m),c.g=Math.floor(c.g+(d.g-c.g)*m),c.b=Math.floor(c.b+(d.b-c.b)*m),b.fill=c.toString(),b.stroke=c.darker(.5).toString())},this),o},this._getDelay=function(a,c,d){return function(e){var f=0;return d&&c.staggerDraw&&(d.x._hasCategories()?f=b._helpers.cx(e,c,d)/c._widthPixels()*a:d.y._hasCategories()&&(f=(1-b._helpers.cy(e,c,d)/c._heightPixels())*a)),f}},this._getSeriesData=function(){null!==this.series&&void 0!==this.series&&this.series.forEach(function(a){var b,c,d,e,f,g,h=a.data||this.data||[],i=[].concat(a.categoryFields),j=this._getData(h,i,a.aggregate,a._orderRules,a._isStacked(),a.x,a.y,a.z,a.p,a.c),k=[],l={},m=a.startAngle*(Math.PI/180)||0,n=(a.endAngle||360)*(Math.PI/180);if(m>n&&(m-=2*Math.PI),a.p&&i.length>0){if(a.x&&a.y){for(i.pop(),k=this._getData(h,["__dimple_placeholder__"].concat(i),a.aggregate,a._orderRules,a._isStacked(),a.x,a.y,a.z,a.p,a.c),b=0;b0&&c._eventHandlers.forEach(function(d){var e,f=function(e){var f=new b.eventArgs;null!==c.chart.storyboard&&(f.frameValue=c.chart.storyboard.getFrameValue()),f.seriesValue=e.aggField,f.xValue=e.x,f.yValue=e.y,f.zValue=e.z,f.pValue=e.p,f.colorValue=e.cValue,f.seriesShapes=c.shapes,f.selectedShape=a.select(this),d.handler(f)};if(null!==d.handler&&"function"==typeof d.handler)if(null!==c._markers&&void 0!==c._markers)for(e in c._markers)c._markers.hasOwnProperty(e)&&c._markers[e].on(d.event,f);else c.shapes.on(d.event,f)},this)},this._widthPixels=function(){return b._parseXPosition(this.width,this.svg.node())},this._xPixels=function(){return b._parseXPosition(this.x,this.svg.node())},this._yPixels=function(){return b._parseYPosition(this.y,this.svg.node())},this.addAxis=function(a,c,d,e){var f=null,g=null;if(null!==c&&void 0!==c&&(c=[].concat(c)),"string"==typeof a||a instanceof String)f=new b.axis(this,a,c,d,e),this.axes.push(f);else{if(g=a,f=new b.axis(this,g.position,c,d,e),f._hasMeasure()!==g._hasMeasure())throw"You have specified a composite axis where some but not all axes have a measure - this is not supported, all axes must be of the same type.";if(f._hasTimeField()!==g._hasTimeField())throw"You have specified a composite axis where some but not all axes have a time field - this is not supported, all axes must be of the same type.";if((null===f.categoryFields||void 0===f.categoryFields?0:f.categoryFields.length)!==(null===g.categoryFields||void 0===g.categoryFields?0:g.categoryFields.length))throw"You have specified a composite axis where axes have differing numbers of category fields - this is not supported, all axes must be of the same type.";g._slaves.push(f)}return f},this.addCategoryAxis=function(a,b){return this.addAxis(a,b,null)},this.addColorAxis=function(a,b){var c=this.addAxis("c",null,a);return c.colors=null===b||void 0===b?null:[].concat(b),c},this.addLegend=function(a,c,d,e,f,g){g=null===g||void 0===g?this.series:[].concat(g),f=null===f||void 0===f?"left":f;var h=new b.legend(this,a,c,d,e,f,g);return this.legends.push(h),h},this.addLogAxis=function(a,b,c){var d=this.addAxis(a,null,b,null);return null!==c&&void 0!==c&&(d.logBase=c),d.useLog=!0,d},this.addMeasureAxis=function(a,b){return this.addAxis(a,null,b)},this.addPctAxis=function(a,b,c){var d=null;return d=null!==c&&void 0!==c?this.addAxis(a,c,b):this.addMeasureAxis(a,b),d.showPercent=!0,d},this.addSeries=function(a,c,d){(null===d||void 0===d)&&(d=this.axes),(null===c||void 0===c)&&(c=b.plot.bubble);var e,f=null,g=null,h=null,i=null,j=null;return d.forEach(function(a){null!==a&&c.supportedAxes.indexOf(a.position)>-1&&(null===f&&"x"===a.position[0]?f=a:null===g&&"y"===a.position[0]?g=a:null===h&&"z"===a.position[0]?h=a:null===i&&"c"===a.position[0]?i=a:null===i&&"p"===a.position[0]&&(j=a))},this),null!==a&&void 0!==a&&(a=[].concat(a)),e=new b.series(this,a,f,g,h,i,j,c,b.aggregateMethod.sum,c.stacked),this.series.push(e),e},this.addTimeAxis=function(a,b,c,d){var e=this.addAxis(a,null,null,b);return e.tickFormat=d,e.dateParseFormat=c,e},this.assignColor=function(a,c,d,e){return this._assignedColors[a]=new b.color(c,d,e),this._assignedColors[a]},this.defaultColors=[new b.color("#80B1D3"),new b.color("#FB8072"),new b.color("#FDB462"),new b.color("#B3DE69"),new b.color("#FFED6F"),new b.color("#BC80BD"),new b.color("#8DD3C7"),new b.color("#CCEBC5"),new b.color("#FFFFB3"),new b.color("#BEBADA"),new b.color("#FCCDE5"),new b.color("#D9D9D9")],this.draw=function(b,c){b=b||0;var d,e,f=null,g=null,h=!1,i=!1,j=this._xPixels(),k=this._yPixels(),l=this._widthPixels(),m=this._heightPixels();return(void 0===c||null===c||c===!1)&&this._getSeriesData(),this.axes.forEach(function(a){a._scale=null},this),this.axes.forEach(function(a){if(a._min=0,a._max=0,e=[],a._hasMeasure()){var b=!1;this.series.forEach(function(c){if(c._deepMatch(a)){var d=c._axisBounds(a.position);a._min>d.min&&(a._min=d.min),a._maxb[a.measure]&&(a._min=b[a.measure]),a._maxa._max)&&(a._max=d)},this)},this)):a._hasCategories()&&(a._min=0,d=[],this.series.forEach(function(b){b._deepMatch(a)&&null!==b[a.position].categoryFields[0]&&void 0!==b[a.position].categoryFields[0]&&-1===e.indexOf(b[a.position].categoryFields[0])&&e.push(b[a.position].categoryFields[0])},this),a._getAxisData().forEach(function(a){e.forEach(function(b){-1===d.indexOf(a[b])&&d.push(a[b])},this)},this),a._max=d.length);null!==a._slaves&&void 0!==a._slaves&&a._slaves.length>0&&a._slaves.forEach(function(b){b._min=a._min,b._max=a._max},this),a._update(),null===f&&"x"===a.position?f=a:null===g&&"y"===a.position&&(g=a)},this),this.axes.forEach(function(c){var d=!1,e=null,n=0,o=null,p=!1,q=0,r={l:null,t:null,r:null,b:null},s=0,t=0,u="",v=this,w=function(a){var c;return c=null===e||0===b||d?a:v._handleTransition(a,b,v)},x=function(){c.measure||("x"===c.position?a.select(this).selectAll("text").attr("x",l/c._max/2):"y"===c.position&&a.select(this).selectAll("text").attr("y",-1*(m/c._max)/2)),c.categoryFields&&c.categoryFields.length>0&&(c!==f||null!==g.categoryFields&&0!==g.categoryFields.length||a.select(this).selectAll("text").attr("y",k+m-g._scale(0)+9),c!==g||null!==f.categoryFields&&0!==f.categoryFields.length||a.select(this).selectAll("text").attr("x",-1*(f._scale(0)-j)-9))};null===c.gridlineShapes?(c.showGridlines||null===c.showGridlines&&!c._hasCategories()&&(!h&&"x"===c.position||!i&&"y"===c.position))&&(c.gridlineShapes=this._group.append("g").attr("class","dimple-gridline"),"x"===c.position?h=!0:i=!0):"x"===c.position?h=!0:i=!0,null===c.shapes&&(c.shapes=this._group.append("g").attr("class","dimple-axis").each(function(){v.noFormats||a.select(this).style("font-family",c.fontFamily).style("font-size",c._getFontSize())}),d=!0),c===f&&null!==g?(e="translate(0, "+(null===g.categoryFields||0===g.categoryFields.length?g._scale(0):k+m)+")",o="translate(0, "+(c===f?k+m:k)+")",n=-m):c===g&&null!==f?(e="translate("+(null===f.categoryFields||0===f.categoryFields.length?f._scale(0):j)+", 0)",o="translate("+(c===g?j:j+l)+", 0)",n=-l):"x"===c.position?(o=e="translate(0, "+(c===f?k+m:k)+")",n=-m):"y"===c.position&&(o=e="translate("+(c===g?j:j+l)+", 0)",n=-l),null!==e&&null!==c._draw&&(c._hasTimeField()?w(c.shapes).call(c._draw.ticks(c._getTimePeriod(),c.timeInterval).tickFormat(c._getFormat())).attr("transform",e).each(x):c.useLog?w(c.shapes).call(c._draw.ticks(4,c._getFormat())).attr("transform",e).each(x):w(c.shapes).call(c._draw.tickFormat(c._getFormat())).attr("transform",e).each(x),null!==c.gridlineShapes&&w(c.gridlineShapes).call(c._draw.tickSize(n,0,0).tickFormat("")).attr("transform",o)),this.noFormats||(w(c.shapes.selectAll("text")).style("font-family",c.fontFamily).style("font-size",c._getFontSize()),w(c.shapes.selectAll("path, line")).style("fill","none").style("stroke","black").style("shape-rendering","crispEdges"),null!==c.gridlineShapes&&w(c.gridlineShapes.selectAll("line")).style("fill","none").style("stroke","lightgray").style("opacity",.8)),(null===c.measure||void 0===c.measure)&&(c===f?(q=0,c.shapes.selectAll("text").each(function(){var a=this.getComputedTextLength();q=a>q?a:q}),q>l/c.shapes.selectAll("text")[0].length?(p=!0,c.shapes.selectAll("text").style("text-anchor","start").each(function(){var b=this.getBBox();a.select(this).attr("transform","rotate(90,"+b.x+","+(b.y+b.height/2)+") translate(-5, 0)")})):(p=!1,c.shapes.selectAll("text").style("text-anchor","middle").attr("transform",""))):"x"===c.position&&(q=0,c.shapes.selectAll("text").each(function(){var a=this.getComputedTextLength();q=a>q?a:q}),q>l/c.shapes.selectAll("text")[0].length?(p=!0,c.shapes.selectAll("text").style("text-anchor","end").each(function(){var b=this.getBBox();a.select(this).attr("transform","rotate(90,"+(b.x+b.width)+","+(b.y+b.height/2)+") translate(5, 0)")})):(p=!1,c.shapes.selectAll("text").style("text-anchor","middle").attr("transform","")))),null!==c.titleShape&&void 0!==c.titleShape&&c.titleShape.remove(),c.shapes.selectAll("text").each(function(){var a=this.getBBox();(null===r.l||-9-a.widthr.r)&&(r.r=a.x+a.width),p?((null===r.t||a.y+a.height-a.widthr.b)&&(r.b=a.height+a.width)):((null===r.t||a.yr.b)&&(r.b=9+a.height))}),"x"===c.position?(t=c===f?k+m+r.b+5:k+r.t-10,s=j+l/2):"y"===c.position&&(s=c===g?j+r.l-10:j+l+r.r+20,t=k+m/2,u="rotate(270, "+s+", "+t+")"),c.hidden||"x"!==c.position&&"y"!==c.position||null===c.title||(c.titleShape=this._group.append("text").attr("class","dimple-axis dimple-title"),c.titleShape.attr("x",s).attr("y",t).attr("text-anchor","middle").attr("transform",u).text(void 0!==c.title?c.title:null===c.categoryFields||void 0===c.categoryFields||0===c.categoryFields.length?c.measure:c.categoryFields.join("/")).each(function(){v.noFormats||a.select(this).style("font-family",c.fontFamily).style("font-size",c._getFontSize())}),c===f?c.titleShape.each(function(){a.select(this).attr("y",t+this.getBBox().height/1.65)}):c===g&&c.titleShape.each(function(){a.select(this).attr("x",s+this.getBBox().height/1.65)}))},this),this.series.forEach(function(a){a.plot.draw(this,a,b),this._registerEventHandlers(a)},this),this.legends.forEach(function(a){a._draw()},this),this.storyboard&&(this.storyboard._drawText(),this.storyboard.autoplay&&this.storyboard.startAnimation()),this},this.getColor=function(a){return(null===this._assignedColors[a]||void 0===this._assignedColors[a])&&(this._assignedColors[a]=this.defaultColors[this._nextColor],this._nextColor=(this._nextColor+1)%this.defaultColors.length),this._assignedColors[a]},this.setBounds=function(a,c,d,e){return this.x=a,this.y=c,this.width=d,this.height=e,this._xPixels=function(){return b._parseXPosition(this.x,this.svg.node())},this.draw(0,!0),this._yPixels=function(){return b._parseYPosition(this.y,this.svg.node())},this._widthPixels=function(){return b._parseXPosition(this.width,this.svg.node())},this._heightPixels=function(){return b._parseYPosition(this.height,this.svg.node())},this},this.setMargins=function(a,c,d,e){return this.x=a,this.y=c,this.width=0,this.height=0,this._xPixels=function(){return b._parseXPosition(this.x,this.svg.node())},this._yPixels=function(){return b._parseYPosition(this.y,this.svg.node())},this._widthPixels=function(){return b._parentWidth(this.svg.node())-this._xPixels()-b._parseXPosition(d,this.svg.node())},this._heightPixels=function(){return b._parentHeight(this.svg.node())-this._yPixels()-b._parseYPosition(e,this.svg.node())},this.draw(0,!0),this},this.setStoryboard=function(a,c){return this.storyboard=new b.storyboard(this,a),null!==c&&void 0!==c&&(this.storyboard.onTick=c),this.storyboard}},b.color=function(b,c,d){this.fill=b,this.stroke=null===c||void 0===c?a.rgb(b).darker(.5).toString():c,this.opacity=null===d||void 0===d?.8:d},b.eventArgs=function(){this.seriesValue=null,this.xValue=null,this.yValue=null,this.zValue=null,this.pValue=null,this.colorValue=null,this.frameValue=null,this.seriesShapes=null,this.selectedShape=null},b.legend=function(c,d,e,f,g,h,i){this.chart=c,this.series=i,this.x=d,this.y=e,this.width=f,this.height=g,this.horizontalAlign=h,this.shapes=null,this.fontSize="10px",this.fontFamily="sans-serif",this._draw=function(){var c,d=this._getEntries(),e=0,f=0,g=0,h=0,i=15,j=9,k=this;this.shapes&&this.shapes.remove(),c=this.chart._group.selectAll(".dimple-dont-select-any").data(d).enter().append("g").attr("class",function(a){return"dimple-legend "+b._createClass(a.aggField)}).attr("opacity",1),c.append("text").attr("class",function(a){return"dimple-legend dimple-legend-text "+b._createClass(a.aggField)}).text(function(a){return a.key}).call(function(){k.chart.noFormats||this.style("font-family",k.fontFamily).style("font-size",k._getFontSize()).style("shape-rendering","crispEdges")}).each(function(){var a=this.getBBox();a.width>e&&(e=a.width),a.height>f&&(f=a.height)}),c.append("rect").attr("class",function(a){return"dimple-legend dimple-legend-key "+b._createClass(a.aggField)}).attr("height",j).attr("width",i),f=(j>f?j:f)+2,e+=i+20,c.each(function(c){g+e>k._widthPixels()&&(g=0,h+=f),h>k._heightPixels()?a.select(this).remove():(a.select(this).select("text").attr("x","left"===k.horizontalAlign?k._xPixels()+i+5+g:k._xPixels()+(k._widthPixels()-g-e)+i+5).attr("y",function(){return k._yPixels()+h+this.getBBox().height/1.65}).attr("width",k._widthPixels()).attr("height",k._heightPixels()),a.select(this).select("rect").attr("class",function(a){return"dimple-legend dimple-legend-key "+b._createClass(a.aggField) -}).attr("x","left"===k.horizontalAlign?k._xPixels()+g:k._xPixels()+(k._widthPixels()-g-e)).attr("y",k._yPixels()+h).attr("height",j).attr("width",i).style("fill",c.fill).style("stroke",c.stroke).style("opacity",c.opacity).style("shape-rendering","crispEdges"),g+=e)}),this.shapes=c},this._getEntries=function(){var a=[];return this.series&&this.series.forEach(function(b){var c=b._positionData;c.forEach(function(c){var d,e=-1,f=b.plot.grouped&&!b.x._hasCategories()&&!b.y._hasCategories()&&c.aggField.length<2?"All":c.aggField.slice(-1)[0];for(d=0;d10?this.chart._heightPixels()/35:10)+"px"},this._heightPixels=function(){return b._parseYPosition(this.height,this.chart.svg.node())},this._widthPixels=function(){return b._parseXPosition(this.width,this.chart.svg.node())},this._xPixels=function(){return b._parseXPosition(this.x,this.chart.svg.node())},this._yPixels=function(){return b._parseYPosition(this.y,this.chart.svg.node())}},b.series=function(a,b,c,d,e,f,g,h,i,j){this.chart=a,this.x=c,this.y=d,this.z=e,this.c=f,this.p=g,this.plot=h,this.categoryFields=b,this.aggregate=i,this.stacked=j,this.barGap=.2,this.clusterBarGap=.1,this.lineWeight=2,this.lineMarkers=!1,this.afterDraw=null,this.interpolation="linear",this.tooltipFontSize="10px",this.tooltipFontFamily="sans-serif",this.radius="auto",this._eventHandlers=[],this._positionData=[],this._orderRules=[],this._axisBounds=function(a){var b,c,d,e={min:0,max:0},f=null,g=null,h=[],i=0,j=this._positionData;return"x"===a?(f=this.x,g=this.y):"y"===a?(f=this.y,g=this.x):"z"===a?f=this.z:"p"===a?f=this.p:"c"===a&&(f=this.c),f.showPercent?j.forEach(function(a){a[f.position+"Bound"]e.max&&(e.max=a[f.position+"Bound"])},this):null===g||null===g.categoryFields||0===g.categoryFields.length?j.forEach(function(a){!this._isStacked()||"x"!==f.position&&"y"!==f.position?(a[f.position+"Value"]e.max&&(e.max=a[f.position+"Value"])):a[f.position+"Value"]<0?e.min=e.min+a[f.position+"Value"]:e.max=e.max+a[f.position+"Value"]},this):(b=f.position+"Value",c=g.position+"Field",d=[],j.forEach(function(a){var e=a[c].join("/"),f=d.indexOf(e);-1===f&&(d.push(e),f=d.length-1),void 0===h[f]&&(h[f]={min:0,max:0},f>=i&&(i=f+1)),this.stacked?a[b]<0?h[f].min=h[f].min+a[b]:h[f].max=h[f].max+a[b]:(a[b]h[f].max&&(h[f].max=a[b]))},this),h.forEach(function(a){void 0!==a&&(a.mine.max&&(e.max=a.max))},this)),e},this._deepMatch=function(a){var b=!1;return this[a.position]===a?b=!0:void 0!==a._slaves&&null!==a._slaves&&a._slaves.length>0&&a._slaves.forEach(function(a){b=b||this._deepMatch(a)},this),b},this._dropLineOrigin=function(){var a=0,b=0,c={x:null,y:null},d={x:null,y:null};return this.chart.axes.forEach(function(a){"x"===a.position&&null===d.x?d.x=a._hasTimeField()?this.chart._xPixels():a._origin:"y"===a.position&&null===d.y&&(d.y=a._hasTimeField()?this.chart._yPixels()+this.chart._heightPixels():a._origin)},this),this.chart.axes.forEach(function(e){"x"!==e.position||this.x.hidden?"y"!==e.position||this.y.hidden||(this._deepMatch(e)&&(0===b?c.x=d.x:1===b&&(c.x=this.chart._xPixels()+this.chart._widthPixels())),b+=1):(this._deepMatch(e)&&(0===a?c.y=d.y:1===a&&(c.y=this.chart._yPixels())),a+=1)},this),c},this._getTooltipFontSize=function(){var a;return a=this.tooltipFontSize&&"auto"!==this.tooltipFontSize.toString().toLowerCase()?isNaN(this.tooltipFontSize)?this.tooltipFontSize:this.tooltipFontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._isStacked=function(){return this.stacked&&(this.x._hasCategories()||this.y._hasCategories())},this.addEventHandler=function(a,b){this._eventHandlers.push({event:a,handler:b})},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})},this.getTooltipText=function(a){var b=[];return null!==this.categoryFields&&void 0!==this.categoryFields&&this.categoryFields.length>0&&this.categoryFields.forEach(function(c,d){null!==c&&void 0!==c&&null!==a.aggField[d]&&void 0!==a.aggField[d]&&b.push(c+(a.aggField[d]!==c?": "+a.aggField[d]:""))},this),this.p?(this.x&&this.x._hasCategories()&&this.x._getTooltipText(b,a),this.y&&this.y._hasCategories()&&this.y._getTooltipText(b,a),this.z&&this.z._hasCategories()&&this.z._getTooltipText(b,a),this.p._getTooltipText(b,a)):(this.x&&this.x._getTooltipText(b,a),this.y&&this.y._getTooltipText(b,a),this.z&&this.z._getTooltipText(b,a)),this.c&&this.c._getTooltipText(b,a),b.filter(function(a,c){return b.indexOf(a)===c})}},b.storyboard=function(a,b){null!==b&&void 0!==b&&(b=[].concat(b)),this.chart=a,this.categoryFields=b,this.autoplay=!0,this.frameDuration=3e3,this.storyLabel=null,this.onTick=null,this.fontSize="10px",this.fontFamily="sans-serif",this._frame=0,this._animationTimer=null,this._categories=[],this._cachedCategoryFields=[],this._orderRules=[],this._drawText=function(){if(!this.storyLabel){var a=this.chart,b=this,c=0;this.chart.axes.forEach(function(a){"x"===a.position&&(c+=1)},this),this.storyLabel=this.chart._group.append("text").attr("class","dimple-storyboard-label").attr("opacity",1).attr("x",this.chart._xPixels()+.01*this.chart._widthPixels()).attr("y",this.chart._yPixels()+(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)*(c>1?1.25:-1)).call(function(){a.noFormats||this.style("font-family",b.fontFamily).style("font-size",b._getFontSize())})}this.storyLabel.text(this.categoryFields.join("\\")+": "+this.getFrameValue())},this._getCategories=function(){return this._categoryFields!==this._cachedCategoryFields&&(this._categories=[],this.chart._getAllData().forEach(function(a){var b=-1,c="";null!==this.categoryFields&&(this.categoryFields.forEach(function(b,d){d>0&&(c+="/"),c+=a[b]},this),b=this._categories.indexOf(c),-1===b&&(this._categories.push(c),b=this._categories.length-1))},this),this._cachedCategoryFields=this._categoryFields),this._categories},this._getFontSize=function(){var a;return a=this.fontSize&&"auto"!==this.fontSize.toString().toLowerCase()?isNaN(this.fontSize)?this.fontSize:this.fontSize+"px":(this.chart._heightPixels()/35>10?this.chart._heightPixels()/35:10)+"px"},this._goToFrameIndex=function(a){this._frame=a%this._getCategories().length,this.chart.draw(this.frameDuration/2)},this.addOrderRule=function(a,b){this._orderRules.push({ordering:a,desc:b})},this.getFrameValue=function(){var a=null;return this._frame>=0&&this._getCategories().length>this._frame&&(a=this._getCategories()[this._frame]),a},this.goToFrame=function(a){if(this._getCategories().length>0){var b=this._getCategories().indexOf(a);this._goToFrameIndex(b)}},this.pauseAnimation=function(){null!==this._animationTimer&&(window.clearInterval(this._animationTimer),this._animationTimer=null)},this.startAnimation=function(){null===this._animationTimer&&(null!==this.onTick&&this.onTick(this.getFrameValue()),this._animationTimer=window.setInterval(function(a){return function(){a._goToFrameIndex(a._frame+1),null!==a.onTick&&a.onTick(a.getFrameValue()),a._drawText(a.frameDuration/2)}}(this),this.frameDuration))},this.stopAnimation=function(){null!==this._animationTimer&&(window.clearInterval(this._animationTimer),this._animationTimer=null,this._frame=0)}},b.aggregateMethod.avg=function(a,b){return a.value=null===a.value||void 0===a.value?0:parseFloat(a.value),a.count=null===a.count||void 0===a.count?1:parseFloat(a.count),b.value=null===b.value||void 0===b.value?0:parseFloat(b.value),b.count=null===b.count||void 0===b.count?1:parseFloat(b.count),(a.value*a.count+b.value*b.count)/(a.count+b.count)},b.aggregateMethod.count=function(a,b){return a.count=null===a.count||void 0===a.count?0:parseFloat(a.count),b.count=null===b.count||void 0===b.count?0:parseFloat(b.count),a.count+b.count},b.aggregateMethod.max=function(a,b){return a.value=null===a.value||void 0===a.value?0:parseFloat(a.value),b.value=null===b.value||void 0===b.value?0:parseFloat(b.value),a.value>b.value?a.value:b.value},b.aggregateMethod.min=function(a,b){return null===a.value?parseFloat(b.value):parseFloat(a.value)c&&g>e&&(h=a[d],g=e));return b.push(h),g};for(f="step"===d.interpolation?"step-after":d.interpolation,o=b._getSeriesOrder(d.data||c.data,d),d.c&&(d.x._hasCategories()&&d.y._hasMeasure()||d.y._hasCategories()&&d.x._hasMeasure())&&(G=!0),d.x._hasCategories()?(z="x",A="y"):d.y._hasCategories()&&(z="y",A="x"),g=0;g=2?B[g][z+"Field"][0]:"All"})),C[l].data.push(B[g])}for(o&&C.sort(function(a,c){return b._arrayIndexCompare(o,a.key,c.key)}),g=0;g1&&z&&(d.x._hasCategories()?(p.push({x:2*p[p.length-1].x-p[p.length-2].x,y:p[p.length-1].y}),H[C[g].group][p[p.length-1][z]]=d[A]._origin):d.y._hasCategories()&&(p=[{x:p[0].x,y:2*p[0].y-p[1].y}].concat(p),H[C[g].group][p[0][z]]=d[A]._origin,C[g].points=p))}for(s in H)if(H.hasOwnProperty(s)){I[s]=[];for(t in H[s])H[s].hasOwnProperty(t)&&I[s].push(parseFloat(t));I[s].sort(P)}for(g=0;g0)for(h=0,i=0;h=p[0][z]&&I[u][h]<=p[p.length-1][z]&&(r={},r[z]=I[u][h],r[A]=H[u][I[u][h]],q.push(r),p[i][z]>I[u][h]?J.push(r):(J.push(p[i]),H[C[g].group][I[u][h]]=p[i][A],i+=1));else if(d._orderRules&&d._orderRules.length>0)J=p.concat(p[0]);else{p=p.sort(Q),J.push(p[0]),y=0;do y=R(p,J,y);while(J.length<=p.length&&(J[0].x!==J[J.length-1].x||J[0].y!==J[J.length-1].y))}q=q.reverse(),v=O(f,"_previousOrigin")(J),w=O("step-after"===f?"step-before":"step-before"===f?"step-after":f,"_previousOrigin")(q),x=O("linear","_previousOrigin")(J),C[g].entry=v+(w&&w.length>0?"L"+w.substring(1):"")+(x&&x.length>0?"L"+x.substring(1,x.indexOf("L")):0),v=O(f)(J),w=O("step-after"===f?"step-before":"step-before"===f?"step-after":f)(q),x=O("linear")(J),C[g].update=v+(w&&w.length>0?"L"+w.substring(1):"")+(x&&x.length>0?"L"+x.substring(1,x.indexOf("L")):0),v=O(f,"_origin")(J),w=O("step-after"===f?"step-before":"step-before"===f?"step-after":f,"_origin")(q),x=O("linear","_origin")(J),C[g].exit=v+(w&&w.length>0?"L"+w.substring(1):"")+(x&&x.length>0?"L"+x.substring(1,x.indexOf("L")):0),C[g].color=c.getColor(C[g].key.length>0?C[g].key[C[g].key.length-1]:"All")}null!==c._tooltipGroup&&void 0!==c._tooltipGroup&&c._tooltipGroup.remove(),D=null===d.shapes||void 0===d.shapes?c._group.selectAll("."+E).data(C):d.shapes.data(C,function(a){return a.key}),D.enter().append("path").attr("id",function(a){return a.key}).attr("class",function(a){return E+" dimple-line "+a.keyString}).attr("d",function(a){return a.entry}).call(function(){c.noFormats||this.attr("opacity",function(a){return G?1:a.color.opacity}).attr("fill",function(a){return G?"url(#fill-area-gradient-"+a.keyString+")":a.color.fill}).attr("stroke",function(a){return G?"url(#stroke-area-gradient-"+a.keyString+")":a.color.stroke}).attr("stroke-width",d.lineWeight)}).each(function(a){a.markerData=a.data,M(a)}),m=c._handleTransition(D,e,c).attr("d",function(a){return a.update}).each(function(a){a.markerData=a.data,M(a)}),n=c._handleTransition(D.exit(),e,c).attr("d",function(a){return a.exit}).each(function(a){a.markerData=[],M(a)}),b._postDrawHandling(d,m,n,e),d.shapes=D}},b.plot.bar={stacked:!0,grouped:!1,supportedAxes:["x","y","c"],draw:function(a,c,d){var e,f,g=c._positionData,h=null,i=["dimple-series-"+a.series.indexOf(c),"dimple-bar"],j=!c._isStacked()&&c.x._hasMeasure(),k=!c._isStacked()&&c.y._hasMeasure(),l="none";c.x._hasCategories()&&c.y._hasCategories()?l="both":c.x._hasCategories()?l="x":c.y._hasCategories()&&(l="y"),null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),h=null===c.shapes||void 0===c.shapes?a._group.selectAll("."+i.join(".")).data(g):c.shapes.data(g,function(a){return a.key}),h.enter().append("rect").attr("id",function(a){return a.key}).attr("class",function(a){var c=[];return c=c.concat(a.aggField),c=c.concat(a.xField),c=c.concat(a.yField),i.join(" ")+" "+b._createClass(c)}).attr("x",function(d){var e=c.x._previousOrigin;return"x"===l?e=b._helpers.x(d,a,c):"both"===l&&(e=b._helpers.cx(d,a,c)),e}).attr("y",function(d){var e=c.y._previousOrigin;return"y"===l?e=b._helpers.y(d,a,c):"both"===l&&(e=b._helpers.cy(d,a,c)),e}).attr("width",function(d){return"x"===l?b._helpers.width(d,a,c):0}).attr("height",function(d){return"y"===l?b._helpers.height(d,a,c):0}).attr("opacity",function(d){return b._helpers.opacity(d,a,c)}).on("mouseover",function(d){b._showBarTooltip(d,this,a,c)}).on("mouseleave",function(d){b._removeTooltip(d,this,a,c)}).call(function(){a.noFormats||this.attr("fill",function(d){return b._helpers.fill(d,a,c)}).attr("stroke",function(d){return b._helpers.stroke(d,a,c)})}),e=a._handleTransition(h,d,a,c).attr("x",function(d){return j?b._helpers.cx(d,a,c)-c.x.floatingBarWidth/2:b._helpers.x(d,a,c)}).attr("y",function(d){return k?b._helpers.cy(d,a,c)-c.y.floatingBarWidth/2:b._helpers.y(d,a,c)}).attr("width",function(d){return j?c.x.floatingBarWidth:b._helpers.width(d,a,c)}).attr("height",function(d){return k?c.y.floatingBarWidth:b._helpers.height(d,a,c)}).call(function(){a.noFormats||this.attr("fill",function(d){return b._helpers.fill(d,a,c)}).attr("stroke",function(d){return b._helpers.stroke(d,a,c)})}),f=a._handleTransition(h.exit(),d,a,c).attr("x",function(d){var e=c.x._origin;return"x"===l?e=b._helpers.x(d,a,c):"both"===l&&(e=b._helpers.cx(d,a,c)),e}).attr("y",function(d){var e=c.y._origin;return"y"===l?e=b._helpers.y(d,a,c):"both"===l&&(e=b._helpers.cy(d,a,c)),e}).attr("width",function(d){return"x"===l?b._helpers.width(d,a,c):0}).attr("height",function(d){return"y"===l?b._helpers.height(d,a,c):0}),b._postDrawHandling(c,e,f,d),c.shapes=h}},b.plot.bubble={stacked:!1,grouped:!1,supportedAxes:["x","y","z","c"],draw:function(a,c,d){var e,f,g=c._positionData,h=null,i=["dimple-series-"+a.series.indexOf(c),"dimple-bubble"];null!==a._tooltipGroup&&void 0!==a._tooltipGroup&&a._tooltipGroup.remove(),h=null===c.shapes||void 0===c.shapes?a._group.selectAll("."+i.join(".")).data(g):c.shapes.data(g,function(a){return a.key}),h.enter().append("circle").attr("id",function(a){return a.key}).attr("class",function(a){var c=[];return c=c.concat(a.aggField),c=c.concat(a.xField),c=c.concat(a.yField),c=c.concat(a.zField),i.join(" ")+" "+b._createClass(c)}).attr("cx",function(d){return c.x._hasCategories()?b._helpers.cx(d,a,c):c.x._previousOrigin}).attr("cy",function(d){return c.y._hasCategories()?b._helpers.cy(d,a,c):c.y._previousOrigin}).attr("r",0).attr("opacity",function(d){return b._helpers.opacity(d,a,c)}).on("mouseover",function(d){b._showPointTooltip(d,this,a,c)}).on("mouseleave",function(d){b._removeTooltip(d,this,a,c)}).call(function(){a.noFormats||this.attr("fill",function(d){return b._helpers.fill(d,a,c)}).attr("stroke",function(d){return b._helpers.stroke(d,a,c)})}),e=a._handleTransition(h,d,a,c).attr("cx",function(d){return b._helpers.cx(d,a,c)}).attr("cy",function(d){return b._helpers.cy(d,a,c)}).attr("r",function(d){return b._helpers.r(d,a,c)}).call(function(){a.noFormats||this.attr("fill",function(d){return b._helpers.fill(d,a,c)}).attr("stroke",function(d){return b._helpers.stroke(d,a,c)})}),f=a._handleTransition(h.exit(),d,a,c).attr("r",0).attr("cx",function(d){return c.x._hasCategories()?b._helpers.cx(d,a,c):c.x._origin}).attr("cy",function(d){return c.y._hasCategories()?b._helpers.cy(d,a,c):c.y._origin}),b._postDrawHandling(c,e,f,d),c.shapes=h}},b.plot.line={stacked:!1,grouped:!0,supportedAxes:["x","y","c"],draw:function(c,d,e){var f,g,h,i,j,k,l,m,n,o,p=d._positionData,q=[],r=null,s="dimple-series-"+c.series.indexOf(d),t=d.x._hasCategories()||d.y._hasCategories()?0:1,u=!1,v=function(){return function(c,d,e,f){a.select(d).style("opacity",1),b._showPointTooltip(c,d,e,f)}},w=function(c){return function(d,e,f,g){a.select(e).style("opacity",g.lineMarkers||c.data.length<2?b._helpers.opacity(d,f,g):0),b._removeTooltip(d,e,f,g)}},x=function(a){b._drawMarkers(a,c,d,e,s,u,v(a),w(a))},y=function(a,e){var f;return"step"===d.interpolation&&d[a]._hasCategories()?(d.barGap=0,d.clusterBarGap=0,f=b._helpers[a](e,c,d)+("y"===a?b._helpers.height(e,c,d):0)):f=b._helpers["c"+a](e,c,d),parseFloat(f.toFixed(1))},z=function(b,c){return a.svg.line().x(function(a){return d.x._hasCategories()||!c?a.x:d.x[c]}).y(function(a){return d.y._hasCategories()||!c?a.y:d.y[c]}).interpolate(b)};for(f="step"===d.interpolation?"step-after":d.interpolation,o=b._getSeriesOrder(d.data||c.data,d),d.c&&(d.x._hasCategories()&&d.y._hasMeasure()||d.y._hasCategories()&&d.x._hasMeasure())&&(u=!0),g=0;g1&&(d.x._hasCategories()?q[g].points.push({x:2*q[g].points[q[g].points.length-1].x-q[g].points[q[g].points.length-2].x,y:q[g].points[q[g].points.length-1].y}):d.y._hasCategories()&&(q[g].points=[{x:q[g].points[0].x,y:2*q[g].points[0].y-q[g].points[1].y}].concat(q[g].points))),q[g].entry=z(f,"_previousOrigin")(q[g].points),q[g].update=z(f)(q[g].points),q[g].exit=z(f,"_origin")(q[g].points),q[g].color=c.getColor(q[g].key.length>0?q[g].key[q[g].key.length-1]:"All")}null!==c._tooltipGroup&&void 0!==c._tooltipGroup&&c._tooltipGroup.remove(),r=null===d.shapes||void 0===d.shapes?c._group.selectAll("."+s).data(q):d.shapes.data(q,function(a){return a.key}),r.enter().append("path").attr("id",function(a){return a.key}).attr("class",function(a){return s+" dimple-line "+a.keyString}).attr("d",function(a){return a.entry}).call(function(){c.noFormats||this.attr("opacity",function(a){return u?1:a.color.opacity}).attr("fill","none").attr("stroke",function(a){return u?"url(#fill-line-gradient-"+a.keyString+")":a.color.stroke}).attr("stroke-width",d.lineWeight)}).each(function(a){a.markerData=a.data,x(a)}),m=c._handleTransition(r,e,c).attr("d",function(a){return a.update}).each(function(a){a.markerData=a.data,x(a)}),n=c._handleTransition(r.exit(),e,c).attr("d",function(a){return a.exit}).each(function(a){a.markerData=[],x(a)}),b._postDrawHandling(d,m,n,e),d.shapes=r}},b.plot.pie={stacked:!1,grouped:!1,supportedAxes:["x","y","c","z","p"],draw:function(c,d,e){var f,g,h=d._positionData,i=null,j=["dimple-series-"+c.series.indexOf(d),"dimple-pie"],k=function(a){var e;return e=d.x&&d.y?b._helpers.r(a,c,d):c._widthPixels()0?this.attrTween("d",o):this.attr("d",n),c.noFormats||this.attr("fill",function(a){return b._helpers.fill(a,c,d)}).attr("stroke",function(a){return b._helpers.stroke(a,c,d)})}).attr("transform",p(!1)),g=c._handleTransition(i.exit(),e,c,d).attr("transform",p(!0)).attr("d",n),b._postDrawHandling(d,f,g,e),d.shapes=i}},b._addGradient=function(a,b,c,d,e,f,g){var h=[].concat(a),i=e._group.select("#"+b),j=[],k=c.position+"Field",l=!0,m=[];d.forEach(function(a){-1===j.indexOf(a[k])&&a.aggField.join("_")===h.join("_")&&j.push(a[k])},this),j=j.sort(function(a,b){return c._scale(a)-c._scale(b)}),null===i.node()&&(l=!1,i=e._group.append("linearGradient").attr("id",b).attr("gradientUnits","userSpaceOnUse").attr("x1","x"===c.position?c._scale(j[0])+e._widthPixels()/j.length/2:0).attr("y1","y"===c.position?c._scale(j[0])-e._heightPixels()/j.length/2:0).attr("x2","x"===c.position?c._scale(j[j.length-1])+e._widthPixels()/j.length/2:0).attr("y2","y"===c.position?c._scale(j[j.length-1])-e._heightPixels()/j.length/2:0)),j.forEach(function(a,b){var c={},e=0;for(e=0;e=65&&90>=b&&(c=a.toLowerCase()),c};if(a.length>0)for(b=0;bd.length/2?i.concat(e):b.values=d}else i.push(b.ordering)},this),e=b._rollUp(a,h,i),j.length>=1&&(j.forEach(function(a){var b=null===a.desc||void 0===a.desc?!1:a.desc,c=a.ordering,d=[],e=function(a){var b,c=0;for(b=0;bb[0]&&(c=1):c=Date.parse(a[0])-Date.parse(b[0]):c=parseFloat(d)-parseFloat(f),c};"function"==typeof c?f.push(function(a,d){return(b?-1:1)*c(a,d)}):a.values&&a.values.length>0?(a.values.forEach(function(a){d.push([].concat(a).join("|"))},this),f.push(function(a,c){var e,f,g,i="",j="";for(g=0;g0&&(i+="|",j+="|"),i+=a[h[g]],j+=c[h[g]];return e=d.indexOf(i),f=d.indexOf(j),e=0>e?b?-1:d.length:e,f=0>f?b?-1:d.length:f,(b?-1:1)*(e-f)})):[].concat(a.ordering).forEach(function(a){f.push(function(c,d){var e=0;return void 0!==c[a]&&void 0!==d[a]&&(e=g([].concat(c[a]),[].concat(d[a]))),(b?-1:1)*e})})}),e.sort(function(a,b){for(var c=0,d=0;c0&&(null!==c.c&&void 0!==c.c&&c.c._hasMeasure()&&d.push({ordering:c.c.measure,desc:!0}),c.x._hasMeasure()&&d.push({ordering:c.x.measure,desc:!0}),c.y._hasMeasure()&&d.push({ordering:c.y.measure,desc:!0}),f=b._getOrderedList(a,e,d)),f},b._getSeriesSortPredicate=function(a,c,d){return function(e,f){var g=0;return c.x._hasCategories()&&(g=b._helpers.cx(e,a,c)-b._helpers.cx(f,a,c)),0===g&&c.y._hasCategories()&&(g=b._helpers.cy(e,a,c)-b._helpers.cy(f,a,c)),0===g&&d&&(g=b._arrayIndexCompare(d,e.aggField,f.aggField)),g}},b._helpers={cx:function(a,c,d){var e=0;return e=null!==d.x.measure&&void 0!==d.x.measure?d.x._scale(a.cx):d.x._hasCategories()&&d.x.categoryFields.length>=2?d.x._scale(a.cx)+b._helpers.xGap(c,d)+(a.xOffset+.5)*(c._widthPixels()/d.x._max-2*b._helpers.xGap(c,d))*a.width:d.x._scale(a.cx)+c._widthPixels()/d.x._max/2},cy:function(a,c,d){var e=0;return e=null!==d.y.measure&&void 0!==d.y.measure?d.y._scale(a.cy):null!==d.y.categoryFields&&void 0!==d.y.categoryFields&&d.y.categoryFields.length>=2?d.y._scale(a.cy)-c._heightPixels()/d.y._max+b._helpers.yGap(c,d)+(a.yOffset+.5)*(c._heightPixels()/d.y._max-2*b._helpers.yGap(c,d))*a.height:d.y._scale(a.cy)-c._heightPixels()/d.y._max/2},r:function(a,b,c){var d=0,e=1;return null===c.z||void 0===c.z?d=c.radius&&"auto"!==c.radius?c.radius:5:(c.radius&&"auto"!==c.radius&&c.radius>1&&(e=c.radius/c.z._scale(c.z._max)),d=c.z._hasMeasure()?c.z._scale(a.r)*e:c.z._scale(b._heightPixels()/100)*e),d},xGap:function(a,b){var c=0;return(null===b.x.measure||void 0===b.x.measure)&&b.barGap>0&&(c=a._widthPixels()/b.x._max*(b.barGap>.99?.99:b.barGap)/2),c},xClusterGap:function(a,c,d){var e=0;return null!==d.x.categoryFields&&void 0!==d.x.categoryFields&&d.x.categoryFields.length>=2&&d.clusterBarGap>0&&!d.x._hasMeasure()&&(e=a.width*(c._widthPixels()/d.x._max-2*b._helpers.xGap(c,d))*(d.clusterBarGap>.99?.99:d.clusterBarGap)/2),e -},yGap:function(a,b){var c=0;return(null===b.y.measure||void 0===b.y.measure)&&b.barGap>0&&(c=a._heightPixels()/b.y._max*(b.barGap>.99?.99:b.barGap)/2),c},yClusterGap:function(a,c,d){var e=0;return null!==d.y.categoryFields&&void 0!==d.y.categoryFields&&d.y.categoryFields.length>=2&&d.clusterBarGap>0&&!d.y._hasMeasure()&&(e=a.height*(c._heightPixels()/d.y._max-2*b._helpers.yGap(c,d))*(d.clusterBarGap>.99?.99:d.clusterBarGap)/2),e},x:function(a,c,d){var e=0;return e=d.x._hasTimeField()?d.x._scale(a.x)-b._helpers.width(a,c,d)/2:null!==d.x.measure&&void 0!==d.x.measure?d.x._scale(a.x):d.x._scale(a.x)+b._helpers.xGap(c,d)+a.xOffset*(b._helpers.width(a,c,d)+2*b._helpers.xClusterGap(a,c,d))+b._helpers.xClusterGap(a,c,d)},y:function(a,c,d){var e=0;return e=d.y._hasTimeField()?d.y._scale(a.y)-b._helpers.height(a,c,d)/2:null!==d.y.measure&&void 0!==d.y.measure?d.y._scale(a.y):d.y._scale(a.y)-c._heightPixels()/d.y._max+b._helpers.yGap(c,d)+a.yOffset*(b._helpers.height(a,c,d)+2*b._helpers.yClusterGap(a,c,d))+b._helpers.yClusterGap(a,c,d)},width:function(a,c,d){var e=0;return e=null!==d.x.measure&&void 0!==d.x.measure?Math.abs(d.x._scale(a.x<0?a.x-a.width:a.x+a.width)-d.x._scale(a.x)):d.x._hasTimeField()?d.x.floatingBarWidth:a.width*(c._widthPixels()/d.x._max-2*b._helpers.xGap(c,d))-2*b._helpers.xClusterGap(a,c,d)},height:function(a,c,d){var e=0;return e=d.y._hasTimeField()?d.y.floatingBarWidth:null!==d.y.measure&&void 0!==d.y.measure?Math.abs(d.y._scale(a.y)-d.y._scale(a.y<=0?a.y+a.height:a.y-a.height)):a.height*(c._heightPixels()/d.y._max-2*b._helpers.yGap(c,d))-2*b._helpers.yClusterGap(a,c,d)},opacity:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.opacity:b.getColor(a.aggField.slice(-1)[0]).opacity},fill:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.fill:b.getColor(a.aggField.slice(-1)[0]).fill},stroke:function(a,b,c){var d=0;return d=null!==c.c&&void 0!==c.c?a.stroke:b.getColor(a.aggField.slice(-1)[0]).stroke}},b._parentHeight=function(a){var c=a.offsetHeight;return(0>=c||null===c||void 0===c)&&(c=a.clientHeight),(0>=c||null===c||void 0===c)&&(c=null===a.parentNode||void 0===a.parentNode?0:b._parentHeight(a.parentNode)),c},b._parentWidth=function(a){var c=a.offsetWidth;return(!c||0>c)&&(c=a.clientWidth),(!c||0>c)&&(c=a.parentNode?b._parentWidth(a.parentNode):0),c},b._parsePosition=function(a,b){var c,d=0;return a&&(c=a.toString().split(","),c.forEach(function(c){c&&(isNaN(c)?"%"===c.slice(-1)?d+=b*(parseFloat(c.slice(0,c.length-1))/100):"px"===c.slice(-2)?d+=parseFloat(c.slice(0,c.length-2)):d=a:d+=parseFloat(c))},this)),0>d&&(d=b+d),d},b._parseXPosition=function(a,c){return b._parsePosition(a,b._parentWidth(c))},b._parseYPosition=function(a,c){return b._parsePosition(a,b._parentHeight(c))},b._postDrawHandling=function(b,c,d,e){0===e?(c.each(function(a,c){null!==b.afterDraw&&void 0!==b.afterDraw&&b.afterDraw(this,a,c)}),d.remove()):(c.each("end",function(a,c){null!==b.afterDraw&&void 0!==b.afterDraw&&b.afterDraw(this,a,c)}),d.each("end",function(){a.select(this).remove()}))},b._removeTooltip=function(a,b,c){c._tooltipGroup&&c._tooltipGroup.remove()},b._rollUp=function(a,b,c){var d=[];return b=null!==b&&void 0!==b?[].concat(b):[],a.forEach(function(a){var e=-1,f={},g=!0;d.forEach(function(c,d){-1===e&&(g=!0,b.forEach(function(b){g=g&&a[b]===c[b]},this),g&&(e=d))},this),-1!==e?f=d[e]:(b.forEach(function(b){f[b]=a[b]},this),d.push(f),e=d.length-1),c.forEach(function(c){-1===b.indexOf(c)&&(void 0===f[c]&&(f[c]=[]),f[c]=f[c].concat(a[c]))},this),d[e]=f},this),d},b._showBarTooltip=function(b,c,d,e){var f,g,h,i,j,k,l=5,m=10,n=750,o=a.select(c),p=o.node().getBBox().x,q=o.node().getBBox().y,r=o.node().getBBox().width,s=o.node().getBBox().height,t=o.attr("opacity"),u=o.attr("fill"),v=e._dropLineOrigin(),w=a.rgb(a.rgb(u).r+.6*(255-a.rgb(u).r),a.rgb(u).g+.6*(255-a.rgb(u).g),a.rgb(u).b+.6*(255-a.rgb(u).b)),x=a.rgb(a.rgb(u).r+.8*(255-a.rgb(u).r),a.rgb(u).g+.8*(255-a.rgb(u).g),a.rgb(u).b+.8*(255-a.rgb(u).b)),y=e.getTooltipText(b),z=0,A=0,B=0,C=function(a,b){var c=o.node().getCTM(),e=d.svg.node().createSVGPoint();return e.x=a||0,e.y=b||0,e.matrixTransform(c)};null!==d._tooltipGroup&&void 0!==d._tooltipGroup&&d._tooltipGroup.remove(),d._tooltipGroup=d.svg.append("g"),e.p||(k=e._isStacked()?1:r/2,e.x._hasCategories()||null===v.y||d._tooltipGroup.append("line").attr("x1",pA?this.getBBox().width:A,B=this.getBBox().width>B?this.getBBox().height:B}),f.selectAll("text").attr("x",0).attr("y",function(){return z+=this.getBBox().height,z-this.getBBox().height/2}),g.attr("x",-l).attr("y",-l).attr("height",Math.floor(z+l)-.5).attr("width",A+2*l).attr("rx",5).attr("ry",5).style("fill",x).style("stroke",w).style("stroke-width",2).style("opacity",.95),C(p+r+l+m+A).x0?(h=p-(l+m+A),i=q+s/2-(z-(B-l))/2):C(0,q+s+z+m+l).y0?h:m,h=h+A0?h:m,h=h+Ax?this.getBBox().width:x,y=this.getBBox().width>y?this.getBBox().height:y}),g.selectAll("text").attr("x",0).attr("y",function(){return w+=this.getBBox().height,w-this.getBBox().height/2}),h.attr("x",-k).attr("y",-k).attr("height",Math.floor(w+k)-.5).attr("width",x+2*k).attr("rx",5).attr("ry",5).style("fill",v).style("stroke",u).style("stroke-width",2).style("opacity",.95),o+q+k+l+x0?(i=o-q-(k+l+x),j=p-(w-(y-k))/2):p+q+w+l+k0?i:l,i=i+x0?i:l,i=i+x-1&&d.push(a)},this)),d},b.getUniqueValues=function(a,b){var c=[];return null!==b&&void 0!==b&&(b=[].concat(b),a.forEach(function(a){var d="";b.forEach(function(b,c){c>0&&(d+="/"),d+=a[b]},this),-1===c.indexOf(d)&&c.push(d)},this)),c},b.newSvg=function(b,c,d){var e=null;if((null===b||void 0===b)&&(b="body"),e=a.select(b),e.empty())throw"The '"+b+"' selector did not match any elements. Please prefix with '#' to select by id or '.' to select by class";return e.append("svg").attr("width",c).attr("height",d)},b}); \ No newline at end of file diff --git a/examples/pie_simple.html b/examples/pie_simple.html deleted file mode 100644 index cc0f8a2d..00000000 --- a/examples/pie_simple.html +++ /dev/null @@ -1,18 +0,0 @@ - - - -
- - - -
\ No newline at end of file diff --git a/examples/ring_simple.html b/examples/ring_simple.html deleted file mode 100644 index b6c174f5..00000000 --- a/examples/ring_simple.html +++ /dev/null @@ -1,19 +0,0 @@ - - - -
- - - -
\ No newline at end of file