123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920 |
- /**
- * @license Highcharts JS v7.0.2 (2019-01-17)
- *
- * (c) 2014-2019 Highsoft AS
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- */
- 'use strict';
- (function (factory) {
- if (typeof module === 'object' && module.exports) {
- factory['default'] = factory;
- module.exports = factory;
- } else if (typeof define === 'function' && define.amd) {
- define(function () {
- return factory;
- });
- } else {
- factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
- }
- }(function (Highcharts) {
- var result = (function (H) {
- var extend = H.extend,
- isArray = H.isArray,
- isBoolean = function (x) {
- return typeof x === 'boolean';
- },
- isFn = function (x) {
- return typeof x === 'function';
- },
- isObject = H.isObject,
- isNumber = H.isNumber,
- merge = H.merge,
- pick = H.pick;
- // TODO Combine buildTree and buildNode with setTreeValues
- // TODO Remove logic from Treemap and make it utilize this mixin.
- var setTreeValues = function setTreeValues(tree, options) {
- var before = options.before,
- idRoot = options.idRoot,
- mapIdToNode = options.mapIdToNode,
- nodeRoot = mapIdToNode[idRoot],
- levelIsConstant = (
- isBoolean(options.levelIsConstant) ?
- options.levelIsConstant :
- true
- ),
- points = options.points,
- point = points[tree.i],
- optionsPoint = point && point.options || {},
- childrenTotal = 0,
- children = [],
- value;
- extend(tree, {
- levelDynamic: tree.level - (levelIsConstant ? 0 : nodeRoot.level),
- name: pick(point && point.name, ''),
- visible: (
- idRoot === tree.id ||
- (isBoolean(options.visible) ? options.visible : false)
- )
- });
- if (isFn(before)) {
- tree = before(tree, options);
- }
- // First give the children some values
- tree.children.forEach(function (child, i) {
- var newOptions = extend({}, options);
- extend(newOptions, {
- index: i,
- siblings: tree.children.length,
- visible: tree.visible
- });
- child = setTreeValues(child, newOptions);
- children.push(child);
- if (child.visible) {
- childrenTotal += child.val;
- }
- });
- tree.visible = childrenTotal > 0 || tree.visible;
- // Set the values
- value = pick(optionsPoint.value, childrenTotal);
- extend(tree, {
- children: children,
- childrenTotal: childrenTotal,
- isLeaf: tree.visible && !childrenTotal,
- val: value
- });
- return tree;
- };
- var getColor = function getColor(node, options) {
- var index = options.index,
- mapOptionsToLevel = options.mapOptionsToLevel,
- parentColor = options.parentColor,
- parentColorIndex = options.parentColorIndex,
- series = options.series,
- colors = options.colors,
- siblings = options.siblings,
- points = series.points,
- getColorByPoint,
- chartOptionsChart = series.chart.options.chart,
- point,
- level,
- colorByPoint,
- colorIndexByPoint,
- color,
- colorIndex;
- function variation(color) {
- var colorVariation = level && level.colorVariation;
- if (colorVariation) {
- if (colorVariation.key === 'brightness') {
- return H.color(color).brighten(
- colorVariation.to * (index / siblings)
- ).get();
- }
- }
- return color;
- }
- if (node) {
- point = points[node.i];
- level = mapOptionsToLevel[node.level] || {};
- getColorByPoint = point && level.colorByPoint;
- if (getColorByPoint) {
- colorIndexByPoint = point.index % (colors ?
- colors.length :
- chartOptionsChart.colorCount
- );
- colorByPoint = colors && colors[colorIndexByPoint];
- }
- // Select either point color, level color or inherited color.
- if (!series.chart.styledMode) {
- color = pick(
- point && point.options.color,
- level && level.color,
- colorByPoint,
- parentColor && variation(parentColor),
- series.color
- );
- }
- colorIndex = pick(
- point && point.options.colorIndex,
- level && level.colorIndex,
- colorIndexByPoint,
- parentColorIndex,
- options.colorIndex
- );
- }
- return {
- color: color,
- colorIndex: colorIndex
- };
- };
- /**
- * Creates a map from level number to its given options.
- *
- * @private
- * @function getLevelOptions
- *
- * @param {object} params
- * Object containing parameters.
- * - `defaults` Object containing default options. The default options
- * are merged with the userOptions to get the final options for a
- * specific level.
- * - `from` The lowest level number.
- * - `levels` User options from series.levels.
- * - `to` The highest level number.
- *
- * @return {Highcharts.Dictionary<object>}
- * Returns a map from level number to its given options.
- */
- var getLevelOptions = function getLevelOptions(params) {
- var result = null,
- defaults,
- converted,
- i,
- from,
- to,
- levels;
- if (isObject(params)) {
- result = {};
- from = isNumber(params.from) ? params.from : 1;
- levels = params.levels;
- converted = {};
- defaults = isObject(params.defaults) ? params.defaults : {};
- if (isArray(levels)) {
- converted = levels.reduce(function (obj, item) {
- var level,
- levelIsConstant,
- options;
- if (isObject(item) && isNumber(item.level)) {
- options = merge({}, item);
- levelIsConstant = (
- isBoolean(options.levelIsConstant) ?
- options.levelIsConstant :
- defaults.levelIsConstant
- );
- // Delete redundant properties.
- delete options.levelIsConstant;
- delete options.level;
- // Calculate which level these options apply to.
- level = item.level + (levelIsConstant ? 0 : from - 1);
- if (isObject(obj[level])) {
- extend(obj[level], options);
- } else {
- obj[level] = options;
- }
- }
- return obj;
- }, {});
- }
- to = isNumber(params.to) ? params.to : 1;
- for (i = 0; i <= to; i++) {
- result[i] = merge(
- {},
- defaults,
- isObject(converted[i]) ? converted[i] : {}
- );
- }
- }
- return result;
- };
- /**
- * Update the rootId property on the series. Also makes sure that it is
- * accessible to exporting.
- *
- * @private
- * @function updateRootId
- *
- * @param {object} series
- * The series to operate on.
- *
- * @return {string}
- * Returns the resulting rootId after update.
- */
- var updateRootId = function (series) {
- var rootId,
- options;
- if (isObject(series)) {
- // Get the series options.
- options = isObject(series.options) ? series.options : {};
- // Calculate the rootId.
- rootId = pick(series.rootNode, options.rootId, '');
- // Set rootId on series.userOptions to pick it up in exporting.
- if (isObject(series.userOptions)) {
- series.userOptions.rootId = rootId;
- }
- // Set rootId on series to pick it up on next update.
- series.rootNode = rootId;
- }
- return rootId;
- };
- var result = {
- getColor: getColor,
- getLevelOptions: getLevelOptions,
- setTreeValues: setTreeValues,
- updateRootId: updateRootId
- };
- return result;
- }(Highcharts));
- (function (H, mixinTreeSeries) {
- /* *
- * (c) 2014-2019 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- */
- var seriesType = H.seriesType,
- seriesTypes = H.seriesTypes,
- merge = H.merge,
- extend = H.extend,
- noop = H.noop,
- getColor = mixinTreeSeries.getColor,
- getLevelOptions = mixinTreeSeries.getLevelOptions,
- isArray = H.isArray,
- isBoolean = function (x) {
- return typeof x === 'boolean';
- },
- isNumber = H.isNumber,
- isObject = H.isObject,
- isString = H.isString,
- pick = H.pick,
- Series = H.Series,
- stableSort = H.stableSort,
- color = H.Color,
- eachObject = function (list, func, context) {
- context = context || this;
- H.objectEach(list, function (val, key) {
- func.call(context, val, key, list);
- });
- },
- // @todo find correct name for this function.
- // @todo Similar to reduce, this function is likely redundant
- recursive = function (item, func, context) {
- var next;
- context = context || this;
- next = func.call(context, item);
- if (next !== false) {
- recursive(next, func, context);
- }
- },
- updateRootId = mixinTreeSeries.updateRootId;
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.treemap
- *
- * @augments Highcharts.Series
- */
- seriesType(
- 'treemap',
- 'scatter'
- /**
- * A treemap displays hierarchical data using nested rectangles. The data
- * can be laid out in varying ways depending on options.
- *
- * @sample highcharts/demo/treemap-large-dataset/
- * Treemap
- *
- * @extends plotOptions.scatter
- * @excluding marker, jitter
- * @product highcharts
- * @optionparent plotOptions.treemap
- */
- , {
- /**
- * When enabled the user can click on a point which is a parent and
- * zoom in on its children.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-allowdrilltonode/
- * Enabled
- *
- * @type {boolean}
- * @default false
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.allowDrillToNode
- */
- /**
- * When the series contains less points than the crop threshold, all
- * points are drawn, event if the points fall outside the visible plot
- * area at the current zoom. The advantage of drawing all points
- * (including markers and columns), is that animation is performed on
- * updates. On the other hand, when the series contains more points than
- * the crop threshold, the series data is cropped to only contain points
- * that fall within the plot area. The advantage of cropping away
- * invisible points is to increase performance on large series.
- *
- * @type {number}
- * @default 300
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.cropThreshold
- */
- /**
- * This option decides if the user can interact with the parent nodes
- * or just the leaf nodes. When this option is undefined, it will be
- * true by default. However when allowDrillToNode is true, then it will
- * be false by default.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-interactbyleaf-false/
- * False
- * @sample {highcharts} highcharts/plotoptions/treemap-interactbyleaf-true-and-allowdrilltonode/
- * InteractByLeaf and allowDrillToNode is true
- *
- * @type {boolean}
- * @since 4.1.2
- * @product highcharts
- * @apioption plotOptions.treemap.interactByLeaf
- */
- /**
- * The sort index of the point inside the treemap level.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-sortindex/
- * Sort by years
- *
- * @type {number}
- * @since 4.1.10
- * @product highcharts
- * @apioption plotOptions.treemap.sortIndex
- */
- /**
- * When using automatic point colors pulled from the `options.colors`
- * collection, this option determines whether the chart should receive
- * one color per series or one color per point.
- *
- * @see [series colors](#plotOptions.treemap.colors)
- *
- * @type {boolean}
- * @default false
- * @since 2.0
- * @product highcharts
- * @apioption plotOptions.treemap.colorByPoint
- */
- /**
- * A series specific or series type specific color set to apply instead
- * of the global [colors](#colors) when
- * [colorByPoint](#plotOptions.treemap.colorByPoint) is true.
- *
- * @type {Array<Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject>}
- * @since 3.0
- * @product highcharts
- * @apioption plotOptions.treemap.colors
- */
- /**
- * Whether to display this series type or specific series item in the
- * legend.
- */
- showInLegend: false,
- /**
- * @ignore
- */
- marker: false,
- colorByPoint: false,
- /**
- * @extends plotOptions.heatmap.dataLabels
- * @since 4.1.0
- */
- dataLabels: {
- enabled: true,
- defer: false,
- verticalAlign: 'middle',
- formatter: function () {
- var point = this && this.point ? this.point : {},
- name = isString(point.name) ? point.name : '';
- return name;
- },
- inside: true
- },
- tooltip: {
- headerFormat: '',
- pointFormat: '<b>{point.name}</b>: {point.value}<br/>'
- },
- /**
- * Whether to ignore hidden points when the layout algorithm runs.
- * If `false`, hidden points will leave open spaces.
- *
- * @since 5.0.8
- */
- ignoreHiddenPoint: true,
- /**
- * This option decides which algorithm is used for setting position
- * and dimensions of the points.
- *
- * @see [How to write your own algorithm](https://www.highcharts.com/docs/chart-and-series-types/treemap)
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-layoutalgorithm-sliceanddice/
- * SliceAndDice by default
- * @sample {highcharts} highcharts/plotoptions/treemap-layoutalgorithm-stripes/
- * Stripes
- * @sample {highcharts} highcharts/plotoptions/treemap-layoutalgorithm-squarified/
- * Squarified
- * @sample {highcharts} highcharts/plotoptions/treemap-layoutalgorithm-strip/
- * Strip
- *
- * @since 4.1.0
- * @validvalue ["sliceAndDice", "stripes", "squarified", "strip"]
- */
- layoutAlgorithm: 'sliceAndDice',
- /**
- * Defines which direction the layout algorithm will start drawing.
- *
- * @since 4.1.0
- * @validvalue ["vertical", "horizontal"]
- */
- layoutStartingDirection: 'vertical',
- /**
- * Enabling this option will make the treemap alternate the drawing
- * direction between vertical and horizontal. The next levels starting
- * direction will always be the opposite of the previous.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-alternatestartingdirection-true/
- * Enabled
- *
- * @since 4.1.0
- */
- alternateStartingDirection: false,
- /**
- * Used together with the levels and allowDrillToNode options. When
- * set to false the first level visible when drilling is considered
- * to be level one. Otherwise the level will be the same as the tree
- * structure.
- *
- * @since 4.1.0
- */
- levelIsConstant: true,
- /**
- * Options for the button appearing when drilling down in a treemap.
- */
- drillUpButton: {
- /**
- * The position of the button.
- */
- position: {
- /**
- * Vertical alignment of the button.
- *
- * @default top
- * @validvalue ["top", "middle", "bottom"]
- * @product highcharts
- * @apioption plotOptions.treemap.drillUpButton.position.verticalAlign
- */
- /**
- * Horizontal alignment of the button.
- *
- * @validvalue ["left", "center", "right"]
- */
- align: 'right',
- /**
- * Horizontal offset of the button.
- */
- x: -10,
- /**
- * Vertical offset of the button.
- */
- y: 10
- }
- },
- /**
- * Set options on specific levels. Takes precedence over series options,
- * but not point options.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-levels/
- * Styling dataLabels and borders
- * @sample {highcharts} highcharts/demo/treemap-with-levels/
- * Different layoutAlgorithm
- *
- * @type {Array<*>}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels
- */
- /**
- * Can set a `borderColor` on all points which lies on the same level.
- *
- * @type {Highcharts.ColorString}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.borderColor
- */
- /**
- * Set the dash style of the border of all the point which lies on the
- * level. See <a href"#plotoptions.scatter.dashstyle">
- * plotOptions.scatter.dashStyle</a> for possible options.
- *
- * @type {string}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.borderDashStyle
- */
- /**
- * Can set the borderWidth on all points which lies on the same level.
- *
- * @type {number}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.borderWidth
- */
- /**
- * Can set a color on all points which lies on the same level.
- *
- * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.color
- */
- /**
- * A configuration object to define how the color of a child varies from
- * the parent's color. The variation is distributed among the children
- * of node. For example when setting brightness, the brightness change
- * will range from the parent's original brightness on the first child,
- * to the amount set in the `to` setting on the last node. This allows a
- * gradient-like color scheme that sets children out from each other
- * while highlighting the grouping on treemaps and sectors on sunburst
- * charts.
- *
- * @sample highcharts/demo/sunburst/
- * Sunburst with color variation
- *
- * @since 6.0.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.colorVariation
- */
- /**
- * The key of a color variation. Currently supports `brightness` only.
- *
- * @type {string}
- * @since 6.0.0
- * @product highcharts
- * @validvalue ["brightness"]
- * @apioption plotOptions.treemap.levels.colorVariation.key
- */
- /**
- * The ending value of a color variation. The last sibling will receive
- * this value.
- *
- * @type {number}
- * @since 6.0.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.colorVariation.to
- */
- /**
- * Can set the options of dataLabels on each point which lies on the
- * level.
- * [plotOptions.treemap.dataLabels](#plotOptions.treemap.dataLabels) for
- * possible values.
- *
- * @type {object}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.dataLabels
- */
- /**
- * Can set the layoutAlgorithm option on a specific level.
- *
- * @type {string}
- * @since 4.1.0
- * @product highcharts
- * @validvalue ["sliceAndDice", "stripes", "squarified", "strip"]
- * @apioption plotOptions.treemap.levels.layoutAlgorithm
- */
- /**
- * Can set the layoutStartingDirection option on a specific level.
- *
- * @type {string}
- * @since 4.1.0
- * @product highcharts
- * @validvalue ["vertical", "horizontal"]
- * @apioption plotOptions.treemap.levels.layoutStartingDirection
- */
- /**
- * Decides which level takes effect from the options set in the levels
- * object.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-levels/
- * Styling of both levels
- *
- * @type {number}
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.levels.level
- */
- // Presentational options
- /**
- * The color of the border surrounding each tree map item.
- *
- * @type {Highcharts.ColorString}
- */
- borderColor: '#e6e6e6',
- /**
- * The width of the border surrounding each tree map item.
- */
- borderWidth: 1,
- /**
- * The opacity of a point in treemap. When a point has children, the
- * visibility of the children is determined by the opacity.
- *
- * @since 4.2.4
- */
- opacity: 0.15,
- /**
- * A wrapper object for all the series options in specific states.
- *
- * @extends plotOptions.heatmap.states
- */
- states: {
- /**
- * Options for the hovered series
- *
- * @extends plotOptions.heatmap.states.hover
- * @excluding halo
- */
- hover: {
- /**
- * The border color for the hovered state.
- */
- borderColor: '#999999',
- /**
- * Brightness for the hovered point. Defaults to 0 if the
- * heatmap series is loaded first, otherwise 0.1.
- *
- * @type {number}
- * @default undefined
- */
- brightness: seriesTypes.heatmap ? 0 : 0.1,
- /**
- * @extends plotOptions.heatmap.states.hover.halo
- */
- halo: false,
- /**
- * The opacity of a point in treemap. When a point has children,
- * the visibility of the children is determined by the opacity.
- *
- * @since 4.2.4
- */
- opacity: 0.75,
- /**
- * The shadow option for hovered state.
- */
- shadow: false
- }
- }
- // Prototype members
- }, {
- pointArrayMap: ['value'],
- directTouch: true,
- optionalAxis: 'colorAxis',
- getSymbol: noop,
- parallelArrays: ['x', 'y', 'value', 'colorValue'],
- colorKey: 'colorValue', // Point color option key
- trackerGroups: ['group', 'dataLabelsGroup'],
- /**
- * Creates an object map from parent id to childrens index.
- *
- * @private
- * @function Highcharts.Series#getListOfParents
- *
- * @param {Highcharts.SeriesTreemapDataOptions} data
- * List of points set in options.
- *
- * @param {Array<string>} existingIds
- * List of all point ids.
- *
- * @return {object}
- * Map from parent id to children index in data.
- */
- getListOfParents: function (data, existingIds) {
- var arr = isArray(data) ? data : [],
- ids = isArray(existingIds) ? existingIds : [],
- listOfParents = arr.reduce(function (prev, curr, i) {
- var parent = pick(curr.parent, '');
- if (prev[parent] === undefined) {
- prev[parent] = [];
- }
- prev[parent].push(i);
- return prev;
- }, {
- '': [] // Root of tree
- });
- // If parent does not exist, hoist parent to root of tree.
- eachObject(listOfParents, function (children, parent, list) {
- if ((parent !== '') && (ids.indexOf(parent) === -1)) {
- children.forEach(function (child) {
- list[''].push(child);
- });
- delete list[parent];
- }
- });
- return listOfParents;
- },
- // Creates a tree structured object from the series points
- getTree: function () {
- var series = this,
- allIds = this.data.map(function (d) {
- return d.id;
- }),
- parentList = series.getListOfParents(this.data, allIds);
- series.nodeMap = [];
- return series.buildNode('', -1, 0, parentList, null);
- },
- init: function (chart, options) {
- var series = this,
- colorSeriesMixin = H.colorSeriesMixin;
- // If color series logic is loaded, add some properties
- if (H.colorSeriesMixin) {
- this.translateColors = colorSeriesMixin.translateColors;
- this.colorAttribs = colorSeriesMixin.colorAttribs;
- this.axisTypes = colorSeriesMixin.axisTypes;
- }
- Series.prototype.init.call(series, chart, options);
- if (series.options.allowDrillToNode) {
- H.addEvent(series, 'click', series.onClickDrillToNode);
- }
- },
- buildNode: function (id, i, level, list, parent) {
- var series = this,
- children = [],
- point = series.points[i],
- height = 0,
- node,
- child;
- // Actions
- ((list[id] || [])).forEach(function (i) {
- child = series.buildNode(
- series.points[i].id,
- i,
- (level + 1),
- list,
- id
- );
- height = Math.max(child.height + 1, height);
- children.push(child);
- });
- node = {
- id: id,
- i: i,
- children: children,
- height: height,
- 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,
- idRoot = series.rootNode,
- mapIdToNode = series.nodeMap,
- nodeRoot = mapIdToNode[idRoot],
- levelIsConstant = (
- isBoolean(options.levelIsConstant) ?
- options.levelIsConstant :
- true
- ),
- childrenTotal = 0,
- children = [],
- val,
- point = series.points[tree.i];
- // First give the children some values
- tree.children.forEach(function (child) {
- child = series.setTreeValues(child);
- children.push(child);
- if (!child.ignore) {
- childrenTotal += child.val;
- }
- });
- // Sort the children
- stableSort(children, function (a, b) {
- return a.sortIndex - b.sortIndex;
- });
- // Set the values
- val = pick(point && point.options.value, childrenTotal);
- if (point) {
- point.value = val;
- }
- extend(tree, {
- children: children,
- childrenTotal: childrenTotal,
- // Ignore this node if point is not visible
- ignore: !(pick(point && point.visible, true) && (val > 0)),
- isLeaf: tree.visible && !childrenTotal,
- levelDynamic: (
- tree.level - (levelIsConstant ? 0 : nodeRoot.level)
- ),
- name: pick(point && point.name, ''),
- sortIndex: pick(point && point.sortIndex, -val),
- val: val
- });
- return tree;
- },
- /**
- * Recursive function which calculates the area for all children of a
- * node.
- *
- * @private
- * @function Highcharts.Series#calculateChildrenAreas
- *
- * @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,
- mapOptionsToLevel = series.mapOptionsToLevel,
- level = mapOptionsToLevel[parent.level + 1],
- algorithm = pick(
- (
- series[level &&
- level.layoutAlgorithm] &&
- level.layoutAlgorithm
- ),
- options.layoutAlgorithm
- ),
- alternate = options.alternateStartingDirection,
- childrenValues = [],
- children;
- // Collect all children which should be included
- children = parent.children.filter(function (n) {
- return !n.ignore;
- });
- if (level && level.layoutStartingDirection) {
- area.direction = level.layoutStartingDirection === 'vertical' ?
- 0 :
- 1;
- }
- childrenValues = series[algorithm](area, children);
- children.forEach(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 recursively
- if (child.children.length) {
- series.calculateChildrenAreas(child, child.values);
- }
- });
- },
- setPointValues: function () {
- var series = this,
- xAxis = series.xAxis,
- yAxis = series.yAxis;
- series.points.forEach(function (point) {
- var node = point.node,
- values = node.pointValues,
- x1,
- x2,
- y1,
- y2,
- crispCorr = 0;
- // Get the crisp correction in classic mode. For this to work in
- // styled mode, we would need to first add the shape (without x,
- // y, width and height), then read the rendered stroke width
- // using point.graphic.strokeWidth(), then modify and apply the
- // shapeArgs. This applies also to column series, but the
- // downside is performance and code complexity.
- if (!series.chart.styledMode) {
- crispCorr = (
- (series.pointAttribs(point)['stroke-width'] || 0) % 2
- ) / 2;
- }
- // Points which is ignored, have no values.
- if (values && node.visible) {
- x1 = Math.round(
- xAxis.translate(values.x, 0, 0, 0, 1)
- ) - crispCorr;
- x2 = Math.round(
- xAxis.translate(values.x + values.width, 0, 0, 0, 1)
- ) - crispCorr;
- y1 = Math.round(
- yAxis.translate(values.y, 0, 0, 0, 1)
- ) - crispCorr;
- y2 = Math.round(
- yAxis.translate(values.y + values.height, 0, 0, 0, 1)
- ) - crispCorr;
- // Set point values
- point.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 visibility
- delete point.plotX;
- delete point.plotY;
- }
- });
- },
- // Set the node's color recursively, from the parent down.
- setColorRecursive: function (
- node,
- parentColor,
- colorIndex,
- index,
- siblings
- ) {
- var series = this,
- chart = series && series.chart,
- colors = chart && chart.options && chart.options.colors,
- colorInfo,
- point;
- if (node) {
- colorInfo = getColor(node, {
- colors: colors,
- index: index,
- mapOptionsToLevel: series.mapOptionsToLevel,
- parentColor: parentColor,
- parentColorIndex: colorIndex,
- series: series,
- siblings: siblings
- });
- point = series.points[node.i];
- if (point) {
- point.color = colorInfo.color;
- point.colorIndex = colorInfo.colorIndex;
- }
- // Do it all again with the children
- (node.children || []).forEach(function (child, i) {
- series.setColorRecursive(
- child,
- colorInfo.color,
- colorInfo.colorIndex,
- i,
- node.children.length
- );
- });
- }
- },
- algorithmGroup: 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 ratio
- this.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 ratio
- this.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 ratio
- this.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 ratio
- this.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;
- };
- },
- algorithmCalcPoints: 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];
- }
- group.elArr.forEach(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 variables
- group.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 element
- if (!last) {
- group.addElement(keep);
- }
- },
- algorithmLowAspectRatio: 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.algorithmGroup( // eslint-disable-line new-cap
- parent.height,
- parent.width,
- direction,
- plot
- );
- // Loop through and calculate all areas
- children.forEach(function (child) {
- pTot =
- (parent.width * parent.height) * (child.val / parent.val);
- group.addElement(pTot);
- if (group.lP.nR > group.lP.lR) {
- series.algorithmCalcPoints(
- directionChange,
- false,
- group,
- childrenArea,
- plot
- );
- }
- // If last child, then calculate all remaining areas
- if (i === end) {
- series.algorithmCalcPoints(
- directionChange,
- true,
- group,
- childrenArea,
- plot
- );
- }
- i = i + 1;
- });
- return childrenArea;
- },
- algorithmFill: 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;
- children.forEach(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.algorithmLowAspectRatio(false, parent, children);
- },
- squarified: function (parent, children) {
- return this.algorithmLowAspectRatio(true, parent, children);
- },
- sliceAndDice: function (parent, children) {
- return this.algorithmFill(true, parent, children);
- },
- stripes: function (parent, children) {
- return this.algorithmFill(false, parent, children);
- },
- translate: function () {
- var series = this,
- options = series.options,
- // NOTE: updateRootId modifies series.
- rootId = updateRootId(series),
- rootNode,
- pointValues,
- seriesArea,
- tree,
- val;
- // Call prototype function
- Series.prototype.translate.call(series);
- // @todo Only if series.isDirtyData is true
- tree = series.tree = series.getTree();
- rootNode = series.nodeMap[rootId];
- series.mapOptionsToLevel = getLevelOptions({
- from: rootNode.level + 1,
- levels: options.levels,
- to: tree.height,
- defaults: {
- levelIsConstant: series.options.levelIsConstant,
- colorByPoint: options.colorByPoint
- }
- });
- if (
- rootId !== '' &&
- (!rootNode || !rootNode.children.length)
- ) {
- series.drillToNode('', false);
- rootId = series.rootNode;
- rootNode = series.nodeMap[rootId];
- }
- // Parents of the root node is by default visible
- recursive(series.nodeMap[series.rootNode], function (node) {
- var next = false,
- p = node.parent;
- node.visible = true;
- if (p || p === '') {
- next = series.nodeMap[p];
- }
- return next;
- });
- // Children of the root node is by default visible
- recursive(
- series.nodeMap[series.rootNode].children,
- function (children) {
- var next = false;
- children.forEach(function (child) {
- child.visible = true;
- if (child.children.length) {
- next = (next || []).concat(child.children);
- }
- });
- return next;
- }
- );
- series.setTreeValues(tree);
- // Calculate plotting values.
- series.axisRatio = (series.xAxis.len / series.yAxis.len);
- series.nodeMap[''].pointValues = pointValues =
- { x: 0, y: 0, width: 100, height: 100 };
- series.nodeMap[''].values = seriesArea = merge(pointValues, {
- width: (pointValues.width * series.axisRatio),
- direction: (
- options.layoutStartingDirection === 'vertical' ? 0 : 1
- ),
- val: tree.val
- });
- series.calculateChildrenAreas(tree, seriesArea);
- // Logic for point colors
- if (series.colorAxis) {
- series.translateColors();
- } else if (!options.colorByPoint) {
- series.setColorRecursive(series.tree);
- }
- // Update axis extremes according to the root node.
- if (options.allowDrillToNode) {
- val = rootNode.pointValues;
- series.xAxis.setExtremes(val.x, val.x + val.width, false);
- series.yAxis.setExtremes(val.y, val.y + val.height, false);
- series.xAxis.setScale();
- series.yAxis.setScale();
- }
- // Assign values to points.
- series.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.
- *
- * @private
- * @function Highcharts.Series#drawDataLabels
- */
- drawDataLabels: function () {
- var series = this,
- mapOptionsToLevel = series.mapOptionsToLevel,
- points = series.points.filter(function (n) {
- return n.node.visible;
- }),
- options,
- level;
- points.forEach(function (point) {
- level = mapOptionsToLevel[point.node.level];
- // Set options to new object to avoid problems with scope
- options = { style: {} };
- // If not a leaf, then label should be disabled as default
- if (!point.node.isLeaf) {
- options.enabled = false;
- }
- // If options for level exists, include them as well
- if (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;
- if (point.dataLabel) {
- point.dataLabel.css({
- width: point.shapeArgs.width + 'px'
- });
- }
- }
- // Merge custom options with point options
- point.dlOptions = merge(options, point.options.dataLabels);
- });
- Series.prototype.drawDataLabels.call(this);
- },
- // Over the alignment method by setting z index
- alignDataLabel: function (point, dataLabel, labelOptions) {
- var style = labelOptions.style;
- // #8160: Prevent the label from exceeding the point's
- // boundaries in treemaps by applying ellipsis overflow.
- // The issue was happening when datalabel's text contained a
- // long sequence of characters without a whitespace.
- if (
- !H.defined(style.textOverflow) &&
- dataLabel.text &&
- dataLabel.getBBox().width > dataLabel.text.textWidth
- ) {
- dataLabel.css({
- textOverflow: 'ellipsis',
- // unit (px) is required when useHTML is true
- width: style.width += 'px'
- });
- }
- seriesTypes.column.prototype.alignDataLabel.apply(this, arguments);
- if (point.dataLabel) {
- // point.node.zIndex could be undefined (#6956)
- point.dataLabel.attr({ zIndex: (point.node.zIndex || 0) + 1 });
- }
- },
- // Get presentational attributes
- pointAttribs: function (point, state) {
- var series = this,
- mapOptionsToLevel = (
- isObject(series.mapOptionsToLevel) ?
- series.mapOptionsToLevel :
- {}
- ),
- level = point && mapOptionsToLevel[point.node.level] || {},
- options = this.options,
- attr,
- stateOptions = (state && options.states[state]) || {},
- className = (point && point.getClassName()) || '',
- opacity;
- // Set attributes by precedence. Point trumps level trumps series.
- // Stroke width uses pick because it can be 0.
- attr = {
- 'stroke':
- (point && point.borderColor) ||
- level.borderColor ||
- stateOptions.borderColor ||
- options.borderColor,
- 'stroke-width': pick(
- point && point.borderWidth,
- level.borderWidth,
- stateOptions.borderWidth,
- options.borderWidth
- ),
- 'dashstyle':
- (point && point.borderDashStyle) ||
- level.borderDashStyle ||
- stateOptions.borderDashStyle ||
- options.borderDashStyle,
- 'fill': (point && point.color) || this.color
- };
- // Hide levels above the current view
- if (className.indexOf('highcharts-above-level') !== -1) {
- attr.fill = 'none';
- attr['stroke-width'] = 0;
- // Nodes with children that accept interaction
- } else if (
- className.indexOf('highcharts-internal-node-interactive') !== -1
- ) {
- opacity = pick(stateOptions.opacity, options.opacity);
- attr.fill = color(attr.fill).setOpacity(opacity).get();
- attr.cursor = 'pointer';
- // Hide nodes that have children
- } else if (className.indexOf('highcharts-internal-node') !== -1) {
- attr.fill = 'none';
- } else if (state) {
- // Brighten and hoist the hover nodes
- attr.fill = color(attr.fill)
- .brighten(stateOptions.brightness)
- .get();
- }
- return attr;
- },
- // Extending ColumnSeries drawPoints
- drawPoints: function () {
- var series = this,
- points = series.points.filter(function (n) {
- return n.node.visible;
- });
- points.forEach(function (point) {
- var groupKey = 'level-group-' + point.node.levelDynamic;
- if (!series[groupKey]) {
- series[groupKey] = series.chart.renderer.g(groupKey)
- .attr({
- // @todo Set the zIndex based upon the number of levels,
- // instead of using 1000
- zIndex: 1000 - point.node.levelDynamic
- })
- .add(series.group);
- }
- point.group = series[groupKey];
- });
- // Call standard drawPoints
- seriesTypes.column.prototype.drawPoints.call(this);
- // In styled mode apply point.color. Use CSS, otherwise the fill
- // used in the style sheet will take precedence over the fill
- // attribute.
- if (this.colorAttribs && series.chart.styledMode) {
- // Heatmap is loaded
- this.points.forEach(function (point) {
- if (point.graphic) {
- point.graphic.css(this.colorAttribs(point));
- }
- }, this);
- }
- // If drillToNode is allowed, set a point cursor on clickables & add
- // drillId to point
- if (series.options.allowDrillToNode) {
- points.forEach(function (point) {
- if (point.graphic) {
- point.drillId = series.options.interactByLeaf ?
- series.drillToByLeaf(point) :
- series.drillToByGroup(point);
- }
- });
- }
- },
- // Add drilling on the suitable points
- onClickDrillToNode: function (event) {
- var series = this,
- point = event.point,
- drillId = point && point.drillId;
- // If a drill id is returned, add click event and cursor.
- if (isString(drillId)) {
- point.setState(''); // Remove hover
- series.drillToNode(drillId);
- }
- },
- /**
- * Finds the drill id for a parent node. Returns false if point should
- * not have a click event.
- *
- * @private
- * @function Highcharts.Series#drillToByGroup
- *
- * @param {object} point
- *
- * @return {boolean|string}
- * 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
- *
- * @private
- * @function Highcharts.Series#drillToByLeaf
- *
- * @param {object} point
- *
- * @return {boolean|string}
- * 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 series = this,
- node = series.nodeMap[series.rootNode];
- if (node && isString(node.parent)) {
- series.drillToNode(node.parent);
- }
- },
- drillToNode: function (id, redraw) {
- var series = this,
- nodeMap = series.nodeMap,
- node = nodeMap[id];
- series.idPreviousRoot = series.rootNode;
- series.rootNode = id;
- if (id === '') {
- series.drillUpButton = series.drillUpButton.destroy();
- } else {
- series.showDrillUpButton((node && node.name || id));
- }
- this.isDirty = true; // Force redraw
- if (pick(redraw, true)) {
- this.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
- )
- .addClass('highcharts-drillup-button')
- .attr({
- align: buttonOptions.position.align,
- zIndex: 7
- })
- .add()
- .align(
- buttonOptions.position,
- false,
- buttonOptions.relativeTo || 'plotBox'
- );
- } else {
- this.drillUpButton.placed = false;
- this.drillUpButton.attr({
- text: backText
- })
- .align();
- }
- },
- buildKDTree: noop,
- drawLegendSymbol: H.LegendSymbolMixin.drawRectangle,
- getExtremes: function () {
- // Get the extremes from the value data
- Series.prototype.getExtremes.call(this, this.colorValueData);
- this.valueMin = this.dataMin;
- this.valueMax = this.dataMax;
- // Get the extremes from the y data
- Series.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);
- },
- utils: {
- recursive: recursive
- }
- // Point class
- }, {
- getClassName: function () {
- var className = H.Point.prototype.getClassName.call(this),
- series = this.series,
- options = series.options;
- // Above the current level
- if (this.node.level <= series.nodeMap[series.rootNode].level) {
- className += ' highcharts-above-level';
- } else if (
- !this.node.isLeaf &&
- !pick(options.interactByLeaf, !options.allowDrillToNode)
- ) {
- className += ' highcharts-internal-node-interactive';
- } else if (!this.node.isLeaf) {
- className += ' highcharts-internal-node';
- }
- return className;
- },
- /**
- * A tree point is valid if it has han id too, assume it may be a parent
- * item.
- *
- * @private
- * @function Highcharts.Point#isValid
- */
- isValid: function () {
- return this.id || isNumber(this.value);
- },
- setState: function (state) {
- H.Point.prototype.setState.call(this, state);
- // Graphic does not exist when point is not visible.
- if (this.graphic) {
- this.graphic.attr({
- zIndex: state === 'hover' ? 1 : 0
- });
- }
- },
- setVisible: seriesTypes.pie.prototype.pointClass.prototype.setVisible
- }
- );
- /**
- * A `treemap` series. If the [type](#series.treemap.type) option is
- * not specified, it is inherited from [chart.type](#chart.type).
- *
- * @extends series,plotOptions.treemap
- * @excluding dataParser, dataURL, stack
- * @product highcharts
- * @apioption series.treemap
- */
- /**
- * An array of data points for the series. For the `treemap` series
- * type, points can be given in the following ways:
- *
- * 1. An array of numerical values. In this case, the numerical values
- * will be interpreted as `value` options. Example:
- *
- * ```js
- * data: [0, 5, 3, 5]
- * ```
- *
- * 2. An array of objects with named values. The following snippet shows only a
- * few settings, see the complete options set below. If the total number of data
- * points exceeds the series' [turboThreshold](#series.treemap.turboThreshold),
- * this option is not available.
- *
- * ```js
- * data: [{
- * value: 9,
- * name: "Point2",
- * color: "#00FF00"
- * }, {
- * value: 6,
- * name: "Point1",
- * color: "#FF00FF"
- * }]
- * ```
- *
- * @sample {highcharts} highcharts/chart/reflow-true/
- * Numerical values
- * @sample {highcharts} highcharts/series/data-array-of-objects/
- * Config objects
- *
- * @type {Array<number|*>}
- * @extends series.heatmap.data
- * @excluding x, y
- * @product highcharts
- * @apioption series.treemap.data
- */
- /**
- * The value of the point, resulting in a relative area of the point
- * in the treemap.
- *
- * @type {number}
- * @product highcharts
- * @apioption series.treemap.data.value
- */
- /**
- * Serves a purpose only if a `colorAxis` object is defined in the chart
- * options. This value will decide which color the point gets from the
- * scale of the colorAxis.
- *
- * @type {number}
- * @since 4.1.0
- * @product highcharts
- * @apioption series.treemap.data.colorValue
- */
- /**
- * Only for treemap. Use this option to build a tree structure. The
- * value should be the id of the point which is the parent. If no points
- * has a matching id, or this option is undefined, then the parent will
- * be set to the root.
- *
- * @sample {highcharts} highcharts/point/parent/
- * Point parent
- * @sample {highcharts} highcharts/demo/treemap-with-levels/
- * Example where parent id is not matching
- *
- * @type {string}
- * @since 4.1.0
- * @product highcharts
- * @apioption series.treemap.data.parent
- */
- }(Highcharts, result));
- return (function () {
- }());
- }));
|