Blame | Letzte Änderung | Log anzeigen | RSS feed
/*** @license Highcharts JS v4.1.9 (2015-10-07)** (c) 2014 Highsoft AS* Authors: Jon Arild Nygard / Oystein Moseng** License: www.highcharts.com/license*//*global HighchartsAdapter */(function (H) {var seriesTypes = H.seriesTypes,map = H.map,merge = H.merge,extend = H.extend,extendClass = H.extendClass,defaultOptions = H.getOptions(),plotOptions = defaultOptions.plotOptions,noop = function () { return; },each = H.each,grep = HighchartsAdapter.grep,pick = H.pick,Series = H.Series,Color = H.Color,eachObject = function (list, func, context) {var key;context = context || this;for (key in list) {if (list.hasOwnProperty(key)) {func.call(context, list[key], key, list);}}},reduce = function (arr, func, previous, context) {context = context || this;arr = arr || []; // @note should each be able to handle empty values automatically?each(arr, function (current, i) {previous = func.call(context, previous, current, i, arr);});return previous;},// @todo find correct name for this function.recursive = function (item, func, context) {var next;context = context || this;next = func.call(context, item);if (next !== false) {recursive(next, func, context);}};// Define default optionsplotOptions.treemap = merge(plotOptions.scatter, {showInLegend: false,marker: false,borderColor: '#E0E0E0',borderWidth: 1,dataLabels: {enabled: true,defer: false,verticalAlign: 'middle',formatter: function () { // #2945return this.point.name || this.point.id;},inside: true},tooltip: {headerFormat: '',pointFormat: '<b>{point.name}</b>: {point.node.val}</b><br/>'},layoutAlgorithm: 'sliceAndDice',layoutStartingDirection: 'vertical',alternateStartingDirection: false,levelIsConstant: true,states: {hover: {borderColor: '#A0A0A0',brightness: seriesTypes.heatmap ? 0 : 0.1,shadow: false}},drillUpButton: {position: {align: 'left',x: 10,y: -50}}});// Stolen from heatmapvar colorSeriesMixin = {// mapping between SVG attributes and the corresponding optionspointAttrToOptions: {},pointArrayMap: ['value'],axisTypes: seriesTypes.heatmap ? ['xAxis', 'yAxis', 'colorAxis'] : ['xAxis', 'yAxis'],optionalAxis: 'colorAxis',getSymbol: noop,parallelArrays: ['x', 'y', 'value', 'colorValue'],colorKey: 'colorValue', // Point color option keytranslateColors: seriesTypes.heatmap && seriesTypes.heatmap.prototype.translateColors};// The Treemap series typeseriesTypes.treemap = extendClass(seriesTypes.scatter, merge(colorSeriesMixin, {type: 'treemap',trackerGroups: ['group', 'dataLabelsGroup'],pointClass: extendClass(H.Point, {setVisible: seriesTypes.pie.prototype.pointClass.prototype.setVisible}),/*** Creates an object map from parent id to childrens index.* @param {Array} data List of points set in options.* @param {string} data[].parent Parent id of point.* @param {Array} ids List of all point ids.* @return {Object} Map from parent id to children index in data.*/getListOfParents: function (data, ids) {var listOfParents = reduce(data, function (prev, curr, i) {var parent = pick(curr.parent, "");if (prev[parent] === undefined) {prev[parent] = [];}prev[parent].push(i);return prev;}, {});// If parent does not exist, hoist parent to root of tree.eachObject(listOfParents, function (children, parent, list) {if ((parent !== "") && (HighchartsAdapter.inArray(parent, ids) === -1)) {each(children, function (child) {list[""].push(child);});delete list[parent];}});return listOfParents;},/*** Creates a tree structured object from the series points*/getTree: function () {var tree,series = this,allIds = map(this.data, function (d) {return d.id;}),parentList = series.getListOfParents(this.data, allIds);series.nodeMap = [];tree = series.buildNode("", -1, 0, parentList, null);recursive(this.nodeMap[this.rootNode], function (node) {var next = false,p = node.parent;node.visible = true;if (p || p === "") {next = series.nodeMap[p];}return next;});recursive(this.nodeMap[this.rootNode].children, function (children) {var next = false;each(children, function (child) {child.visible = true;if (child.children.length) {next = (next || []).concat(child.children);}});return next;});this.setTreeValues(tree);return tree;},init: function (chart, options) {var series = this;Series.prototype.init.call(series, chart, options);if (series.options.allowDrillToNode) {series.drillTo();}},buildNode: function (id, i, level, list, parent) {var series = this,children = [],point = series.points[i],node,child;// Actionseach((list[id] || []), function (i) {child = series.buildNode(series.points[i].id, i, (level + 1), list, id);children.push(child);});node = {id: id,i: i,children: children,level: level,parent: parent,visible: false // @todo move this to better location};series.nodeMap[node.id] = node;if (point) {point.node = node;}return node;},setTreeValues: function (tree) {var series = this,options = series.options,childrenTotal = 0,sorted = [],val,point = series.points[tree.i];// First give the children some valueseach(tree.children, function (child) {child = series.setTreeValues(child);series.insertElementSorted(sorted, child, function (el, el2) {return el.val > el2.val;});if (!child.ignore) {childrenTotal += child.val;} else {// @todo Add predicate to avoid looping already ignored childrenrecursive(child.children, function (children) {var next = false;each(children, function (node) {extend(node, {ignore: true,isLeaf: false,visible: false});if (node.children.length) {next = (next || []).concat(node.children);}});return next;});}});// Set the valuesval = pick(point && point.value, childrenTotal);extend(tree, {children: sorted,childrenTotal: childrenTotal,// Ignore this node if point is not visibleignore: !(pick(point && point.visible, true) && (val > 0)),isLeaf: tree.visible && !childrenTotal,levelDynamic: (options.levelIsConstant ? tree.level : (tree.level - series.nodeMap[series.rootNode].level)),name: pick(point && point.name, ""),val: val});return tree;},/*** Recursive function which calculates the area for all children of a node.* @param {Object} node The node which is parent to the children.* @param {Object} area The rectangular area of the parent.*/calculateChildrenAreas: function (parent, area) {var series = this,options = series.options,level = this.levelMap[parent.levelDynamic + 1],algorithm = pick((series[level && level.layoutAlgorithm] && level.layoutAlgorithm), options.layoutAlgorithm),alternate = options.alternateStartingDirection,childrenValues = [],children;// Collect all children which should be includedchildren = grep(parent.children, function (n) {return !n.ignore;});if (level && level.layoutStartingDirection) {area.direction = level.layoutStartingDirection === 'vertical' ? 0 : 1;}childrenValues = series[algorithm](area, children);each(children, function (child, index) {var values = childrenValues[index];child.values = merge(values, {val: child.childrenTotal,direction: (alternate ? 1 - area.direction : area.direction)});child.pointValues = merge(values, {x: (values.x / series.axisRatio),width: (values.width / series.axisRatio)});// If node has children, then call method recursivelyif (child.children.length) {series.calculateChildrenAreas(child, child.values);}});},setPointValues: function () {var series = this,xAxis = series.xAxis,yAxis = series.yAxis;each(series.points, function (point) {var node = point.node,values = node.pointValues,x1,x2,y1,y2;// Points which is ignored, have no values.if (values) {x1 = Math.round(xAxis.translate(values.x, 0, 0, 0, 1));x2 = Math.round(xAxis.translate(values.x + values.width, 0, 0, 0, 1));y1 = Math.round(yAxis.translate(values.y, 0, 0, 0, 1));y2 = Math.round(yAxis.translate(values.y + values.height, 0, 0, 0, 1));// Set point valuespoint.shapeType = 'rect';point.shapeArgs = {x: Math.min(x1, x2),y: Math.min(y1, y2),width: Math.abs(x2 - x1),height: Math.abs(y2 - y1)};point.plotX = point.shapeArgs.x + (point.shapeArgs.width / 2);point.plotY = point.shapeArgs.y + (point.shapeArgs.height / 2);} else {// Reset visibilitydelete point.plotX;delete point.plotY;}});},setColorRecursive: function (node, color) {var series = this,point,level;if (node) {point = series.points[node.i];level = series.levelMap[node.levelDynamic];// Select either point color, level color or inherited color.color = pick(point && point.options.color, level && level.color, color);if (point) {point.color = color;}// Do it all again with the childrenif (node.children.length) {each(node.children, function (child) {series.setColorRecursive(child, color);});}}},alg_func_group: function (h, w, d, p) {this.height = h;this.width = w;this.plot = p;this.direction = d;this.startDirection = d;this.total = 0;this.nW = 0;this.lW = 0;this.nH = 0;this.lH = 0;this.elArr = [];this.lP = {total: 0,lH: 0,nH: 0,lW: 0,nW: 0,nR: 0,lR: 0,aspectRatio: function (w, h) {return Math.max((w / h), (h / w));}};this.addElement = function (el) {this.lP.total = this.elArr[this.elArr.length - 1];this.total = this.total + el;if (this.direction === 0) {// Calculate last point old aspect ratiothis.lW = this.nW;this.lP.lH = this.lP.total / this.lW;this.lP.lR = this.lP.aspectRatio(this.lW, this.lP.lH);// Calculate last point new aspect ratiothis.nW = this.total / this.height;this.lP.nH = this.lP.total / this.nW;this.lP.nR = this.lP.aspectRatio(this.nW, this.lP.nH);} else {// Calculate last point old aspect ratiothis.lH = this.nH;this.lP.lW = this.lP.total / this.lH;this.lP.lR = this.lP.aspectRatio(this.lP.lW, this.lH);// Calculate last point new aspect ratiothis.nH = this.total / this.width;this.lP.nW = this.lP.total / this.nH;this.lP.nR = this.lP.aspectRatio(this.lP.nW, this.nH);}this.elArr.push(el);};this.reset = function () {this.nW = 0;this.lW = 0;this.elArr = [];this.total = 0;};},alg_func_calcPoints: function (directionChange, last, group, childrenArea) {var pX,pY,pW,pH,gW = group.lW,gH = group.lH,plot = group.plot,keep,i = 0,end = group.elArr.length - 1;if (last) {gW = group.nW;gH = group.nH;} else {keep = group.elArr[group.elArr.length - 1];}each(group.elArr, function (p) {if (last || (i < end)) {if (group.direction === 0) {pX = plot.x;pY = plot.y;pW = gW;pH = p / pW;} else {pX = plot.x;pY = plot.y;pH = gH;pW = p / pH;}childrenArea.push({x: pX,y: pY,width: pW,height: pH});if (group.direction === 0) {plot.y = plot.y + pH;} else {plot.x = plot.x + pW;}}i = i + 1;});// Reset variablesgroup.reset();if (group.direction === 0) {group.width = group.width - gW;} else {group.height = group.height - gH;}plot.y = plot.parent.y + (plot.parent.height - group.height);plot.x = plot.parent.x + (plot.parent.width - group.width);if (directionChange) {group.direction = 1 - group.direction;}// If not last, then add uncalculated elementif (!last) {group.addElement(keep);}},alg_func_lowAspectRatio: function (directionChange, parent, children) {var childrenArea = [],series = this,pTot,plot = {x: parent.x,y: parent.y,parent: parent},direction = parent.direction,i = 0,end = children.length - 1,group = new this.alg_func_group(parent.height, parent.width, direction, plot);// Loop through and calculate all areaseach(children, function (child) {pTot = (parent.width * parent.height) * (child.val / parent.val);group.addElement(pTot);if (group.lP.nR > group.lP.lR) {series.alg_func_calcPoints(directionChange, false, group, childrenArea, plot);}// If last child, then calculate all remaining areasif (i === end) {series.alg_func_calcPoints(directionChange, true, group, childrenArea, plot);}i = i + 1;});return childrenArea;},alg_func_fill: function (directionChange, parent, children) {var childrenArea = [],pTot,direction = parent.direction,x = parent.x,y = parent.y,width = parent.width,height = parent.height,pX,pY,pW,pH;each(children, function (child) {pTot = (parent.width * parent.height) * (child.val / parent.val);pX = x;pY = y;if (direction === 0) {pH = height;pW = pTot / pH;width = width - pW;x = x + pW;} else {pW = width;pH = pTot / pW;height = height - pH;y = y + pH;}childrenArea.push({x: pX,y: pY,width: pW,height: pH});if (directionChange) {direction = 1 - direction;}});return childrenArea;},strip: function (parent, children) {return this.alg_func_lowAspectRatio(false, parent, children);},squarified: function (parent, children) {return this.alg_func_lowAspectRatio(true, parent, children);},sliceAndDice: function (parent, children) {return this.alg_func_fill(true, parent, children);},stripes: function (parent, children) {return this.alg_func_fill(false, parent, children);},translate: function () {var pointValues,seriesArea,tree,val;// Call prototype functionSeries.prototype.translate.call(this);if (this.points.length) {// Assign variablesthis.rootNode = pick(this.options.rootId, "");// Create a object map from level to optionsthis.levelMap = reduce(this.options.levels, function (arr, item) {arr[item.level] = item;return arr;}, {});tree = this.tree = this.getTree(); // @todo Only if series.isDirtyData is true// Calculate plotting values.this.axisRatio = (this.xAxis.len / this.yAxis.len);this.nodeMap[""].pointValues = pointValues = {x: 0, y: 0, width: 100, height: 100 };this.nodeMap[""].values = seriesArea = merge(pointValues, {width: (pointValues.width * this.axisRatio),direction: (this.options.layoutStartingDirection === 'vertical' ? 0 : 1),val: tree.val});this.calculateChildrenAreas(tree, seriesArea);}// Logic for point colorsif (this.colorAxis) {this.translateColors();} else if (!this.options.colorByPoint) {this.setColorRecursive(this.tree, undefined);}// Update axis extremes according to the root node.val = this.nodeMap[this.rootNode].pointValues;this.xAxis.setExtremes(val.x, val.x + val.width, false);this.yAxis.setExtremes(val.y, val.y + val.height, false);this.xAxis.setScale();this.yAxis.setScale();// Assign values to points.this.setPointValues();},/*** Extend drawDataLabels with logic to handle custom options related to the treemap series:* - Points which is not a leaf node, has dataLabels disabled by default.* - Options set on series.levels is merged in.* - Width of the dataLabel is set to match the width of the point shape.*/drawDataLabels: function () {var series = this,points = grep(series.points, function (n) {return n.node.visible;}),options,level;each(points, function (point) {level = series.levelMap[point.node.levelDynamic];// Set options to new object to avoid problems with scopeoptions = {style: {}};// If not a leaf, then label should be disabled as defaultif (!point.node.isLeaf) {options.enabled = false;}// If options for level exists, include them as wellif (level && level.dataLabels) {options = merge(options, level.dataLabels);series._hasPointLabels = true;}// Set dataLabel width to the width of the point shape.if (point.shapeArgs) {options.style.width = point.shapeArgs.width;}// Merge custom options with point optionspoint.dlOptions = merge(options, point.options.dataLabels);});Series.prototype.drawDataLabels.call(this);},alignDataLabel: seriesTypes.column.prototype.alignDataLabel,/*** Get presentational attributes*/pointAttribs: function (point, state) {var level = this.levelMap[point.node.levelDynamic] || {},options = this.options,attr,stateOptions = (state && options.states[state]) || {};// Set attributes by precedence. Point trumps level trumps series. Stroke width uses pick// because it can be 0.attr = {'stroke': point.borderColor || level.borderColor || stateOptions.borderColor || options.borderColor,'stroke-width': pick(point.borderWidth, level.borderWidth, stateOptions.borderWidth, options.borderWidth),'dashstyle': point.borderDashStyle || level.borderDashStyle || stateOptions.borderDashStyle || options.borderDashStyle,'fill': point.color || this.color};if (state === 'hover') {attr.zIndex = 1;}if (point.node.level <= this.nodeMap[this.rootNode].level) {// Hide levels above the current viewattr.fill = 'none';attr["stroke-width"] = 0;} else if (!point.node.isLeaf) {// If not a leaf, then remove fill// @todo let users set the opacityattr.fill = pick(options.interactByLeaf, !options.allowDrillToNode) ? 'none' : Color(attr.fill).setOpacity(state === 'hover' ? 0.75 : 0.15).get();} else if (state) {// Brighten and hoist the hover nodesattr.fill = Color(attr.fill).brighten(stateOptions.brightness).get();}return attr;},/*** Extending ColumnSeries drawPoints*/drawPoints: function () {var series = this,points = grep(series.points, function (n) {return n.node.visible;});each(points, function (point) {var groupKey = "levelGroup-" + point.node.levelDynamic;if (!series[groupKey]) {series[groupKey] = series.chart.renderer.g(groupKey).attr({zIndex: 1000 - point.node.levelDynamic // @todo Set the zIndex based upon the number of levels, instead of using 1000}).add(series.group);}point.group = series[groupKey];// Preliminary code in prepraration for HC5 that uses pointAttribs for all seriespoint.pointAttr = {'': series.pointAttribs(point),'hover': series.pointAttribs(point, 'hover'),'select': {}};});// Call standard drawPointsseriesTypes.column.prototype.drawPoints.call(this);// If drillToNode is allowed, set a point cursor on clickables & add drillId to pointif (series.options.allowDrillToNode) {each(points, function (point) {var cursor,drillId;if (point.graphic) {drillId = point.drillId = series.options.interactByLeaf ? series.drillToByLeaf(point) : series.drillToByGroup(point);cursor = drillId ? "pointer" : "default";point.graphic.css({ cursor: cursor });}});}},/*** Inserts an element into an array, sorted by a condition.* Modifies the referenced array* @param {*[]} arr The array which the element is inserted into.* @param {*} el The element to insert.* @param {function} cond The condition to sort on. First parameter is el, second parameter is array element*/insertElementSorted: function (arr, el, cond) {var i = 0,inserted = false;if (arr.length !== 0) {each(arr, function (arrayElement) {if (cond(el, arrayElement) && !inserted) {arr.splice(i, 0, el);inserted = true;}i = i + 1;});}if (!inserted) {arr.push(el);}},/*** Add drilling on the suitable points*/drillTo: function () {var series = this;H.addEvent(series, 'click', function (event) {var point = event.point,drillId = point.drillId,drillName;// If a drill id is returned, add click event and cursor.if (drillId) {drillName = series.nodeMap[series.rootNode].name || series.rootNode;point.setState(''); // Remove hoverseries.drillToNode(drillId);series.showDrillUpButton(drillName);}});},/*** Finds the drill id for a parent node.* Returns false if point should not have a click event* @param {Object} point* @return {string || boolean} Drill to id or false when point should not have a click event*/drillToByGroup: function (point) {var series = this,drillId = false;if ((point.node.level - series.nodeMap[series.rootNode].level) === 1 && !point.node.isLeaf) {drillId = point.id;}return drillId;},/*** Finds the drill id for a leaf node.* Returns false if point should not have a click event* @param {Object} point* @return {string || boolean} Drill to id or false when point should not have a click event*/drillToByLeaf: function (point) {var series = this,drillId = false,nodeParent;if ((point.node.parent !== series.rootNode) && (point.node.isLeaf)) {nodeParent = point.node;while (!drillId) {nodeParent = series.nodeMap[nodeParent.parent];if (nodeParent.parent === series.rootNode) {drillId = nodeParent.id;}}}return drillId;},drillUp: function () {var drillPoint = null,node,parent;if (this.rootNode) {node = this.nodeMap[this.rootNode];if (node.parent !== null) {drillPoint = this.nodeMap[node.parent];} else {drillPoint = this.nodeMap[""];}}if (drillPoint !== null) {this.drillToNode(drillPoint.id);if (drillPoint.id === "") {this.drillUpButton = this.drillUpButton.destroy();} else {parent = this.nodeMap[drillPoint.parent];this.showDrillUpButton((parent.name || parent.id));}}},drillToNode: function (id) {this.options.rootId = id;this.isDirty = true; // Force redrawthis.chart.redraw();},showDrillUpButton: function (name) {var series = this,backText = (name || '< Back'),buttonOptions = series.options.drillUpButton,attr,states;if (buttonOptions.text) {backText = buttonOptions.text;}if (!this.drillUpButton) {attr = buttonOptions.theme;states = attr && attr.states;this.drillUpButton = this.chart.renderer.button(backText,null,null,function () {series.drillUp();},attr,states && states.hover,states && states.select).attr({align: buttonOptions.position.align,zIndex: 9}).add().align(buttonOptions.position, false, buttonOptions.relativeTo || 'plotBox');} else {this.drillUpButton.attr({text: backText}).align();}},buildKDTree: noop,drawLegendSymbol: H.LegendSymbolMixin.drawRectangle,getExtremes: function () {// Get the extremes from the value dataSeries.prototype.getExtremes.call(this, this.colorValueData);this.valueMin = this.dataMin;this.valueMax = this.dataMax;// Get the extremes from the y dataSeries.prototype.getExtremes.call(this);},getExtremesFromAll: true,bindAxes: function () {var treeAxis = {endOnTick: false,gridLineWidth: 0,lineWidth: 0,min: 0,dataMin: 0,minPadding: 0,max: 100,dataMax: 100,maxPadding: 0,startOnTick: false,title: null,tickPositions: []};Series.prototype.bindAxes.call(this);H.extend(this.yAxis.options, treeAxis);H.extend(this.xAxis.options, treeAxis);}}));}(Highcharts));