| /base/000_base/node_modules/highcharts/modules/funnel.src.js |
|---|
| @@ -0,0 +1,305 @@ |
|---|
| /** |
| * @license Highcharts JS v5.0.12 (2017-05-24) |
| * Highcharts funnel module |
| * |
| * (c) 2010-2017 Torstein Honsi |
| * |
| * License: www.highcharts.com/license |
| */ |
| 'use strict'; |
| (function(factory) { |
| if (typeof module === 'object' && module.exports) { |
| module.exports = factory; |
| } else { |
| factory(Highcharts); |
| } |
| }(function(Highcharts) { |
| (function(Highcharts) { |
| /** |
| * Highcharts funnel module |
| * |
| * (c) 2010-2017 Torstein Honsi |
| * |
| * License: www.highcharts.com/license |
| */ |
| /* eslint indent:0 */ |
| |
| // create shortcuts |
| var seriesType = Highcharts.seriesType, |
| seriesTypes = Highcharts.seriesTypes, |
| noop = Highcharts.noop, |
| pick = Highcharts.pick, |
| each = Highcharts.each; |
| |
| |
| seriesType('funnel', 'pie', { |
| animation: false, |
| center: ['50%', '50%'], |
| width: '90%', |
| neckWidth: '30%', |
| height: '100%', |
| neckHeight: '25%', |
| reversed: false, |
| size: true, // to avoid adapting to data label size in Pie.drawDataLabels |
| |
| |
| // Presentational |
| dataLabels: { |
| //position: 'right', |
| connectorWidth: 1 |
| //connectorColor: null |
| }, |
| states: { |
| select: { |
| color: '#cccccc', |
| borderColor: '#000000', |
| shadow: false |
| } |
| } |
| |
| }, |
| |
| // Properties |
| { |
| animate: noop, |
| |
| /** |
| * Overrides the pie translate method |
| */ |
| translate: function() { |
| |
| var |
| // Get positions - either an integer or a percentage string must be given |
| getLength = function(length, relativeTo) { |
| return (/%$/).test(length) ? |
| relativeTo * parseInt(length, 10) / 100 : |
| parseInt(length, 10); |
| }, |
| |
| sum = 0, |
| series = this, |
| chart = series.chart, |
| options = series.options, |
| reversed = options.reversed, |
| ignoreHiddenPoint = options.ignoreHiddenPoint, |
| plotWidth = chart.plotWidth, |
| plotHeight = chart.plotHeight, |
| cumulative = 0, // start at top |
| center = options.center, |
| centerX = getLength(center[0], plotWidth), |
| centerY = getLength(center[1], plotHeight), |
| width = getLength(options.width, plotWidth), |
| tempWidth, |
| getWidthAt, |
| height = getLength(options.height, plotHeight), |
| neckWidth = getLength(options.neckWidth, plotWidth), |
| neckHeight = getLength(options.neckHeight, plotHeight), |
| neckY = (centerY - height / 2) + height - neckHeight, |
| data = series.data, |
| path, |
| fraction, |
| half = options.dataLabels.position === 'left' ? 1 : 0, |
| |
| x1, |
| y1, |
| x2, |
| x3, |
| y3, |
| x4, |
| y5; |
| |
| // Return the width at a specific y coordinate |
| series.getWidthAt = getWidthAt = function(y) { |
| var top = (centerY - height / 2); |
| |
| return y > neckY || height === neckHeight ? |
| neckWidth : |
| neckWidth + (width - neckWidth) * (1 - (y - top) / (height - neckHeight)); |
| }; |
| series.getX = function(y, half, point) { |
| return centerX + (half ? -1 : 1) * ((getWidthAt(reversed ? 2 * centerY - y : y) / 2) + point.labelDistance); |
| }; |
| |
| // Expose |
| series.center = [centerX, centerY, height]; |
| series.centerX = centerX; |
| |
| /* |
| * Individual point coordinate naming: |
| * |
| * x1,y1 _________________ x2,y1 |
| * \ / |
| * \ / |
| * \ / |
| * \ / |
| * \ / |
| * x3,y3 _________ x4,y3 |
| * |
| * Additional for the base of the neck: |
| * |
| * | | |
| * | | |
| * | | |
| * x3,y5 _________ x4,y5 |
| */ |
| |
| |
| |
| |
| // get the total sum |
| each(data, function(point) { |
| if (!ignoreHiddenPoint || point.visible !== false) { |
| sum += point.y; |
| } |
| }); |
| |
| each(data, function(point) { |
| // set start and end positions |
| y5 = null; |
| fraction = sum ? point.y / sum : 0; |
| y1 = centerY - height / 2 + cumulative * height; |
| y3 = y1 + fraction * height; |
| //tempWidth = neckWidth + (width - neckWidth) * ((height - neckHeight - y1) / (height - neckHeight)); |
| tempWidth = getWidthAt(y1); |
| x1 = centerX - tempWidth / 2; |
| x2 = x1 + tempWidth; |
| tempWidth = getWidthAt(y3); |
| x3 = centerX - tempWidth / 2; |
| x4 = x3 + tempWidth; |
| |
| // the entire point is within the neck |
| if (y1 > neckY) { |
| x1 = x3 = centerX - neckWidth / 2; |
| x2 = x4 = centerX + neckWidth / 2; |
| |
| // the base of the neck |
| } else if (y3 > neckY) { |
| y5 = y3; |
| |
| tempWidth = getWidthAt(neckY); |
| x3 = centerX - tempWidth / 2; |
| x4 = x3 + tempWidth; |
| |
| y3 = neckY; |
| } |
| |
| if (reversed) { |
| y1 = 2 * centerY - y1; |
| y3 = 2 * centerY - y3; |
| y5 = (y5 ? 2 * centerY - y5 : null); |
| } |
| // save the path |
| path = [ |
| 'M', |
| x1, y1, |
| 'L', |
| x2, y1, |
| x4, y3 |
| ]; |
| if (y5) { |
| path.push(x4, y5, x3, y5); |
| } |
| path.push(x3, y3, 'Z'); |
| |
| // prepare for using shared dr |
| point.shapeType = 'path'; |
| point.shapeArgs = { |
| d: path |
| }; |
| |
| |
| // for tooltips and data labels |
| point.percentage = fraction * 100; |
| point.plotX = centerX; |
| point.plotY = (y1 + (y5 || y3)) / 2; |
| |
| // Placement of tooltips and data labels |
| point.tooltipPos = [ |
| centerX, |
| point.plotY |
| ]; |
| |
| // Slice is a noop on funnel points |
| point.slice = noop; |
| |
| // Mimicking pie data label placement logic |
| point.half = half; |
| |
| if (!ignoreHiddenPoint || point.visible !== false) { |
| cumulative += fraction; |
| } |
| }); |
| }, |
| |
| /** |
| * Funnel items don't have angles (#2289) |
| */ |
| sortByAngle: function(points) { |
| points.sort(function(a, b) { |
| return a.plotY - b.plotY; |
| }); |
| }, |
| |
| /** |
| * Extend the pie data label method |
| */ |
| drawDataLabels: function() { |
| var series = this, |
| data = series.data, |
| labelDistance = series.options.dataLabels.distance, |
| leftSide, |
| sign, |
| point, |
| i = data.length, |
| x, |
| y; |
| |
| // In the original pie label anticollision logic, the slots are distributed |
| // from one labelDistance above to one labelDistance below the pie. In funnels |
| // we don't want this. |
| series.center[2] -= 2 * labelDistance; |
| |
| // Set the label position array for each point. |
| while (i--) { |
| point = data[i]; |
| leftSide = point.half; |
| sign = leftSide ? 1 : -1; |
| y = point.plotY; |
| point.labelDistance = pick( |
| point.options.dataLabels && point.options.dataLabels.distance, |
| labelDistance |
| ); |
| |
| series.maxLabelDistance = Math.max(point.labelDistance, series.maxLabelDistance || 0); |
| x = series.getX(y, leftSide, point); |
| |
| // set the anchor point for data labels |
| point.labelPos = [ |
| 0, // first break of connector |
| y, // a/a |
| x + (point.labelDistance - 5) * sign, // second break, right outside point shape |
| y, // a/a |
| x + point.labelDistance * sign, // landing point for connector |
| y, // a/a |
| leftSide ? 'right' : 'left', // alignment |
| 0 // center angle |
| ]; |
| } |
| |
| seriesTypes.pie.prototype.drawDataLabels.call(this); |
| } |
| |
| }); |
| |
| /** |
| * Pyramid series type. |
| * A pyramid series is a special type of funnel, without neck and reversed by default. |
| */ |
| seriesType('pyramid', 'funnel', { |
| neckWidth: '0%', |
| neckHeight: '0%', |
| reversed: true |
| }); |
| |
| }(Highcharts)); |
| })); |
