123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792 |
- /**
- * @license Highcharts JS v5.0.6 (2016-12-07)
- * Gantt series
- *
- * (c) 2016 Lars A. V. Cabrera
- *
- * --- WORK IN PROGRESS ---
- *
- * License: www.highcharts.com/license
- */
- (function(factory) {
- if (typeof module === 'object' && module.exports) {
- module.exports = factory;
- } else {
- factory(Highcharts);
- }
- }(function(Highcharts) {
- (function(H) {
- /**
- * (c) 2016 Highsoft AS
- * Authors: Lars A. V. Cabrera
- *
- * License: www.highcharts.com/license
- */
- 'use strict';
- var dateFormat = H.dateFormat,
- each = H.each,
- isObject = H.isObject,
- pick = H.pick,
- wrap = H.wrap,
- Axis = H.Axis,
- Chart = H.Chart,
- Tick = H.Tick;
- // Enum for which side the axis is on.
- // Maps to axis.side
- var axisSide = {
- top: 0,
- right: 1,
- bottom: 2,
- left: 3,
- 0: 'top',
- 1: 'right',
- 2: 'bottom',
- 3: 'left'
- };
- /**
- * Checks if an axis is the outer axis in its dimension. Since
- * axes are placed outwards in order, the axis with the highest
- * index is the outermost axis.
- *
- * Example: If there are multiple x-axes at the top of the chart,
- * this function returns true if the axis supplied is the last
- * of the x-axes.
- *
- * @return true if the axis is the outermost axis in its dimension;
- * false if not
- */
- Axis.prototype.isOuterAxis = function() {
- var axis = this,
- thisIndex = -1,
- isOuter = true;
- each(this.chart.axes, function(otherAxis, index) {
- if (otherAxis.side === axis.side) {
- if (otherAxis === axis) {
- // Get the index of the axis in question
- thisIndex = index;
- // Check thisIndex >= 0 in case thisIndex has
- // not been found yet
- } else if (thisIndex >= 0 && index > thisIndex) {
- // There was an axis on the same side with a
- // higher index. Exit the loop.
- isOuter = false;
- return;
- }
- }
- });
- // There were either no other axes on the same side,
- // or the other axes were not farther from the chart
- return isOuter;
- };
- /**
- * Shortcut function to Tick.label.getBBox().width.
- *
- * @return {number} width - the width of the tick label
- */
- Tick.prototype.getLabelWidth = function() {
- return this.label.getBBox().width;
- };
- /**
- * Get the maximum label length.
- * This function can be used in states where the axis.maxLabelLength has not
- * been set.
- *
- * @param {boolean} force - Optional parameter to force a new calculation, even
- * if a value has already been set
- * @return {number} maxLabelLength - the maximum label length of the axis
- */
- Axis.prototype.getMaxLabelLength = function(force) {
- var tickPositions = this.tickPositions,
- ticks = this.ticks,
- maxLabelLength = 0;
- if (!this.maxLabelLength || force) {
- each(tickPositions, function(tick) {
- tick = ticks[tick];
- if (tick && tick.labelLength > maxLabelLength) {
- maxLabelLength = tick.labelLength;
- }
- });
- this.maxLabelLength = maxLabelLength;
- }
- return this.maxLabelLength;
- };
- /**
- * Adds the axis defined in axis.options.title
- */
- Axis.prototype.addTitle = function() {
- var axis = this,
- renderer = axis.chart.renderer,
- axisParent = axis.axisParent,
- horiz = axis.horiz,
- opposite = axis.opposite,
- options = axis.options,
- axisTitleOptions = options.title,
- hasData,
- showAxis,
- textAlign;
- // For reuse in Axis.render
- hasData = axis.hasData();
- axis.showAxis = showAxis = hasData || pick(options.showEmpty, true);
- // Disregard title generation in original Axis.getOffset()
- options.title = '';
- if (!axis.axisTitle) {
- textAlign = axisTitleOptions.textAlign;
- if (!textAlign) {
- textAlign = (horiz ? {
- low: 'left',
- middle: 'center',
- high: 'right'
- } : {
- low: opposite ? 'right' : 'left',
- middle: 'center',
- high: opposite ? 'left' : 'right'
- })[axisTitleOptions.align];
- }
- axis.axisTitle = renderer.text(
- axisTitleOptions.text,
- 0,
- 0,
- axisTitleOptions.useHTML
- )
- .attr({
- zIndex: 7,
- rotation: axisTitleOptions.rotation || 0,
- align: textAlign
- })
- .addClass('highcharts-axis-title')
- // Add to axisParent instead of axisGroup, to ignore the space
- // it takes
- .add(axisParent);
- axis.axisTitle.isNew = true;
- }
- // hide or show the title depending on whether showEmpty is set
- axis.axisTitle[showAxis ? 'show' : 'hide'](true);
- };
- /**
- * Add custom date formats
- */
- H.dateFormats = {
- // Week number
- W: function(timestamp) {
- var date = new Date(timestamp),
- day = date.getUTCDay() === 0 ? 7 : date.getUTCDay(),
- time = date.getTime(),
- startOfYear = new Date(date.getUTCFullYear(), 0, 1, -6),
- dayNumber;
- date.setDate(date.getUTCDate() + 4 - day);
- dayNumber = Math.floor((time - startOfYear) / 86400000);
- return 1 + Math.floor(dayNumber / 7);
- },
- // First letter of the day of the week, e.g. 'M' for 'Monday'.
- E: function(timestamp) {
- return dateFormat('%a', timestamp, true).charAt(0);
- }
- };
- /**
- * Prevents adding the last tick label if the axis is not a category axis.
- *
- * Since numeric labels are normally placed at starts and ends of a range of
- * value, and this module makes the label point at the value, an "extra" label
- * would appear.
- *
- * @param {function} proceed - the original function
- */
- wrap(Tick.prototype, 'addLabel', function(proceed) {
- var axis = this.axis,
- isCategoryAxis = axis.options.categories !== undefined,
- tickPositions = axis.tickPositions,
- lastTick = tickPositions[tickPositions.length - 1],
- isLastTick = this.pos !== lastTick;
- if (!axis.options.grid || isCategoryAxis || isLastTick) {
- proceed.apply(this);
- }
- });
- /**
- * Center tick labels vertically and horizontally between ticks
- *
- * @param {function} proceed - the original function
- *
- * @return {object} object - an object containing x and y positions
- * for the tick
- */
- wrap(Tick.prototype, 'getLabelPosition', function(proceed, x, y, label) {
- var retVal = proceed.apply(this, Array.prototype.slice.call(arguments, 1)),
- axis = this.axis,
- options = axis.options,
- tickInterval = options.tickInterval || 1,
- newX,
- newPos,
- axisHeight,
- fontSize,
- labelMetrics,
- lblB,
- lblH,
- labelCenter;
- // Only center tick labels if axis has option grid: true
- if (options.grid) {
- fontSize = options.labels.style.fontSize;
- labelMetrics = axis.chart.renderer.fontMetrics(fontSize, label);
- lblB = labelMetrics.b;
- lblH = labelMetrics.h;
- if (axis.horiz && options.categories === undefined) {
- // Center x position
- axisHeight = axis.axisGroup.getBBox().height;
- newPos = this.pos + tickInterval / 2;
- retVal.x = axis.translate(newPos) + axis.left;
- labelCenter = (axisHeight / 2) + (lblH / 2) - Math.abs(lblH - lblB);
- // Center y position
- if (axis.side === axisSide.top) {
- retVal.y = y - labelCenter;
- } else {
- retVal.y = y + labelCenter;
- }
- } else {
- // Center y position
- if (options.categories === undefined) {
- newPos = this.pos + (tickInterval / 2);
- retVal.y = axis.translate(newPos) + axis.top + (lblB / 2);
- }
- // Center x position
- newX = (this.getLabelWidth() / 2) - (axis.maxLabelLength / 2);
- if (axis.side === axisSide.left) {
- retVal.x += newX;
- } else {
- retVal.x -= newX;
- }
- }
- }
- return retVal;
- });
- /**
- * Draw vertical ticks extra long to create cell floors and roofs.
- * Overrides the tickLength for vertical axes.
- *
- * @param {function} proceed - the original function
- * @returns {array} retVal -
- */
- wrap(Axis.prototype, 'tickSize', function(proceed) {
- var axis = this,
- retVal = proceed.apply(axis, Array.prototype.slice.call(arguments, 1)),
- labelPadding,
- distance;
- if (axis.options.grid && !axis.horiz) {
- labelPadding = (Math.abs(axis.defaultLeftAxisOptions.labels.x) * 2);
- if (!axis.maxLabelLength) {
- axis.maxLabelLength = axis.getMaxLabelLength();
- }
- distance = axis.maxLabelLength + labelPadding;
- retVal[0] = distance;
- }
- return retVal;
- });
- /**
- * Disregards space required by axisTitle, by adding axisTitle to axisParent
- * instead of axisGroup, and disregarding margins and offsets related to
- * axisTitle.
- *
- * @param {function} proceed - the original function
- */
- wrap(Axis.prototype, 'getOffset', function(proceed) {
- var axis = this,
- axisOffset = axis.chart.axisOffset,
- side = axis.side,
- axisHeight,
- tickSize,
- options = axis.options,
- axisTitleOptions = options.title,
- addTitle = axisTitleOptions &&
- axisTitleOptions.text &&
- axisTitleOptions.enabled !== false;
- if (axis.options.grid && isObject(axis.options.title)) {
- tickSize = axis.tickSize('tick')[0];
- if (axisOffset[side] && tickSize) {
- axisHeight = axisOffset[side] + tickSize;
- }
- if (addTitle) {
- // Use the custom addTitle() to add it, while preventing making room
- // for it
- axis.addTitle();
- }
- proceed.apply(axis, Array.prototype.slice.call(arguments, 1));
- axisOffset[side] = pick(axisHeight, axisOffset[side]);
- // Put axis options back after original Axis.getOffset() has been called
- options.title = axisTitleOptions;
- } else {
- proceed.apply(axis, Array.prototype.slice.call(arguments, 1));
- }
- });
- /**
- * Prevents rotation of labels when squished, as rotating them would not
- * help.
- *
- * @param {function} proceed - the original function
- */
- wrap(Axis.prototype, 'renderUnsquish', function(proceed) {
- if (this.options.grid) {
- this.labelRotation = 0;
- this.options.labels.rotation = 0;
- }
- proceed.apply(this);
- });
- /**
- * Places leftmost tick at the start of the axis, to create a left wall.
- *
- * @param {function} proceed - the original function
- */
- wrap(Axis.prototype, 'setOptions', function(proceed, userOptions) {
- var axis = this;
- if (userOptions.grid && axis.horiz) {
- userOptions.startOnTick = true;
- userOptions.minPadding = 0;
- userOptions.endOnTick = true;
- }
- proceed.apply(this, Array.prototype.slice.call(arguments, 1));
- });
- /**
- * Draw an extra line on the far side of the the axisLine,
- * creating cell roofs of a grid.
- *
- * @param {function} proceed - the original function
- */
- wrap(Axis.prototype, 'render', function(proceed) {
- var axis = this,
- options = axis.options,
- labelPadding,
- distance,
- lineWidth,
- linePath,
- yStartIndex,
- yEndIndex,
- xStartIndex,
- xEndIndex,
- renderer = axis.chart.renderer,
- axisGroupBox;
- if (options.grid) {
- labelPadding = (Math.abs(axis.defaultLeftAxisOptions.labels.x) * 2);
- distance = axis.maxLabelLength + labelPadding;
- lineWidth = options.lineWidth;
- // Remove right wall before rendering
- if (axis.rightWall) {
- axis.rightWall.destroy();
- }
- // Call original Axis.render() to obtain axis.axisLine and
- // axis.axisGroup
- proceed.apply(axis);
- axisGroupBox = axis.axisGroup.getBBox();
- // Add right wall on horizontal axes
- if (axis.horiz) {
- axis.rightWall = renderer.path([
- 'M',
- axisGroupBox.x + axis.width + 1, // account for left wall
- axisGroupBox.y,
- 'L',
- axisGroupBox.x + axis.width + 1, // account for left wall
- axisGroupBox.y + axisGroupBox.height
- ])
- .attr({
- stroke: options.tickColor || '#ccd6eb',
- 'stroke-width': options.tickWidth || 1,
- zIndex: 7,
- class: 'grid-wall'
- })
- .add(axis.axisGroup);
- }
- if (axis.isOuterAxis() && axis.axisLine) {
- if (axis.horiz) {
- // -1 to avoid adding distance each time the chart updates
- distance = axisGroupBox.height - 1;
- }
- if (lineWidth) {
- linePath = axis.getLinePath(lineWidth);
- xStartIndex = linePath.indexOf('M') + 1;
- xEndIndex = linePath.indexOf('L') + 1;
- yStartIndex = linePath.indexOf('M') + 2;
- yEndIndex = linePath.indexOf('L') + 2;
- // Negate distance if top or left axis
- if (axis.side === axisSide.top || axis.side === axisSide.left) {
- distance = -distance;
- }
- // If axis is horizontal, reposition line path vertically
- if (axis.horiz) {
- linePath[yStartIndex] = linePath[yStartIndex] + distance;
- linePath[yEndIndex] = linePath[yEndIndex] + distance;
- } else {
- // If axis is vertical, reposition line path horizontally
- linePath[xStartIndex] = linePath[xStartIndex] + distance;
- linePath[xEndIndex] = linePath[xEndIndex] + distance;
- }
- if (!axis.axisLineExtra) {
- axis.axisLineExtra = renderer.path(linePath)
- .attr({
- stroke: options.lineColor,
- 'stroke-width': lineWidth,
- zIndex: 7
- })
- .add(axis.axisGroup);
- } else {
- axis.axisLineExtra.animate({
- d: linePath
- });
- }
- // show or hide the line depending on options.showEmpty
- axis.axisLine[axis.showAxis ? 'show' : 'hide'](true);
- }
- }
- } else {
- proceed.apply(axis);
- }
- });
- /**
- * Wraps chart rendering with the following customizations:
- * 1. Prohibit timespans of multitudes of a time unit
- * 2. Draw cell walls on vertical axes
- *
- * @param {function} proceed - the original function
- */
- wrap(Chart.prototype, 'render', function(proceed) {
- // 25 is optimal height for default fontSize (11px)
- // 25 / 11 ≈ 2.28
- var fontSizeToCellHeightRatio = 25 / 11,
- fontMetrics,
- fontSize;
- each(this.axes, function(axis) {
- var options = axis.options;
- if (options.grid) {
- fontSize = options.labels.style.fontSize;
- fontMetrics = axis.chart.renderer.fontMetrics(fontSize);
- // Prohibit timespans of multitudes of a time unit,
- // e.g. two days, three weeks, etc.
- if (options.type === 'datetime') {
- options.units = [
- ['millisecond', [1]],
- ['second', [1]],
- ['minute', [1]],
- ['hour', [1]],
- ['day', [1]],
- ['week', [1]],
- ['month', [1]],
- ['year', null]
- ];
- }
- // Make tick marks taller, creating cell walls of a grid.
- // Use cellHeight axis option if set
- if (axis.horiz) {
- options.tickLength = options.cellHeight ||
- fontMetrics.h * fontSizeToCellHeightRatio;
- } else {
- options.tickWidth = 1;
- if (!options.lineWidth) {
- options.lineWidth = 1;
- }
- }
- }
- });
- // Call original Chart.render()
- proceed.apply(this);
- });
- }(Highcharts));
- (function(H) {
- /**
- * (c) 2014-2016 Highsoft AS
- * Authors: Torstein Honsi, Lars A. V. Cabrera
- *
- * License: www.highcharts.com/license
- */
- 'use strict';
- var defaultPlotOptions = H.getOptions().plotOptions,
- color = H.Color,
- columnType = H.seriesTypes.column,
- each = H.each,
- extendClass = H.extendClass,
- isNumber = H.isNumber,
- isObject = H.isObject,
- merge = H.merge,
- pick = H.pick,
- seriesTypes = H.seriesTypes,
- wrap = H.wrap,
- Axis = H.Axis,
- Point = H.Point,
- Series = H.Series,
- pointFormat = '<span style="color:{point.color}">' +
- '\u25CF' +
- '</span> {series.name}: <b>{point.yCategory}</b><br/>',
- xrange = 'xrange';
- defaultPlotOptions.xrange = merge(defaultPlotOptions.column, {
- tooltip: {
- pointFormat: pointFormat
- }
- });
- seriesTypes.xrange = extendClass(columnType, {
- pointClass: extendClass(Point, {
- // Add x2 and yCategory to the available properties for tooltip formats
- getLabelConfig: function() {
- var cfg = Point.prototype.getLabelConfig.call(this);
- cfg.x2 = this.x2;
- cfg.yCategory = this.yCategory = this.series.yAxis.categories && this.series.yAxis.categories[this.y];
- return cfg;
- }
- }),
- type: xrange,
- forceDL: true,
- parallelArrays: ['x', 'x2', 'y'],
- requireSorting: false,
- animate: seriesTypes.line.prototype.animate,
- /**
- * Borrow the column series metrics, but with swapped axes. This gives free access
- * to features like groupPadding, grouping, pointWidth etc.
- */
- getColumnMetrics: function() {
- var metrics,
- chart = this.chart;
- function swapAxes() {
- each(chart.series, function(s) {
- var xAxis = s.xAxis;
- s.xAxis = s.yAxis;
- s.yAxis = xAxis;
- });
- }
- swapAxes();
- this.yAxis.closestPointRange = 1;
- metrics = columnType.prototype.getColumnMetrics.call(this);
- swapAxes();
- return metrics;
- },
- /**
- * Override cropData to show a point where x is outside visible range
- * but x2 is outside.
- */
- cropData: function(xData, yData, min, max) {
- // Replace xData with x2Data to find the appropriate cropStart
- var cropData = Series.prototype.cropData,
- crop = cropData.call(this, this.x2Data, yData, min, max);
- // Re-insert the cropped xData
- crop.xData = xData.slice(crop.start, crop.end);
- return crop;
- },
- translate: function() {
- columnType.prototype.translate.apply(this, arguments);
- var series = this,
- xAxis = series.xAxis,
- metrics = series.columnMetrics,
- minPointLength = series.options.minPointLength || 0;
- each(series.points, function(point) {
- var plotX = point.plotX,
- posX = pick(point.x2, point.x + (point.len || 0)),
- plotX2 = xAxis.toPixels(posX, true),
- width = plotX2 - plotX,
- widthDifference,
- shapeArgs,
- partialFill;
- if (minPointLength) {
- widthDifference = minPointLength - width;
- if (widthDifference < 0) {
- widthDifference = 0;
- }
- plotX -= widthDifference / 2;
- plotX2 += widthDifference / 2;
- }
- plotX = Math.max(plotX, -10);
- plotX2 = Math.min(Math.max(plotX2, -10), xAxis.len + 10);
- point.shapeArgs = {
- x: plotX,
- y: point.plotY + metrics.offset,
- width: plotX2 - plotX,
- height: metrics.width
- };
- point.tooltipPos[0] += width / 2;
- point.tooltipPos[1] -= metrics.width / 2;
- // Add a partShapeArgs to the point, based on the shapeArgs property
- partialFill = point.partialFill;
- if (partialFill) {
- // Get the partial fill amount
- if (isObject(partialFill)) {
- partialFill = partialFill.amount;
- }
- // If it was not a number, assume 0
- if (!isNumber(partialFill)) {
- partialFill = 0;
- }
- shapeArgs = point.shapeArgs;
- point.partShapeArgs = {
- x: shapeArgs.x,
- y: shapeArgs.y + 1,
- width: shapeArgs.width * partialFill,
- height: shapeArgs.height - 2
- };
- }
- });
- },
- drawPoints: function() {
- var series = this,
- chart = this.chart,
- options = series.options,
- renderer = chart.renderer,
- animationLimit = options.animationLimit || 250,
- verb = chart.pointCount < animationLimit ? 'animate' : 'attr';
- // draw the columns
- each(series.points, function(point) {
- var plotY = point.plotY,
- graphic = point.graphic,
- type = point.shapeType,
- shapeArgs = point.shapeArgs,
- partShapeArgs = point.partShapeArgs,
- seriesOpts = series.options,
- pfOptions = point.partialFill,
- fill,
- state = point.selected && 'select',
- cutOff = options.stacking && !options.borderRadius;
- if (isNumber(plotY) && point.y !== null) {
- if (graphic) { // update
- point.graphicOriginal[verb](
- merge(shapeArgs)
- );
- if (partShapeArgs) {
- point.graphicOverlay[verb](
- merge(partShapeArgs)
- );
- }
- } else {
- point.graphic = graphic = renderer.g('point')
- .attr({
- 'class': point.getClassName()
- })
- .add(point.group || series.group);
- point.graphicOriginal = renderer[type](shapeArgs)
- .addClass('highcharts-partfill-original')
- .add(graphic);
- if (partShapeArgs) {
- point.graphicOverlay = renderer[type](partShapeArgs)
- .addClass('highcharts-partfill-overlay')
- .add(graphic);
- }
- }
- } else if (graphic) {
- point.graphic = graphic.destroy(); // #1269
- }
- });
- }
- });
- /**
- * Max x2 should be considered in xAxis extremes
- */
- wrap(Axis.prototype, 'getSeriesExtremes', function(proceed) {
- var axis = this,
- series = axis.series,
- dataMax,
- modMax;
- proceed.call(this);
- if (axis.isXAxis && series.type === xrange) {
- dataMax = pick(axis.dataMax, Number.MIN_VALUE);
- each(this.series, function(series) {
- each(series.x2Data || [], function(val) {
- if (val > dataMax) {
- dataMax = val;
- modMax = true;
- }
- });
- });
- if (modMax) {
- axis.dataMax = dataMax;
- }
- }
- });
- }(Highcharts));
- (function(H) {
- /**
- * (c) 2016 Highsoft AS
- * Authors: Lars A. V. Cabrera
- *
- * License: www.highcharts.com/license
- */
- 'use strict';
- //
- }(Highcharts));
- }));
|