(function() { "use strict"; var root = this, Chart = root.Chart, helpers = Chart.helpers; var defaultConfig = { position: "left", // scale label scaleLabel: { // actual label labelString: '', // display property show: false, }, // label settings labels: { template: "<%var remain = value / (Math.pow(10, Math.floor(Chart.helpers.log10(value))));if (remain === 1 || remain === 2 || remain === 5) {%><%=value.toExponential()%><%} else {%><%= null %><%}%>", } }; var LogarithmicScale = Chart.Scale.extend({ buildTicks: function() { // Calculate Range (we may break this out into it's own lifecycle function) this.min = null; this.max = null; var values = []; if (this.options.stacked) { helpers.each(this.data.datasets, function(dataset) { if (this.isHorizontal() ? dataset.xAxisID === this.id : dataset.yAxisID === this.id) { helpers.each(dataset.data, function(rawValue, index) { var value = this.getRightValue(rawValue); values[index] = values[index] || 0; if (this.options.relativePoints) { values[index] = 100; } else { // Don't need to split positive and negative since the log scale can't handle a 0 crossing values[index] += value; } }, this); } }, this); this.min = helpers.min(values); this.max = helpers.max(values); } else { helpers.each(this.data.datasets, function(dataset) { if (this.isHorizontal() ? dataset.xAxisID === this.id : dataset.yAxisID === this.id) { helpers.each(dataset.data, function(rawValue, index) { var value = this.getRightValue(rawValue); if (this.min === null) { this.min = value; } else if (value < this.min) { this.min = value; } if (this.max === null) { this.max = value; } else if (value > this.max) { this.max = value; } }, this); } }, this); } if (this.min === this.max) { if (this.min !== 0 && this.min !== null) { this.min = Math.pow(10, Math.floor(helpers.log10(this.min)) - 1); this.max = Math.pow(10, Math.floor(helpers.log10(this.max)) + 1); } else { this.min = 1; this.max = 10; } } // Reset the ticks array. Later on, we will draw a grid line at these positions // The array simply contains the numerical value of the spots where ticks will be this.ticks = []; // Figure out what the max number of ticks we can support it is based on the size of // the axis area. For now, we say that the minimum tick spacing in pixels must be 50 // We also limit the maximum number of ticks to 11 which gives a nice 10 squares on // the graph var minExponent = Math.floor(helpers.log10(this.min)); var maxExponent = Math.ceil(helpers.log10(this.max)); for (var exponent = minExponent; exponent < maxExponent; ++exponent) { for (var i = 1; i < 10; ++i) { this.ticks.push(i * Math.pow(10, exponent)); } } this.ticks.push(1.0 * Math.pow(10, maxExponent)); if (this.options.position == "left" || this.options.position == "right") { // We are in a vertical orientation. The top value is the highest. So reverse the array this.ticks.reverse(); } // At this point, we need to update our max and min given the tick values since we have expanded the // range of the scale this.max = helpers.max(this.ticks); this.min = helpers.min(this.ticks); if (this.options.reverse) { this.ticks.reverse(); this.start = this.max; this.end = this.min; } else { this.start = this.min; this.end = this.max; } console.log(this.ticks); }, buildLabels: function() { // We assume that this has been run after ticks have been generated. We try to figure out // a label for each tick. this.labels = []; helpers.each(this.ticks, function(tick, index, ticks) { var label; if (this.options.labels.userCallback) { // If the user provided a callback for label generation, use that as first priority label = this.options.labels.userCallback(tick, index, ticks); } else if (this.options.labels.template) { // else fall back to the template string label = helpers.template(this.options.labels.template, { value: tick }); } this.labels.push(label); // empty string will not render so we're good }, this); }, // Get the correct value. If the value type is object get the x or y based on whether we are horizontal or not getRightValue: function(rawValue) { return typeof rawValue === "object" ? (this.isHorizontal() ? rawValue.x : rawValue.y) : rawValue; }, getPixelForValue: function(value) { // This must be called after fit has been run so that // this.left, this.top, this.right, and this.bottom have been defined var pixel; var range = helpers.log10(this.end) - helpers.log10(this.start); if (this.isHorizontal()) { if (value === 0) { pixel = this.left + this.paddingLeft; } else { var innerWidth = this.width - (this.paddingLeft + this.paddingRight); pixel = this.left + (innerWidth / range * (helpers.log10(value) - helpers.log10(this.start))); pixel += this.paddingLeft; } } else { // Bottom - top since pixels increase downard on a screen if (value === 0) { pixel = this.top + this.paddingTop; } else { var innerHeight = this.height - (this.paddingTop + this.paddingBottom); pixel = (this.bottom - this.paddingBottom) - (innerHeight / range * (helpers.log10(value) - helpers.log10(this.start))); } } return pixel; }, getPointPixelForValue: function(rawValue, index, datasetIndex) { var value = this.getRightValue(rawValue); if (this.options.stacked) { var offsetPos = 0; var offsetNeg = 0; for (var i = this.data.datasets.length - 1; i > datasetIndex; --i) { if (this.data.datasets[i].data[index] < 0) { offsetNeg += this.data.datasets[i].data[index]; } else { offsetPos += this.data.datasets[i].data[index]; } } if (value < 0) { return this.getPixelForValue(offsetNeg + value); } else { return this.getPixelForValue(offsetPos + value); } } else { return this.getPixelForValue(value); } }, // Functions needed for bar charts calculateBarBase: function(datasetIndex, index) { var base = 0; if (this.options.stacked) { var value = this.data.datasets[datasetIndex].data[index]; for (var j = 0; j < datasetIndex; j++) { if (this.data.datasets[j].yAxisID === this.id) { base += this.data.datasets[j].data[index]; } } return this.getPixelForValue(base); } base = this.getPixelForValue(this.min); if (this.min < 0 && this.max < 0) { // All values are negative. Use the top as the base base = this.getPixelForValue(this.max); } return base; }, calculateBarY: function(datasetIndex, index) { var value = this.data.datasets[datasetIndex].data[index]; if (this.options.stacked) { var sumPos = 0, sumNeg = 0; for (var i = 0; i < datasetIndex; i++) { if (this.data.datasets[i].data[index] < 0) { sumNeg += this.data.datasets[i].data[index] || 0; } else { sumPos += this.data.datasets[i].data[index] || 0; } } if (value < 0) { return this.getPixelForValue(sumNeg + value); } else { return this.getPixelForValue(sumPos + value); } return this.getPixelForValue(value); } var offset = 0; for (var j = datasetIndex; j < this.data.datasets.length; j++) { if (j === datasetIndex && value) { offset += value; } else { offset = offset + value; } } return this.getPixelForValue(value); }, }); Chart.scaleService.registerScaleType("logarithmic", LogarithmicScale, defaultConfig); }).call(this);