| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691 |
- /**
- * @license Highcharts JS v9.0.1 (2021-02-16)
- *
- * (c) 2016-2021 Highsoft AS
- * Authors: Jon Arild Nygard
- *
- * 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('highcharts/modules/sunburst', ['highcharts'], function (Highcharts) {
- factory(Highcharts);
- factory.Highcharts = Highcharts;
- return factory;
- });
- } else {
- factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
- }
- }(function (Highcharts) {
- var _modules = Highcharts ? Highcharts._modules : {};
- function _registerModule(obj, path, args, fn) {
- if (!obj.hasOwnProperty(path)) {
- obj[path] = fn.apply(null, args);
- }
- }
- _registerModule(_modules, 'Mixins/ColorMapSeries.js', [_modules['Core/Globals.js'], _modules['Core/Series/Point.js'], _modules['Core/Utilities.js']], function (H, Point, U) {
- /* *
- *
- * (c) 2010-2021 Torstein Honsi
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var defined = U.defined;
- var noop = H.noop,
- seriesTypes = H.seriesTypes;
- /**
- * Mixin for maps and heatmaps
- *
- * @private
- * @mixin Highcharts.colorMapPointMixin
- */
- var colorMapPointMixin = {
- dataLabelOnNull: true,
- /* eslint-disable valid-jsdoc */
- /**
- * Color points have a value option that determines whether or not it is
- * a null point
- * @private
- */
- isValid: function () {
- // undefined is allowed
- return (this.value !== null &&
- this.value !== Infinity &&
- this.value !== -Infinity);
- },
- /**
- * @private
- */
- setState: function (state) {
- Point.prototype.setState.call(this, state);
- if (this.graphic) {
- this.graphic.attr({
- zIndex: state === 'hover' ? 1 : 0
- });
- }
- }
- /* eslint-enable valid-jsdoc */
- };
- /**
- * @private
- * @mixin Highcharts.colorMapSeriesMixin
- */
- var colorMapSeriesMixin = {
- pointArrayMap: ['value'],
- axisTypes: ['xAxis', 'yAxis', 'colorAxis'],
- trackerGroups: ['group', 'markerGroup', 'dataLabelsGroup'],
- getSymbol: noop,
- parallelArrays: ['x', 'y', 'value'],
- colorKey: 'value',
- pointAttribs: seriesTypes.column.prototype.pointAttribs,
- /* eslint-disable valid-jsdoc */
- /**
- * Get the color attibutes to apply on the graphic
- * @private
- * @function Highcharts.colorMapSeriesMixin.colorAttribs
- * @param {Highcharts.Point} point
- * @return {Highcharts.SVGAttributes}
- */
- colorAttribs: function (point) {
- var ret = {};
- if (defined(point.color)) {
- ret[this.colorProp || 'fill'] = point.color;
- }
- return ret;
- }
- };
- var exports = {
- colorMapPointMixin: colorMapPointMixin,
- colorMapSeriesMixin: colorMapSeriesMixin
- };
- return exports;
- });
- _registerModule(_modules, 'Series/Treemap/TreemapAlgorithmGroup.js', [], function () {
- /* *
- *
- * (c) 2014-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- /* *
- *
- * Class
- *
- * */
- var TreemapAlgorithmGroup = /** @class */ (function () {
- /* *
- *
- * Constructor
- *
- * */
- function TreemapAlgorithmGroup(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));
- }
- };
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- TreemapAlgorithmGroup.prototype.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);
- };
- TreemapAlgorithmGroup.prototype.reset = function () {
- this.nW = 0;
- this.lW = 0;
- this.elArr = [];
- this.total = 0;
- };
- return TreemapAlgorithmGroup;
- }());
- /* *
- *
- * Default Export
- *
- * */
- return TreemapAlgorithmGroup;
- });
- _registerModule(_modules, 'Mixins/DrawPoint.js', [], function () {
- /* *
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var isFn = function (x) {
- return typeof x === 'function';
- };
- /* eslint-disable no-invalid-this, valid-jsdoc */
- /**
- * Handles the drawing of a component.
- * Can be used for any type of component that reserves the graphic property, and
- * provides a shouldDraw on its context.
- *
- * @private
- * @function draw
- * @param {DrawPointParams} params
- * Parameters.
- *
- * @todo add type checking.
- * @todo export this function to enable usage
- */
- var draw = function draw(params) {
- var _a;
- var component = this,
- graphic = component.graphic,
- animatableAttribs = params.animatableAttribs,
- onComplete = params.onComplete,
- css = params.css,
- renderer = params.renderer,
- animation = (_a = component.series) === null || _a === void 0 ? void 0 : _a.options.animation;
- if (component.shouldDraw()) {
- if (!graphic) {
- component.graphic = graphic =
- renderer[params.shapeType](params.shapeArgs)
- .add(params.group);
- }
- graphic
- .css(css)
- .attr(params.attribs)
- .animate(animatableAttribs, params.isNew ? false : animation, onComplete);
- }
- else if (graphic) {
- var destroy = function () {
- component.graphic = graphic = graphic.destroy();
- if (isFn(onComplete)) {
- onComplete();
- }
- };
- // animate only runs complete callback if something was animated.
- if (Object.keys(animatableAttribs).length) {
- graphic.animate(animatableAttribs, void 0, function () {
- destroy();
- });
- }
- else {
- destroy();
- }
- }
- };
- /**
- * An extended version of draw customized for points.
- * It calls additional methods that is expected when rendering a point.
- * @private
- * @param {Highcharts.Dictionary<any>} params Parameters
- */
- var drawPoint = function drawPoint(params) {
- var point = this,
- attribs = params.attribs = params.attribs || {};
- // Assigning class in dot notation does go well in IE8
- // eslint-disable-next-line dot-notation
- attribs['class'] = point.getClassName();
- // Call draw to render component
- draw.call(point, params);
- };
- var drawPointModule = {
- draw: draw,
- drawPoint: drawPoint,
- isFn: isFn
- };
- return drawPointModule;
- });
- _registerModule(_modules, 'Series/Treemap/TreemapPoint.js', [_modules['Mixins/DrawPoint.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (DrawPointMixin, SeriesRegistry, U) {
- /* *
- *
- * (c) 2014-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var Point = SeriesRegistry.series.prototype.pointClass,
- _a = SeriesRegistry.seriesTypes,
- PiePoint = _a.pie.prototype.pointClass,
- ScatterPoint = _a.scatter.prototype.pointClass;
- var extend = U.extend,
- isNumber = U.isNumber,
- pick = U.pick;
- /* *
- *
- * Class
- *
- * */
- var TreemapPoint = /** @class */ (function (_super) {
- __extends(TreemapPoint, _super);
- function TreemapPoint() {
- /* *
- *
- * Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- _this.name = void 0;
- _this.node = void 0;
- _this.options = void 0;
- _this.series = void 0;
- _this.value = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- TreemapPoint.prototype.getClassName = function () {
- var className = 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.allowTraversingTree)) {
- 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
- */
- TreemapPoint.prototype.isValid = function () {
- return Boolean(this.id || isNumber(this.value));
- };
- TreemapPoint.prototype.setState = function (state) {
- 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
- });
- }
- };
- TreemapPoint.prototype.shouldDraw = function () {
- return isNumber(this.plotY) && this.y !== null;
- };
- return TreemapPoint;
- }(ScatterPoint));
- extend(TreemapPoint.prototype, {
- draw: DrawPointMixin.drawPoint,
- setVisible: PiePoint.prototype.setVisible
- });
- /* *
- *
- * Default Export
- *
- * */
- return TreemapPoint;
- });
- _registerModule(_modules, 'Series/Treemap/TreemapUtilities.js', [_modules['Core/Utilities.js']], function (U) {
- /* *
- *
- * (c) 2014-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- /* *
- *
- * Imports
- *
- * */
- var objectEach = U.objectEach;
- /* *
- *
- * Namespace
- *
- * */
- var TreemapUtilities;
- (function (TreemapUtilities) {
- TreemapUtilities.AXIS_MAX = 100;
- /* eslint-disable no-invalid-this, valid-jsdoc */
- /**
- * @todo Similar to eachObject, this function is likely redundant
- */
- function isBoolean(x) {
- return typeof x === 'boolean';
- }
- TreemapUtilities.isBoolean = isBoolean;
- /**
- * @todo Similar to recursive, this function is likely redundant
- */
- function eachObject(list, func, context) {
- context = context || this;
- objectEach(list, function (val, key) {
- func.call(context, val, key, list);
- });
- }
- TreemapUtilities.eachObject = eachObject;
- /**
- * @todo find correct name for this function.
- * @todo Similar to reduce, this function is likely redundant
- */
- function recursive(item, func, context) {
- if (context === void 0) { context = this; }
- var next;
- next = func.call(context, item);
- if (next !== false) {
- recursive(next, func, context);
- }
- }
- TreemapUtilities.recursive = recursive;
- })(TreemapUtilities || (TreemapUtilities = {}));
- /* *
- *
- * Default Export
- *
- * */
- return TreemapUtilities;
- });
- _registerModule(_modules, 'Mixins/TreeSeries.js', [_modules['Core/Color/Color.js'], _modules['Core/Utilities.js']], function (Color, U) {
- /* *
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var extend = U.extend,
- isArray = U.isArray,
- isNumber = U.isNumber,
- isObject = U.isObject,
- merge = U.merge,
- pick = U.pick;
- var isBoolean = function (x) {
- return typeof x === 'boolean';
- }, isFn = function (x) {
- return typeof x === 'function';
- };
- /* eslint-disable valid-jsdoc */
- /**
- * @todo Combine buildTree and buildNode with setTreeValues
- * @todo Remove logic from Treemap and make it utilize this mixin.
- * @private
- */
- 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;
- };
- /**
- * @private
- */
- 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;
- /**
- * @private
- */
- function variation(color) {
- var colorVariation = level && level.colorVariation;
- if (colorVariation) {
- if (colorVariation.key === 'brightness') {
- return Color.parse(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>|null}
- * 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;
- });
- _registerModule(_modules, 'Series/Treemap/TreemapComposition.js', [_modules['Core/Series/SeriesRegistry.js'], _modules['Series/Treemap/TreemapUtilities.js'], _modules['Core/Utilities.js']], function (SeriesRegistry, TreemapUtilities, U) {
- /* *
- *
- * (c) 2014-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- /* *
- *
- * Imports
- *
- * */
- var Series = SeriesRegistry.series;
- var addEvent = U.addEvent,
- extend = U.extend;
- /* *
- *
- * Composition
- *
- * */
- var treemapAxisDefaultValues = false;
- addEvent(Series, 'afterBindAxes', function () {
- // eslint-disable-next-line no-invalid-this
- var series = this,
- xAxis = series.xAxis,
- yAxis = series.yAxis,
- treeAxis;
- if (xAxis && yAxis) {
- if (series.is('treemap')) {
- treeAxis = {
- endOnTick: false,
- gridLineWidth: 0,
- lineWidth: 0,
- min: 0,
- dataMin: 0,
- minPadding: 0,
- max: TreemapUtilities.AXIS_MAX,
- dataMax: TreemapUtilities.AXIS_MAX,
- maxPadding: 0,
- startOnTick: false,
- title: null,
- tickPositions: []
- };
- extend(yAxis.options, treeAxis);
- extend(xAxis.options, treeAxis);
- treemapAxisDefaultValues = true;
- }
- else if (treemapAxisDefaultValues) {
- yAxis.setOptions(yAxis.userOptions);
- xAxis.setOptions(xAxis.userOptions);
- treemapAxisDefaultValues = false;
- }
- }
- });
- });
- _registerModule(_modules, 'Series/Treemap/TreemapSeries.js', [_modules['Core/Color/Color.js'], _modules['Mixins/ColorMapSeries.js'], _modules['Core/Globals.js'], _modules['Mixins/LegendSymbol.js'], _modules['Core/Color/Palette.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Series/Treemap/TreemapAlgorithmGroup.js'], _modules['Series/Treemap/TreemapPoint.js'], _modules['Series/Treemap/TreemapUtilities.js'], _modules['Mixins/TreeSeries.js'], _modules['Core/Utilities.js']], function (Color, ColorMapMixin, H, LegendSymbolMixin, palette, SeriesRegistry, TreemapAlgorithmGroup, TreemapPoint, TreemapUtilities, TreeSeriesMixin, U) {
- /* *
- *
- * (c) 2014-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard / Oystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var color = Color.parse;
- var colorMapSeriesMixin = ColorMapMixin.colorMapSeriesMixin;
- var noop = H.noop;
- var Series = SeriesRegistry.series,
- _a = SeriesRegistry.seriesTypes,
- ColumnSeries = _a.column,
- HeatmapSeries = _a.heatmap,
- ScatterSeries = _a.scatter;
- var getColor = TreeSeriesMixin.getColor,
- getLevelOptions = TreeSeriesMixin.getLevelOptions,
- updateRootId = TreeSeriesMixin.updateRootId;
- var addEvent = U.addEvent,
- correctFloat = U.correctFloat,
- defined = U.defined,
- error = U.error,
- extend = U.extend,
- fireEvent = U.fireEvent,
- isArray = U.isArray,
- isObject = U.isObject,
- isString = U.isString,
- merge = U.merge,
- pick = U.pick,
- stableSort = U.stableSort;
- /* *
- *
- * Class
- *
- * */
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.treemap
- *
- * @augments Highcharts.Series
- */
- var TreemapSeries = /** @class */ (function (_super) {
- __extends(TreemapSeries, _super);
- function TreemapSeries() {
- /* *
- *
- * Static Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- /* *
- *
- * Properties
- *
- * */
- _this.axisRatio = void 0;
- _this.data = void 0;
- _this.mapOptionsToLevel = void 0;
- _this.nodeMap = void 0;
- _this.options = void 0;
- _this.points = void 0;
- _this.rootNode = void 0;
- _this.tree = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Function
- *
- * */
- /* eslint-disable valid-jsdoc */
- TreemapSeries.prototype.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: correctFloat(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);
- }
- };
- TreemapSeries.prototype.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;
- };
- TreemapSeries.prototype.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 TreemapAlgorithmGroup(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 // @todo no supported
- );
- }
- // If last child, then calculate all remaining areas
- if (i === end) {
- series.algorithmCalcPoints(directionChange, true, group, childrenArea, plot // @todo not supported
- );
- }
- i = i + 1;
- });
- return childrenArea;
- };
- /**
- * Over the alignment method by setting z index.
- * @private
- */
- TreemapSeries.prototype.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 (!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'
- });
- }
- ColumnSeries.prototype.alignDataLabel.apply(this, arguments);
- if (point.dataLabel) {
- // point.node.zIndex could be undefined (#6956)
- point.dataLabel.attr({ zIndex: (point.node.zIndex || 0) + 1 });
- }
- };
- TreemapSeries.prototype.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;
- };
- /**
- * 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.
- */
- TreemapSeries.prototype.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),
- // Flip y-values to avoid visual regression with csvCoord in
- // Axis.translate at setPointValues. #12488
- y: TreemapUtilities.AXIS_MAX - values.y - values.height,
- width: (values.width / series.axisRatio)
- });
- // If node has children, then call method recursively
- if (child.children.length) {
- series.calculateChildrenAreas(child, child.values);
- }
- });
- };
- /**
- * 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
- */
- TreemapSeries.prototype.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);
- };
- /**
- * Override drawPoints
- * @private
- */
- TreemapSeries.prototype.drawPoints = function () {
- var series = this,
- chart = series.chart,
- renderer = chart.renderer,
- points = series.points,
- styledMode = chart.styledMode,
- options = series.options,
- shadow = styledMode ? {} : options.shadow,
- borderRadius = options.borderRadius,
- withinAnimationLimit = chart.pointCount < options.animationLimit,
- allowTraversingTree = options.allowTraversingTree;
- points.forEach(function (point) {
- var levelDynamic = point.node.levelDynamic,
- animatableAttribs = {},
- attribs = {},
- css = {},
- groupKey = 'level-group-' + point.node.level,
- hasGraphic = !!point.graphic,
- shouldAnimate = withinAnimationLimit && hasGraphic,
- shapeArgs = point.shapeArgs;
- // Don't bother with calculate styling if the point is not drawn
- if (point.shouldDraw()) {
- if (borderRadius) {
- attribs.r = borderRadius;
- }
- merge(true, // Extend object
- // Which object to extend
- shouldAnimate ? animatableAttribs : attribs,
- // Add shapeArgs to animate/attr if graphic exists
- hasGraphic ? shapeArgs : {},
- // Add style attribs if !styleMode
- styledMode ?
- {} :
- series.pointAttribs(point, point.selected ? 'select' : void 0));
- // In styled mode apply point.color. Use CSS, otherwise the
- // fill used in the style sheet will take precedence over
- // the fill attribute.
- if (series.colorAttribs && styledMode) {
- // Heatmap is loaded
- extend(css, series.colorAttribs(point));
- }
- if (!series[groupKey]) {
- series[groupKey] = renderer.g(groupKey)
- .attr({
- // @todo Set the zIndex based upon the number of
- // levels, instead of using 1000
- zIndex: 1000 - (levelDynamic || 0)
- })
- .add(series.group);
- series[groupKey].survive = true;
- }
- }
- // Draw the point
- point.draw({
- animatableAttribs: animatableAttribs,
- attribs: attribs,
- css: css,
- group: series[groupKey],
- renderer: renderer,
- shadow: shadow,
- shapeArgs: shapeArgs,
- shapeType: 'rect'
- });
- // If setRootNode is allowed, set a point cursor on clickables &
- // add drillId to point
- if (allowTraversingTree && point.graphic) {
- point.drillId = options.interactByLeaf ?
- series.drillToByLeaf(point) :
- series.drillToByGroup(point);
- }
- });
- };
- /**
- * Finds the drill id for a parent node. Returns false if point should
- * not have a click event.
- * @private
- */
- TreemapSeries.prototype.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
- */
- TreemapSeries.prototype.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;
- };
- /**
- * @todo remove this function at a suitable version.
- * @private
- */
- TreemapSeries.prototype.drillToNode = function (id, redraw) {
- error(32, false, void 0, { 'treemap.drillToNode': 'use treemap.setRootNode' });
- this.setRootNode(id, redraw);
- };
- TreemapSeries.prototype.drillUp = function () {
- var series = this,
- node = series.nodeMap[series.rootNode];
- if (node && isString(node.parent)) {
- series.setRootNode(node.parent, true, { trigger: 'traverseUpButton' });
- }
- };
- TreemapSeries.prototype.getExtremes = function () {
- // Get the extremes from the value data
- var _a = Series.prototype.getExtremes
- .call(this,
- this.colorValueData),
- dataMin = _a.dataMin,
- dataMax = _a.dataMax;
- this.valueMin = dataMin;
- this.valueMax = dataMax;
- // Get the extremes from the y data
- return Series.prototype.getExtremes.call(this);
- };
- /**
- * 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.
- */
- TreemapSeries.prototype.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 (typeof 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.
- TreemapUtilities.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.
- * @private
- */
- TreemapSeries.prototype.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);
- };
- /**
- * Define hasData function for non-cartesian series. Returns true if the
- * series has points at all.
- * @private
- */
- TreemapSeries.prototype.hasData = function () {
- return !!this.processedXData.length; // != 0
- };
- TreemapSeries.prototype.init = function (chart, options) {
- var series = this,
- setOptionsEvent;
- // If color series logic is loaded, add some properties
- if (colorMapSeriesMixin) {
- this.colorAttribs = colorMapSeriesMixin.colorAttribs;
- }
- setOptionsEvent = addEvent(series, 'setOptions', function (event) {
- var options = event.userOptions;
- if (defined(options.allowDrillToNode) &&
- !defined(options.allowTraversingTree)) {
- options.allowTraversingTree = options.allowDrillToNode;
- delete options.allowDrillToNode;
- }
- if (defined(options.drillUpButton) &&
- !defined(options.traverseUpButton)) {
- options.traverseUpButton = options.drillUpButton;
- delete options.drillUpButton;
- }
- });
- Series.prototype.init.call(series, chart, options);
- // Treemap's opacity is a different option from other series
- delete series.opacity;
- // Handle deprecated options.
- series.eventsToUnbind.push(setOptionsEvent);
- if (series.options.allowTraversingTree) {
- series.eventsToUnbind.push(addEvent(series, 'click', series.onClickDrillToNode));
- }
- };
- /**
- * Add drilling on the suitable points.
- * @private
- */
- TreemapSeries.prototype.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.setRootNode(drillId, true, { trigger: 'click' });
- }
- };
- /**
- * Get presentational attributes
- * @private
- */
- TreemapSeries.prototype.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;
- };
- TreemapSeries.prototype.renderTraverseUpButton = function (rootId) {
- var series = this,
- nodeMap = series.nodeMap,
- node = nodeMap[rootId],
- name = node.name,
- buttonOptions = series.options.traverseUpButton,
- backText = pick(buttonOptions.text,
- name, '◁ Back'),
- attr,
- states;
- if (rootId === '' || (series.is('sunburst') &&
- series.tree.children.length === 1 &&
- rootId === series.tree.children[0].id)) {
- if (series.drillUpButton) {
- series.drillUpButton = series.drillUpButton.destroy();
- }
- }
- else if (!this.drillUpButton) {
- attr = buttonOptions.theme;
- states = attr && attr.states;
- this.drillUpButton = this.chart.renderer
- .button(backText, 0, 0, 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();
- }
- };
- /**
- * Set the node's color recursively, from the parent down.
- * @private
- */
- TreemapSeries.prototype.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);
- });
- }
- };
- TreemapSeries.prototype.setPointValues = function () {
- var series = this;
- var points = series.points,
- xAxis = series.xAxis,
- yAxis = series.yAxis;
- var styledMode = series.chart.styledMode;
- // 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.
- var getCrispCorrection = function (point) { return (styledMode ?
- 0 :
- ((series.pointAttribs(point)['stroke-width'] || 0) % 2) / 2); };
- points.forEach(function (point) {
- var _a = point.node,
- values = _a.pointValues,
- visible = _a.visible;
- // Points which is ignored, have no values.
- if (values && visible) {
- var height = values.height,
- width = values.width,
- x = values.x,
- y = values.y;
- var crispCorr = getCrispCorrection(point);
- var x1 = Math.round(xAxis.toPixels(x,
- true)) - crispCorr;
- var x2 = Math.round(xAxis.toPixels(x + width,
- true)) - crispCorr;
- var y1 = Math.round(yAxis.toPixels(y,
- true)) - crispCorr;
- var y2 = Math.round(yAxis.toPixels(y + height,
- true)) - crispCorr;
- // Set point values
- 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;
- }
- });
- };
- /**
- * Sets a new root node for the series.
- *
- * @private
- * @function Highcharts.Series#setRootNode
- *
- * @param {string} id
- * The id of the new root node.
- *
- * @param {boolean} [redraw=true]
- * Wether to redraw the chart or not.
- *
- * @param {object} [eventArguments]
- * Arguments to be accessed in event handler.
- *
- * @param {string} [eventArguments.newRootId]
- * Id of the new root.
- *
- * @param {string} [eventArguments.previousRootId]
- * Id of the previous root.
- *
- * @param {boolean} [eventArguments.redraw]
- * Wether to redraw the chart after.
- *
- * @param {object} [eventArguments.series]
- * The series to update the root of.
- *
- * @param {string} [eventArguments.trigger]
- * The action which triggered the event. Undefined if the setRootNode is
- * called directly.
- *
- * @fires Highcharts.Series#event:setRootNode
- */
- TreemapSeries.prototype.setRootNode = function (id, redraw, eventArguments) {
- var series = this,
- eventArgs = extend({
- newRootId: id,
- previousRootId: series.rootNode,
- redraw: pick(redraw,
- true),
- series: series
- },
- eventArguments);
- /**
- * The default functionality of the setRootNode event.
- *
- * @private
- * @param {object} args The event arguments.
- * @param {string} args.newRootId Id of the new root.
- * @param {string} args.previousRootId Id of the previous root.
- * @param {boolean} args.redraw Wether to redraw the chart after.
- * @param {object} args.series The series to update the root of.
- * @param {string} [args.trigger=undefined] The action which
- * triggered the event. Undefined if the setRootNode is called
- * directly.
- * @return {void}
- */
- var defaultFn = function (args) {
- var series = args.series;
- // Store previous and new root ids on the series.
- series.idPreviousRoot = args.previousRootId;
- series.rootNode = args.newRootId;
- // Redraw the chart
- series.isDirty = true; // Force redraw
- if (args.redraw) {
- series.chart.redraw();
- }
- };
- // Fire setRootNode event.
- fireEvent(series, 'setRootNode', eventArgs, defaultFn);
- };
- /**
- * Workaround for `inactive` state. Since `series.opacity` option is
- * already reserved, don't use that state at all by disabling
- * `inactiveOtherPoints` and not inheriting states by points.
- * @private
- */
- TreemapSeries.prototype.setState = function (state) {
- this.options.inactiveOtherPoints = true;
- Series.prototype.setState.call(this, state, false);
- this.options.inactiveOtherPoints = false;
- };
- TreemapSeries.prototype.setTreeValues = function (tree) {
- var series = this,
- options = series.options,
- idRoot = series.rootNode,
- mapIdToNode = series.nodeMap,
- nodeRoot = mapIdToNode[idRoot],
- levelIsConstant = (TreemapUtilities.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 || 0) - (b.sortIndex || 0);
- });
- // 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;
- };
- TreemapSeries.prototype.sliceAndDice = function (parent, children) {
- return this.algorithmFill(true, parent, children);
- };
- TreemapSeries.prototype.squarified = function (parent, children) {
- return this.algorithmLowAspectRatio(true, parent, children);
- };
- TreemapSeries.prototype.strip = function (parent, children) {
- return this.algorithmLowAspectRatio(false, parent, children);
- };
- TreemapSeries.prototype.stripes = function (parent, children) {
- return this.algorithmFill(false, parent, children);
- };
- TreemapSeries.prototype.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.renderTraverseUpButton(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.setRootNode('', false);
- rootId = series.rootNode;
- rootNode = series.nodeMap[rootId];
- }
- // Parents of the root node is by default visible
- TreemapUtilities.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
- TreemapUtilities.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: TreemapUtilities.AXIS_MAX,
- height: TreemapUtilities.AXIS_MAX
- };
- 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 &&
- !options.colorByPoint) {
- series.setColorRecursive(series.tree);
- }
- // Update axis extremes according to the root node.
- if (options.allowTraversingTree) {
- 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();
- };
- /**
- * 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 dragDrop, marker, jitter, dataSorting
- * @product highcharts
- * @requires modules/treemap
- * @optionparent plotOptions.treemap
- */
- TreemapSeries.defaultOptions = merge(ScatterSeries.defaultOptions, {
- /**
- * When enabled the user can click on a point which is a parent and
- * zoom in on its children. Deprecated and replaced by
- * [allowTraversingTree](#plotOptions.treemap.allowTraversingTree).
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-allowdrilltonode/
- * Enabled
- *
- * @deprecated
- * @type {boolean}
- * @default false
- * @since 4.1.0
- * @product highcharts
- * @apioption plotOptions.treemap.allowDrillToNode
- */
- /**
- * When enabled the user can click on a point which is a parent and
- * zoom in on its children.
- *
- * @sample {highcharts} highcharts/plotoptions/treemap-allowtraversingtree/
- * Enabled
- *
- * @since 7.0.3
- * @product highcharts
- */
- allowTraversingTree: false,
- animationLimit: 250,
- /**
- * 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
- */
- /**
- * Fires on a request for change of root node for the tree, before the
- * update is made. An event object is passed to the function, containing
- * additional properties `newRootId`, `previousRootId`, `redraw` and
- * `trigger`.
- *
- * @type {function}
- * @default undefined
- * @sample {highcharts} highcharts/plotoptions/treemap-events-setrootnode/
- * Alert update information on setRootNode event.
- * @since 7.0.3
- * @product highcharts
- * @apioption plotOptions.treemap.events.setRootNode
- */
- /**
- * 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 allowTraversingTree 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-allowtraversingtree/
- * InteractByLeaf and allowTraversingTree 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
- */
- /**
- * 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-option
- */
- marker: void 0,
- /**
- * 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)
- *
- * @since 2.0
- * @product highcharts
- * @apioption plotOptions.treemap.colorByPoint
- */
- colorByPoint: false,
- /**
- * @since 4.1.0
- */
- dataLabels: {
- defer: false,
- enabled: true,
- formatter: function () {
- var point = this && this.point ?
- this.point :
- {},
- name = isString(point.name) ? point.name : '';
- return name;
- },
- inside: true,
- verticalAlign: 'middle'
- },
- 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 allowTraversingTree options. When
- * set to false the first level visible to be level one, which is
- * dynamic when traversing the tree. 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.
- * Deprecated and replaced by
- * [traverseUpButton](#plotOptions.treemap.traverseUpButton).
- *
- * @deprecated
- */
- drillUpButton: {
- /**
- * The position of the button.
- *
- * @deprecated
- */
- position: {
- /**
- * Vertical alignment of the button.
- *
- * @deprecated
- * @type {Highcharts.VerticalAlignValue}
- * @default top
- * @product highcharts
- * @apioption plotOptions.treemap.drillUpButton.position.verticalAlign
- */
- /**
- * Horizontal alignment of the button.
- *
- * @deprecated
- * @type {Highcharts.AlignValue}
- */
- align: 'right',
- /**
- * Horizontal offset of the button.
- *
- * @deprecated
- */
- x: -10,
- /**
- * Vertical offset of the button.
- *
- * @deprecated
- */
- y: 10
- }
- },
- /**
- * Options for the button appearing when traversing down in a treemap.
- */
- traverseUpButton: {
- /**
- * The position of the button.
- */
- position: {
- /**
- * Vertical alignment of the button.
- *
- * @type {Highcharts.VerticalAlignValue}
- * @default top
- * @product highcharts
- * @apioption plotOptions.treemap.traverseUpButton.position.verticalAlign
- */
- /**
- * Horizontal alignment of the button.
- *
- * @type {Highcharts.AlignValue}
- */
- 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
- * [plotOptions.scatter.dashStyle](#plotoptions.scatter.dashstyle)
- * for possible options.
- *
- * @type {Highcharts.DashStyleValue}
- * @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.
- *
- * @extends plotOptions.treemap.dataLabels
- * @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: palette.neutralColor10,
- /**
- * The width of the border surrounding each tree map item.
- */
- borderWidth: 1,
- colorKey: 'colorValue',
- /**
- * 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: palette.neutralColor40,
- /**
- * Brightness for the hovered point. Defaults to 0 if the
- * heatmap series is loaded first, otherwise 0.1.
- *
- * @type {number}
- * @default undefined
- */
- brightness: HeatmapSeries ? 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
- }
- }
- });
- return TreemapSeries;
- }(ScatterSeries));
- extend(TreemapSeries.prototype, {
- buildKDTree: noop,
- colorKey: 'colorValue',
- directTouch: true,
- drawLegendSymbol: LegendSymbolMixin.drawRectangle,
- getExtremesFromAll: true,
- getSymbol: noop,
- optionalAxis: 'colorAxis',
- parallelArrays: ['x', 'y', 'value', 'colorValue'],
- pointArrayMap: ['value'],
- pointClass: TreemapPoint,
- trackerGroups: ['group', 'dataLabelsGroup'],
- utils: {
- recursive: TreemapUtilities.recursive
- }
- });
- SeriesRegistry.registerSeriesType('treemap', TreemapSeries);
- /* *
- *
- * Default Export
- *
- * */
- /* *
- *
- * API Options
- *
- * */
- /**
- * 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, dataSorting
- * @product highcharts
- * @requires modules/treemap
- * @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|null|*>}
- * @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|null}
- * @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
- */
- ''; // adds doclets above to transpiled file
- return TreemapSeries;
- });
- _registerModule(_modules, 'Series/Sunburst/SunburstPoint.js', [_modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (SeriesRegistry, U) {
- /* *
- *
- * This module implements sunburst charts in Highcharts.
- *
- * (c) 2016-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var Point = SeriesRegistry.series.prototype.pointClass,
- TreemapPoint = SeriesRegistry.seriesTypes.treemap.prototype.pointClass;
- var correctFloat = U.correctFloat,
- extend = U.extend;
- /* *
- *
- * Class
- *
- * */
- var SunburstPoint = /** @class */ (function (_super) {
- __extends(SunburstPoint, _super);
- function SunburstPoint() {
- /* *
- *
- * Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- _this.node = void 0;
- _this.options = void 0;
- _this.series = void 0;
- _this.shapeExisting = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- SunburstPoint.prototype.getDataLabelPath = function (label) {
- var renderer = this.series.chart.renderer,
- shapeArgs = this.shapeExisting,
- start = shapeArgs.start,
- end = shapeArgs.end,
- angle = start + (end - start) / 2, // arc middle value
- upperHalf = angle < 0 &&
- angle > -Math.PI ||
- angle > Math.PI,
- r = (shapeArgs.r + (label.options.distance || 0)),
- moreThanHalf;
- // Check if point is a full circle
- if (start === -Math.PI / 2 &&
- correctFloat(end) === correctFloat(Math.PI * 1.5)) {
- start = -Math.PI + Math.PI / 360;
- end = -Math.PI / 360;
- upperHalf = true;
- }
- // Check if dataLabels should be render in the
- // upper half of the circle
- if (end - start > Math.PI) {
- upperHalf = false;
- moreThanHalf = true;
- }
- if (this.dataLabelPath) {
- this.dataLabelPath = this.dataLabelPath.destroy();
- }
- this.dataLabelPath = renderer
- .arc({
- open: true,
- longArc: moreThanHalf ? 1 : 0
- })
- // Add it inside the data label group so it gets destroyed
- // with the label
- .add(label);
- this.dataLabelPath.attr({
- start: (upperHalf ? start : end),
- end: (upperHalf ? end : start),
- clockwise: +upperHalf,
- x: shapeArgs.x,
- y: shapeArgs.y,
- r: (r + shapeArgs.innerR) / 2
- });
- return this.dataLabelPath;
- };
- SunburstPoint.prototype.isValid = function () {
- return true;
- };
- SunburstPoint.prototype.shouldDraw = function () {
- return !this.isNull;
- };
- return SunburstPoint;
- }(TreemapPoint));
- extend(SunburstPoint.prototype, {
- getClassName: Point.prototype.getClassName,
- haloPath: Point.prototype.haloPath,
- setState: Point.prototype.setState
- });
- /* *
- *
- * Defaul Export
- *
- * */
- return SunburstPoint;
- });
- _registerModule(_modules, 'Series/Sunburst/SunburstUtilities.js', [_modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (SeriesRegistry, U) {
- /* *
- *
- * This module implements sunburst charts in Highcharts.
- *
- * (c) 2016-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var TreemapSeries = SeriesRegistry.seriesTypes.treemap;
- var isNumber = U.isNumber,
- isObject = U.isObject,
- merge = U.merge;
- /* *
- *
- * Namespace
- *
- * */
- var SunburstUtilities;
- (function (SunburstUtilities) {
- /* *
- *
- * Constants
- *
- * */
- SunburstUtilities.recursive = TreemapSeries.prototype.utils.recursive;
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- /**
- * @private
- * @function calculateLevelSizes
- *
- * @param {object} levelOptions
- * Map of level to its options.
- *
- * @param {Highcharts.Dictionary<number>} params
- * Object containing number parameters `innerRadius` and `outerRadius`.
- *
- * @return {Highcharts.SunburstSeriesLevelsOptions|undefined}
- * Returns the modified options, or undefined.
- */
- function calculateLevelSizes(levelOptions, params) {
- var result,
- p = isObject(params) ? params : {},
- totalWeight = 0,
- diffRadius,
- levels,
- levelsNotIncluded,
- remainingSize,
- from,
- to;
- if (isObject(levelOptions)) {
- result = merge({}, levelOptions);
- from = isNumber(p.from) ? p.from : 0;
- to = isNumber(p.to) ? p.to : 0;
- levels = range(from, to);
- levelsNotIncluded = Object.keys(result).filter(function (k) {
- return levels.indexOf(+k) === -1;
- });
- diffRadius = remainingSize = isNumber(p.diffRadius) ? p.diffRadius : 0;
- // Convert percentage to pixels.
- // Calculate the remaining size to divide between "weight" levels.
- // Calculate total weight to use in convertion from weight to
- // pixels.
- levels.forEach(function (level) {
- var options = result[level],
- unit = options.levelSize.unit,
- value = options.levelSize.value;
- if (unit === 'weight') {
- totalWeight += value;
- }
- else if (unit === 'percentage') {
- options.levelSize = {
- unit: 'pixels',
- value: (value / 100) * diffRadius
- };
- remainingSize -= options.levelSize.value;
- }
- else if (unit === 'pixels') {
- remainingSize -= value;
- }
- });
- // Convert weight to pixels.
- levels.forEach(function (level) {
- var options = result[level],
- weight;
- if (options.levelSize.unit === 'weight') {
- weight = options.levelSize.value;
- result[level].levelSize = {
- unit: 'pixels',
- value: (weight / totalWeight) * remainingSize
- };
- }
- });
- // Set all levels not included in interval [from,to] to have 0
- // pixels.
- levelsNotIncluded.forEach(function (level) {
- result[level].levelSize = {
- value: 0,
- unit: 'pixels'
- };
- });
- }
- return result;
- }
- SunburstUtilities.calculateLevelSizes = calculateLevelSizes;
- /**
- * @private
- */
- function getLevelFromAndTo(_a) {
- var level = _a.level,
- height = _a.height;
- // Never displays level below 1
- var from = level > 0 ? level : 1;
- var to = level + height;
- return { from: from, to: to };
- }
- SunburstUtilities.getLevelFromAndTo = getLevelFromAndTo;
- /**
- * TODO introduce step, which should default to 1.
- * @private
- */
- function range(from, to) {
- var result = [],
- i;
- if (isNumber(from) && isNumber(to) && from <= to) {
- for (i = from; i <= to; i++) {
- result.push(i);
- }
- }
- return result;
- }
- SunburstUtilities.range = range;
- /* eslint-enable valid-jsdoc */
- })(SunburstUtilities || (SunburstUtilities = {}));
- /* *
- *
- * Default Export
- *
- * */
- return SunburstUtilities;
- });
- _registerModule(_modules, 'Series/Sunburst/SunburstSeries.js', [_modules['Mixins/CenteredSeries.js'], _modules['Core/Globals.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Series/Sunburst/SunburstPoint.js'], _modules['Series/Sunburst/SunburstUtilities.js'], _modules['Mixins/TreeSeries.js'], _modules['Core/Utilities.js']], function (CenteredSeriesMixin, H, SeriesRegistry, SunburstPoint, SunburstUtilities, TreeSeriesMixin, U) {
- /* *
- *
- * This module implements sunburst charts in Highcharts.
- *
- * (c) 2016-2021 Highsoft AS
- *
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var getCenter = CenteredSeriesMixin.getCenter,
- getStartAndEndRadians = CenteredSeriesMixin.getStartAndEndRadians;
- var noop = H.noop;
- var Series = SeriesRegistry.series,
- _a = SeriesRegistry.seriesTypes,
- ColumnSeries = _a.column,
- TreemapSeries = _a.treemap;
- var getColor = TreeSeriesMixin.getColor,
- getLevelOptions = TreeSeriesMixin.getLevelOptions,
- setTreeValues = TreeSeriesMixin.setTreeValues,
- updateRootId = TreeSeriesMixin.updateRootId;
- var error = U.error,
- extend = U.extend,
- isNumber = U.isNumber,
- isObject = U.isObject,
- isString = U.isString,
- merge = U.merge,
- splat = U.splat;
- /* *
- *
- * Constants
- *
- * */
- var rad2deg = 180 / Math.PI;
- /* *
- *
- * Functions
- *
- * */
- // eslint-disable-next-line require-jsdoc
- function isBoolean(x) {
- return typeof x === 'boolean';
- }
- /**
- * Find a set of coordinates given a start coordinates, an angle, and a
- * distance.
- *
- * @private
- * @function getEndPoint
- *
- * @param {number} x
- * Start coordinate x
- *
- * @param {number} y
- * Start coordinate y
- *
- * @param {number} angle
- * Angle in radians
- *
- * @param {number} distance
- * Distance from start to end coordinates
- *
- * @return {Highcharts.SVGAttributes}
- * Returns the end coordinates, x and y.
- */
- var getEndPoint = function getEndPoint(x,
- y,
- angle,
- distance) {
- return {
- x: x + (Math.cos(angle) * distance),
- y: y + (Math.sin(angle) * distance)
- };
- };
- // eslint-disable-next-line require-jsdoc
- function getDlOptions(params) {
- // Set options to new object to avoid problems with scope
- var point = params.point,
- shape = isObject(params.shapeArgs) ? params.shapeArgs : {},
- optionsPoint = (isObject(params.optionsPoint) ?
- params.optionsPoint.dataLabels :
- {}),
- // The splat was used because levels dataLabels
- // options doesn't work as an array
- optionsLevel = splat(isObject(params.level) ?
- params.level.dataLabels :
- {})[0],
- options = merge({
- style: {}
- },
- optionsLevel,
- optionsPoint),
- rotationRad,
- rotation,
- rotationMode = options.rotationMode;
- if (!isNumber(options.rotation)) {
- if (rotationMode === 'auto' || rotationMode === 'circular') {
- if (point.innerArcLength < 1 &&
- point.outerArcLength > shape.radius) {
- rotationRad = 0;
- // Triger setTextPath function to get textOutline etc.
- if (point.dataLabelPath && rotationMode === 'circular') {
- options.textPath = {
- enabled: true
- };
- }
- }
- else if (point.innerArcLength > 1 &&
- point.outerArcLength > 1.5 * shape.radius) {
- if (rotationMode === 'circular') {
- options.textPath = {
- enabled: true,
- attributes: {
- dy: 5
- }
- };
- }
- else {
- rotationMode = 'parallel';
- }
- }
- else {
- // Trigger the destroyTextPath function
- if (point.dataLabel &&
- point.dataLabel.textPathWrapper &&
- rotationMode === 'circular') {
- options.textPath = {
- enabled: false
- };
- }
- rotationMode = 'perpendicular';
- }
- }
- if (rotationMode !== 'auto' && rotationMode !== 'circular') {
- rotationRad = (shape.end -
- (shape.end - shape.start) / 2);
- }
- if (rotationMode === 'parallel') {
- options.style.width = Math.min(shape.radius * 2.5, (point.outerArcLength + point.innerArcLength) / 2);
- }
- else {
- options.style.width = shape.radius;
- }
- if (rotationMode === 'perpendicular' &&
- point.series.chart.renderer.fontMetrics(options.style.fontSize).h > point.outerArcLength) {
- options.style.width = 1;
- }
- // Apply padding (#8515)
- options.style.width = Math.max(options.style.width - 2 * (options.padding || 0), 1);
- rotation = (rotationRad * rad2deg) % 180;
- if (rotationMode === 'parallel') {
- rotation -= 90;
- }
- // Prevent text from rotating upside down
- if (rotation > 90) {
- rotation -= 180;
- }
- else if (rotation < -90) {
- rotation += 180;
- }
- options.rotation = rotation;
- }
- if (options.textPath) {
- if (point.shapeExisting.innerR === 0 &&
- options.textPath.enabled) {
- // Enable rotation to render text
- options.rotation = 0;
- // Center dataLabel - disable textPath
- options.textPath.enabled = false;
- // Setting width and padding
- options.style.width = Math.max((point.shapeExisting.r * 2) -
- 2 * (options.padding || 0), 1);
- }
- else if (point.dlOptions &&
- point.dlOptions.textPath &&
- !point.dlOptions.textPath.enabled &&
- (rotationMode === 'circular')) {
- // Bring dataLabel back if was a center dataLabel
- options.textPath.enabled = true;
- }
- if (options.textPath.enabled) {
- // Enable rotation to render text
- options.rotation = 0;
- // Setting width and padding
- options.style.width = Math.max((point.outerArcLength +
- point.innerArcLength) / 2 -
- 2 * (options.padding || 0), 1);
- }
- }
- // NOTE: alignDataLabel positions the data label differntly when rotation is
- // 0. Avoiding this by setting rotation to a small number.
- if (options.rotation === 0) {
- options.rotation = 0.001;
- }
- return options;
- }
- // eslint-disable-next-line require-jsdoc
- function getAnimation(shape, params) {
- var point = params.point,
- radians = params.radians,
- innerR = params.innerR,
- idRoot = params.idRoot,
- idPreviousRoot = params.idPreviousRoot,
- shapeExisting = params.shapeExisting,
- shapeRoot = params.shapeRoot,
- shapePreviousRoot = params.shapePreviousRoot,
- visible = params.visible,
- from = {},
- to = {
- end: shape.end,
- start: shape.start,
- innerR: shape.innerR,
- r: shape.r,
- x: shape.x,
- y: shape.y
- };
- if (visible) {
- // Animate points in
- if (!point.graphic && shapePreviousRoot) {
- if (idRoot === point.id) {
- from = {
- start: radians.start,
- end: radians.end
- };
- }
- else {
- from = (shapePreviousRoot.end <= shape.start) ? {
- start: radians.end,
- end: radians.end
- } : {
- start: radians.start,
- end: radians.start
- };
- }
- // Animate from center and outwards.
- from.innerR = from.r = innerR;
- }
- }
- else {
- // Animate points out
- if (point.graphic) {
- if (idPreviousRoot === point.id) {
- to = {
- innerR: innerR,
- r: innerR
- };
- }
- else if (shapeRoot) {
- to = (shapeRoot.end <= shapeExisting.start) ?
- {
- innerR: innerR,
- r: innerR,
- start: radians.end,
- end: radians.end
- } : {
- innerR: innerR,
- r: innerR,
- start: radians.start,
- end: radians.start
- };
- }
- }
- }
- return {
- from: from,
- to: to
- };
- }
- // eslint-disable-next-line require-jsdoc
- function getDrillId(point, idRoot, mapIdToNode) {
- var drillId,
- node = point.node,
- nodeRoot;
- if (!node.isLeaf) {
- // When it is the root node, the drillId should be set to parent.
- if (idRoot === point.id) {
- nodeRoot = mapIdToNode[idRoot];
- drillId = nodeRoot.parent;
- }
- else {
- drillId = point.id;
- }
- }
- return drillId;
- }
- // eslint-disable-next-line require-jsdoc
- function cbSetTreeValuesBefore(node, options) {
- var mapIdToNode = options.mapIdToNode,
- nodeParent = mapIdToNode[node.parent],
- series = options.series,
- chart = series.chart,
- points = series.points,
- point = points[node.i],
- colors = (series.options.colors || chart && chart.options.colors),
- colorInfo = getColor(node, {
- colors: colors,
- colorIndex: series.colorIndex,
- index: options.index,
- mapOptionsToLevel: options.mapOptionsToLevel,
- parentColor: nodeParent && nodeParent.color,
- parentColorIndex: nodeParent && nodeParent.colorIndex,
- series: options.series,
- siblings: options.siblings
- });
- node.color = colorInfo.color;
- node.colorIndex = colorInfo.colorIndex;
- if (point) {
- point.color = node.color;
- point.colorIndex = node.colorIndex;
- // Set slicing on node, but avoid slicing the top node.
- node.sliced = (node.id !== options.idRoot) ? point.sliced : false;
- }
- return node;
- }
- /* *
- *
- * Class
- *
- * */
- var SunburstSeries = /** @class */ (function (_super) {
- __extends(SunburstSeries, _super);
- function SunburstSeries() {
- /* *
- *
- * Static Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- /* *
- *
- * Properties
- *
- * */
- _this.center = void 0;
- _this.data = void 0;
- _this.mapOptionsToLevel = void 0;
- _this.nodeMap = void 0;
- _this.options = void 0;
- _this.points = void 0;
- _this.shapeRoot = void 0;
- _this.startAndEndRadians = void 0;
- _this.tree = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- SunburstSeries.prototype.alignDataLabel = function (_point, _dataLabel, labelOptions) {
- if (labelOptions.textPath && labelOptions.textPath.enabled) {
- return;
- }
- return _super.prototype.alignDataLabel.apply(this, arguments);
- };
- /**
- * Animate the slices in. Similar to the animation of polar charts.
- * @private
- */
- SunburstSeries.prototype.animate = function (init) {
- var chart = this.chart,
- center = [
- chart.plotWidth / 2,
- chart.plotHeight / 2
- ],
- plotLeft = chart.plotLeft,
- plotTop = chart.plotTop,
- attribs,
- group = this.group;
- // Initialize the animation
- if (init) {
- // Scale down the group and place it in the center
- attribs = {
- translateX: center[0] + plotLeft,
- translateY: center[1] + plotTop,
- scaleX: 0.001,
- scaleY: 0.001,
- rotation: 10,
- opacity: 0.01
- };
- group.attr(attribs);
- // Run the animation
- }
- else {
- attribs = {
- translateX: plotLeft,
- translateY: plotTop,
- scaleX: 1,
- scaleY: 1,
- rotation: 0,
- opacity: 1
- };
- group.animate(attribs, this.options.animation);
- }
- };
- SunburstSeries.prototype.drawPoints = function () {
- var series = this,
- mapOptionsToLevel = series.mapOptionsToLevel,
- shapeRoot = series.shapeRoot,
- group = series.group,
- hasRendered = series.hasRendered,
- idRoot = series.rootNode,
- idPreviousRoot = series.idPreviousRoot,
- nodeMap = series.nodeMap,
- nodePreviousRoot = nodeMap[idPreviousRoot],
- shapePreviousRoot = nodePreviousRoot && nodePreviousRoot.shapeArgs,
- points = series.points,
- radians = series.startAndEndRadians,
- chart = series.chart,
- optionsChart = chart && chart.options && chart.options.chart || {},
- animation = (isBoolean(optionsChart.animation) ?
- optionsChart.animation :
- true),
- positions = series.center,
- center = {
- x: positions[0],
- y: positions[1]
- },
- innerR = positions[3] / 2,
- renderer = series.chart.renderer,
- animateLabels,
- animateLabelsCalled = false,
- addedHack = false,
- hackDataLabelAnimation = !!(animation &&
- hasRendered &&
- idRoot !== idPreviousRoot &&
- series.dataLabelsGroup);
- if (hackDataLabelAnimation) {
- series.dataLabelsGroup.attr({ opacity: 0 });
- animateLabels = function () {
- var s = series;
- animateLabelsCalled = true;
- if (s.dataLabelsGroup) {
- s.dataLabelsGroup.animate({
- opacity: 1,
- visibility: 'visible'
- });
- }
- };
- }
- points.forEach(function (point) {
- var node = point.node,
- level = mapOptionsToLevel[node.level],
- shapeExisting = point.shapeExisting || {},
- shape = node.shapeArgs || {},
- animationInfo,
- onComplete,
- visible = !!(node.visible && node.shapeArgs);
- if (hasRendered && animation) {
- animationInfo = getAnimation(shape, {
- center: center,
- point: point,
- radians: radians,
- innerR: innerR,
- idRoot: idRoot,
- idPreviousRoot: idPreviousRoot,
- shapeExisting: shapeExisting,
- shapeRoot: shapeRoot,
- shapePreviousRoot: shapePreviousRoot,
- visible: visible
- });
- }
- else {
- // When animation is disabled, attr is called from animation.
- animationInfo = {
- to: shape,
- from: {}
- };
- }
- extend(point, {
- shapeExisting: shape,
- tooltipPos: [shape.plotX, shape.plotY],
- drillId: getDrillId(point, idRoot, nodeMap),
- name: '' + (point.name || point.id || point.index),
- plotX: shape.plotX,
- plotY: shape.plotY,
- value: node.val,
- isNull: !visible // used for dataLabels & point.draw
- });
- point.dlOptions = getDlOptions({
- point: point,
- level: level,
- optionsPoint: point.options,
- shapeArgs: shape
- });
- if (!addedHack && visible) {
- addedHack = true;
- onComplete = animateLabels;
- }
- point.draw({
- animatableAttribs: animationInfo.to,
- attribs: extend(animationInfo.from, (!chart.styledMode && series.pointAttribs(point, (point.selected && 'select')))),
- onComplete: onComplete,
- group: group,
- renderer: renderer,
- shapeType: 'arc',
- shapeArgs: shape
- });
- });
- // Draw data labels after points
- // TODO draw labels one by one to avoid addtional looping
- if (hackDataLabelAnimation && addedHack) {
- series.hasRendered = false;
- series.options.dataLabels.defer = true;
- Series.prototype.drawDataLabels.call(series);
- series.hasRendered = true;
- // If animateLabels is called before labels were hidden, then call
- // it again.
- if (animateLabelsCalled) {
- animateLabels();
- }
- }
- else {
- Series.prototype.drawDataLabels.call(series);
- }
- };
- /**
- * The layout algorithm for the levels.
- * @private
- */
- SunburstSeries.prototype.layoutAlgorithm = function (parent, children, options) {
- var startAngle = parent.start,
- range = parent.end - startAngle,
- total = parent.val,
- x = parent.x,
- y = parent.y,
- radius = ((options &&
- isObject(options.levelSize) &&
- isNumber(options.levelSize.value)) ?
- options.levelSize.value :
- 0),
- innerRadius = parent.r,
- outerRadius = innerRadius + radius,
- slicedOffset = options && isNumber(options.slicedOffset) ?
- options.slicedOffset :
- 0;
- return (children || []).reduce(function (arr, child) {
- var percentage = (1 / total) * child.val,
- radians = percentage * range,
- radiansCenter = startAngle + (radians / 2),
- offsetPosition = getEndPoint(x,
- y,
- radiansCenter,
- slicedOffset),
- values = {
- x: child.sliced ? offsetPosition.x : x,
- y: child.sliced ? offsetPosition.y : y,
- innerR: innerRadius,
- r: outerRadius,
- radius: radius,
- start: startAngle,
- end: startAngle + radians
- };
- arr.push(values);
- startAngle = values.end;
- return arr;
- }, []);
- };
- /**
- * Set the shape arguments on the nodes. Recursive from root down.
- * @private
- */
- SunburstSeries.prototype.setShapeArgs = function (parent, parentValues, mapOptionsToLevel) {
- var childrenValues = [],
- level = parent.level + 1,
- options = mapOptionsToLevel[level],
- // Collect all children which should be included
- children = parent.children.filter(function (n) {
- return n.visible;
- }), twoPi = 6.28; // Two times Pi.
- childrenValues = this.layoutAlgorithm(parentValues, children, options);
- children.forEach(function (child, index) {
- var values = childrenValues[index],
- angle = values.start + ((values.end - values.start) / 2),
- radius = values.innerR + ((values.r - values.innerR) / 2),
- radians = (values.end - values.start),
- isCircle = (values.innerR === 0 && radians > twoPi),
- center = (isCircle ?
- { x: values.x,
- y: values.y } :
- getEndPoint(values.x,
- values.y,
- angle,
- radius)),
- val = (child.val ?
- (child.childrenTotal > child.val ?
- child.childrenTotal :
- child.val) :
- child.childrenTotal);
- // The inner arc length is a convenience for data label filters.
- if (this.points[child.i]) {
- this.points[child.i].innerArcLength = radians * values.innerR;
- this.points[child.i].outerArcLength = radians * values.r;
- }
- child.shapeArgs = merge(values, {
- plotX: center.x,
- plotY: center.y + 4 * Math.abs(Math.cos(angle))
- });
- child.values = merge(values, {
- val: val
- });
- // If node has children, then call method recursively
- if (child.children.length) {
- this.setShapeArgs(child, child.values, mapOptionsToLevel);
- }
- }, this);
- };
- SunburstSeries.prototype.translate = function () {
- var series = this,
- options = series.options,
- positions = series.center = getCenter.call(series),
- radians = series.startAndEndRadians = getStartAndEndRadians(options.startAngle,
- options.endAngle),
- innerRadius = positions[3] / 2,
- outerRadius = positions[2] / 2,
- diffRadius = outerRadius - innerRadius,
- // NOTE: updateRootId modifies series.
- rootId = updateRootId(series),
- mapIdToNode = series.nodeMap,
- mapOptionsToLevel,
- idTop,
- nodeRoot = mapIdToNode && mapIdToNode[rootId],
- nodeTop,
- tree,
- values,
- nodeIds = {};
- series.shapeRoot = nodeRoot && nodeRoot.shapeArgs;
- // Call prototype function
- Series.prototype.translate.call(series);
- // @todo Only if series.isDirtyData is true
- tree = series.tree = series.getTree();
- // Render traverseUpButton, after series.nodeMap i calculated.
- series.renderTraverseUpButton(rootId);
- mapIdToNode = series.nodeMap;
- nodeRoot = mapIdToNode[rootId];
- idTop = isString(nodeRoot.parent) ? nodeRoot.parent : '';
- nodeTop = mapIdToNode[idTop];
- var _a = SunburstUtilities.getLevelFromAndTo(nodeRoot),
- from = _a.from,
- to = _a.to;
- mapOptionsToLevel = getLevelOptions({
- from: from,
- levels: series.options.levels,
- to: to,
- defaults: {
- colorByPoint: options.colorByPoint,
- dataLabels: options.dataLabels,
- levelIsConstant: options.levelIsConstant,
- levelSize: options.levelSize,
- slicedOffset: options.slicedOffset
- }
- });
- // NOTE consider doing calculateLevelSizes in a callback to
- // getLevelOptions
- mapOptionsToLevel = SunburstUtilities.calculateLevelSizes(mapOptionsToLevel, {
- diffRadius: diffRadius,
- from: from,
- to: to
- });
- // TODO Try to combine setTreeValues & setColorRecursive to avoid
- // unnecessary looping.
- setTreeValues(tree, {
- before: cbSetTreeValuesBefore,
- idRoot: rootId,
- levelIsConstant: options.levelIsConstant,
- mapOptionsToLevel: mapOptionsToLevel,
- mapIdToNode: mapIdToNode,
- points: series.points,
- series: series
- });
- values = mapIdToNode[''].shapeArgs = {
- end: radians.end,
- r: innerRadius,
- start: radians.start,
- val: nodeRoot.val,
- x: positions[0],
- y: positions[1]
- };
- this.setShapeArgs(nodeTop, values, mapOptionsToLevel);
- // Set mapOptionsToLevel on series for use in drawPoints.
- series.mapOptionsToLevel = mapOptionsToLevel;
- // #10669 - verify if all nodes have unique ids
- series.data.forEach(function (child) {
- if (nodeIds[child.id]) {
- error(31, false, series.chart);
- }
- // map
- nodeIds[child.id] = true;
- });
- // reset object
- nodeIds = {};
- };
- /**
- * A Sunburst displays hierarchical data, where a level in the hierarchy is
- * represented by a circle. The center represents the root node of the tree.
- * The visualization bears a resemblance to both treemap and pie charts.
- *
- * @sample highcharts/demo/sunburst
- * Sunburst chart
- *
- * @extends plotOptions.pie
- * @excluding allAreas, clip, colorAxis, colorKey, compare, compareBase,
- * dataGrouping, depth, dragDrop, endAngle, gapSize, gapUnit,
- * ignoreHiddenPoint, innerSize, joinBy, legendType, linecap,
- * minSize, navigatorOptions, pointRange
- * @product highcharts
- * @requires modules/sunburst.js
- * @optionparent plotOptions.sunburst
- * @private
- */
- SunburstSeries.defaultOptions = merge(TreemapSeries.defaultOptions, {
- /**
- * Set options on specific levels. Takes precedence over series options,
- * but not point options.
- *
- * @sample highcharts/demo/sunburst
- * Sunburst chart
- *
- * @type {Array<*>}
- * @apioption plotOptions.sunburst.levels
- */
- /**
- * Can set a `borderColor` on all points which lies on the same level.
- *
- * @type {Highcharts.ColorString}
- * @apioption plotOptions.sunburst.levels.borderColor
- */
- /**
- * Can set a `borderWidth` on all points which lies on the same level.
- *
- * @type {number}
- * @apioption plotOptions.sunburst.levels.borderWidth
- */
- /**
- * Can set a `borderDashStyle` on all points which lies on the same
- * level.
- *
- * @type {Highcharts.DashStyleValue}
- * @apioption plotOptions.sunburst.levels.borderDashStyle
- */
- /**
- * Can set a `color` on all points which lies on the same level.
- *
- * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
- * @apioption plotOptions.sunburst.levels.color
- */
- /**
- * Can set a `colorVariation` on all points which lies on the same
- * level.
- *
- * @apioption plotOptions.sunburst.levels.colorVariation
- */
- /**
- * The key of a color variation. Currently supports `brightness` only.
- *
- * @type {string}
- * @apioption plotOptions.sunburst.levels.colorVariation.key
- */
- /**
- * The ending value of a color variation. The last sibling will receive
- * this value.
- *
- * @type {number}
- * @apioption plotOptions.sunburst.levels.colorVariation.to
- */
- /**
- * Can set `dataLabels` on all points which lies on the same level.
- *
- * @extends plotOptions.sunburst.dataLabels
- * @apioption plotOptions.sunburst.levels.dataLabels
- */
- /**
- * Decides which level takes effect from the options set in the levels
- * object.
- *
- * @sample highcharts/demo/sunburst
- * Sunburst chart
- *
- * @type {number}
- * @apioption plotOptions.sunburst.levels.level
- */
- /**
- * Can set a `levelSize` on all points which lies on the same level.
- *
- * @type {object}
- * @apioption plotOptions.sunburst.levels.levelSize
- */
- /**
- * Can set a `rotation` on all points which lies on the same level.
- *
- * @type {number}
- * @apioption plotOptions.sunburst.levels.rotation
- */
- /**
- * Can set a `rotationMode` on all points which lies on the same level.
- *
- * @type {string}
- * @apioption plotOptions.sunburst.levels.rotationMode
- */
- /**
- * When enabled the user can click on a point which is a parent and
- * zoom in on its children. Deprecated and replaced by
- * [allowTraversingTree](#plotOptions.sunburst.allowTraversingTree).
- *
- * @deprecated
- * @type {boolean}
- * @default false
- * @since 6.0.0
- * @product highcharts
- * @apioption plotOptions.sunburst.allowDrillToNode
- */
- /**
- * When enabled the user can click on a point which is a parent and
- * zoom in on its children.
- *
- * @type {boolean}
- * @default false
- * @since 7.0.3
- * @product highcharts
- * @apioption plotOptions.sunburst.allowTraversingTree
- */
- /**
- * The center of the sunburst chart relative to the plot area. Can be
- * percentages or pixel values.
- *
- * @sample {highcharts} highcharts/plotoptions/pie-center/
- * Centered at 100, 100
- *
- * @type {Array<number|string>}
- * @default ["50%", "50%"]
- * @product highcharts
- */
- center: ['50%', '50%'],
- colorByPoint: false,
- /**
- * Disable inherited opacity from Treemap series.
- *
- * @ignore-option
- */
- opacity: 1,
- /**
- * @declare Highcharts.SeriesSunburstDataLabelsOptionsObject
- */
- dataLabels: {
- allowOverlap: true,
- defer: true,
- /**
- * Decides how the data label will be rotated relative to the
- * perimeter of the sunburst. Valid values are `auto`, `circular`,
- * `parallel` and `perpendicular`. When `auto`, the best fit will be
- * computed for the point. The `circular` option works similiar
- * to `auto`, but uses the `textPath` feature - labels are curved,
- * resulting in a better layout, however multiple lines and
- * `textOutline` are not supported.
- *
- * The `series.rotation` option takes precedence over
- * `rotationMode`.
- *
- * @type {string}
- * @sample {highcharts} highcharts/plotoptions/sunburst-datalabels-rotationmode-circular/
- * Circular rotation mode
- * @validvalue ["auto", "perpendicular", "parallel", "circular"]
- * @since 6.0.0
- */
- rotationMode: 'auto',
- style: {
- /** @internal */
- textOverflow: 'ellipsis'
- }
- },
- /**
- * Which point to use as a root in the visualization.
- *
- * @type {string}
- */
- rootId: void 0,
- /**
- * 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.
- */
- levelIsConstant: true,
- /**
- * Determines the width of the ring per level.
- *
- * @sample {highcharts} highcharts/plotoptions/sunburst-levelsize/
- * Sunburst with various sizes per level
- *
- * @since 6.0.5
- */
- levelSize: {
- /**
- * The value used for calculating the width of the ring. Its' affect
- * is determined by `levelSize.unit`.
- *
- * @sample {highcharts} highcharts/plotoptions/sunburst-levelsize/
- * Sunburst with various sizes per level
- */
- value: 1,
- /**
- * How to interpret `levelSize.value`.
- *
- * - `percentage` gives a width relative to result of outer radius
- * minus inner radius.
- *
- * - `pixels` gives the ring a fixed width in pixels.
- *
- * - `weight` takes the remaining width after percentage and pixels,
- * and distributes it accross all "weighted" levels. The value
- * relative to the sum of all weights determines the width.
- *
- * @sample {highcharts} highcharts/plotoptions/sunburst-levelsize/
- * Sunburst with various sizes per level
- *
- * @validvalue ["percentage", "pixels", "weight"]
- */
- unit: 'weight'
- },
- /**
- * Options for the button appearing when traversing down in a treemap.
- *
- * @extends plotOptions.treemap.traverseUpButton
- * @since 6.0.0
- * @apioption plotOptions.sunburst.traverseUpButton
- */
- /**
- * If a point is sliced, moved out from the center, how many pixels
- * should it be moved?.
- *
- * @sample highcharts/plotoptions/sunburst-sliced
- * Sliced sunburst
- *
- * @since 6.0.4
- */
- slicedOffset: 10
- });
- return SunburstSeries;
- }(TreemapSeries));
- extend(SunburstSeries.prototype, {
- drawDataLabels: noop,
- pointAttribs: ColumnSeries.prototype.pointAttribs,
- pointClass: SunburstPoint,
- utils: SunburstUtilities
- });
- SeriesRegistry.registerSeriesType('sunburst', SunburstSeries);
- /* *
- *
- * Default Export
- *
- * */
- /* *
- *
- * API Options
- *
- * */
- /**
- * A `sunburst` series. If the [type](#series.sunburst.type) option is
- * not specified, it is inherited from [chart.type](#chart.type).
- *
- * @extends series,plotOptions.sunburst
- * @excluding dataParser, dataURL, stack, dataSorting, boostThreshold,
- * boostBlending
- * @product highcharts
- * @requires modules/sunburst.js
- * @apioption series.sunburst
- */
- /**
- * @type {Array<number|null|*>}
- * @extends series.treemap.data
- * @excluding x, y
- * @product highcharts
- * @apioption series.sunburst.data
- */
- /**
- * @type {Highcharts.SeriesSunburstDataLabelsOptionsObject|Array<Highcharts.SeriesSunburstDataLabelsOptionsObject>}
- * @product highcharts
- * @apioption series.sunburst.data.dataLabels
- */
- /**
- * The value of the point, resulting in a relative area of the point
- * in the sunburst.
- *
- * @type {number|null}
- * @since 6.0.0
- * @product highcharts
- * @apioption series.sunburst.data.value
- */
- /**
- * 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.
- *
- * @type {string}
- * @since 6.0.0
- * @product highcharts
- * @apioption series.sunburst.data.parent
- */
- /**
- * Whether to display a slice offset from the center. When a sunburst point is
- * sliced, its children are also offset.
- *
- * @sample highcharts/plotoptions/sunburst-sliced
- * Sliced sunburst
- *
- * @type {boolean}
- * @default false
- * @since 6.0.4
- * @product highcharts
- * @apioption series.sunburst.data.sliced
- */
- ''; // detach doclets above
- return SunburstSeries;
- });
- _registerModule(_modules, 'masters/modules/sunburst.src.js', [], function () {
- });
- }));
|