12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701 |
- /**
- * @license Highcharts JS v9.1.1 (2021-06-04)
- *
- * (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,
- addEvent = U.addEvent;
- var noop = H.noop,
- seriesTypes = H.seriesTypes;
- // Move points to the top of the z-index order when hovered
- addEvent(Point, 'afterSetState', function (e) {
- var point = this; // eslint-disable-line no-invalid-this
- if (point.moveToTopOnHover && point.graphic) {
- point.graphic.attr({
- zIndex: e && e.state === 'hover' ? 1 : 0
- });
- }
- });
- /**
- * Mixin for maps and heatmaps
- *
- * @private
- * @mixin Highcharts.colorMapPointMixin
- */
- var colorMapPointMixin = {
- dataLabelOnNull: true,
- moveToTopOnHover: 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);
- }
- /* 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) &&
- (!point.state || point.state === 'normal') // #15746
- ) {
- 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 _this = this;
- var animatableAttribs = params.animatableAttribs,
- onComplete = params.onComplete,
- css = params.css,
- renderer = params.renderer;
- var animation = (this.series && this.series.chart.hasRendered) ?
- // Chart-level animation on updates
- void 0 :
- // Series-level animation on new points
- (this.series &&
- this.series.options.animation);
- var graphic = this.graphic;
- if (this.shouldDraw()) {
- if (!graphic) {
- this.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_1 = function () {
- _this.graphic = 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_1();
- });
- }
- else {
- destroy_1();
- }
- }
- };
- /**
- * 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;
- tree.levelDynamic = tree.level - (levelIsConstant ? 0 : nodeRoot.level);
- tree.name = pick(point && point.name, '');
- tree.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);
- tree.children = children;
- tree.childrenTotal = childrenTotal;
- tree.isLeaf = tree.visible && !childrenTotal;
- tree.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: void 0,
- 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 (style &&
- !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()) {
- point.isInside = true;
- 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
- var shapeArgs = {
- x: Math.min(x1,
- x2),
- y: Math.min(y1,
- y2),
- width: Math.abs(x2 - x1),
- height: Math.abs(y2 - y1)
- };
- point.plotX = shapeArgs.x + (shapeArgs.width / 2);
- point.plotY = shapeArgs.y + (shapeArgs.height / 2);
- point.shapeArgs = shapeArgs;
- }
- 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];
- if (rootId !== '' &&
- (!rootNode || !rootNode.children.length)) {
- series.setRootNode('', false);
- rootId = series.rootNode;
- 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
- }
- });
- // 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,
- /**
- * The border radius for each treemap item.
- */
- borderRadius: 0,
- /**
- * 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,
- isInside: visible,
- 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 () {
- });
- }));
|