drilldown.js 12 KB

12345678910111213141516171819202122232425262728293031323334
  1. /*
  2. Highcharts JS v9.1.0 (2021-05-03)
  3. Highcharts Drilldown module
  4. Author: Torstein Honsi
  5. License: www.highcharts.com/license
  6. */
  7. (function(c){"object"===typeof module&&module.exports?(c["default"]=c,module.exports=c):"function"===typeof define&&define.amd?define("highcharts/modules/drilldown",["highcharts"],function(m){c(m);c.Highcharts=m;return c}):c("undefined"!==typeof Highcharts?Highcharts:void 0)})(function(c){function m(c,m,n,z){c.hasOwnProperty(m)||(c[m]=z.apply(null,n))}c=c?c._modules:{};m(c,"Extensions/Drilldown.js",[c["Core/Animation/AnimationUtilities.js"],c["Core/Axis/Axis.js"],c["Core/Chart/Chart.js"],c["Core/Color/Color.js"],
  8. c["Series/Column/ColumnSeries.js"],c["Core/FormatUtilities.js"],c["Core/Globals.js"],c["Core/Options.js"],c["Core/Color/Palette.js"],c["Core/Series/Point.js"],c["Core/Series/Series.js"],c["Core/Series/SeriesRegistry.js"],c["Core/Renderer/SVG/SVGRenderer.js"],c["Core/Axis/Tick.js"],c["Core/Utilities.js"]],function(c,m,n,z,r,I,A,J,C,v,D,w,K,E,p){var F=c.animObject,L=I.format,M=A.noop;c=J.defaultOptions;var k=p.addEvent,N=p.removeEvent,q=p.extend,x=p.fireEvent,t=p.merge,O=p.objectEach,u=p.pick,P=p.syncTimeout;
  9. w=w.seriesTypes.pie;var G=1;q(c.lang,{drillUpText:"\u25c1 Back to {series.name}"});c.drilldown={activeAxisLabelStyle:{cursor:"pointer",color:C.highlightColor100,fontWeight:"bold",textDecoration:"underline"},activeDataLabelStyle:{cursor:"pointer",color:C.highlightColor100,fontWeight:"bold",textDecoration:"underline"},animation:{duration:500},drillUpButton:{position:{align:"right",x:-10,y:10}}};K.prototype.Element.prototype.fadeIn=function(a){this.attr({opacity:.1,visibility:"inherit"}).animate({opacity:u(this.newOpacity,
  10. 1)},a||{duration:250})};n.prototype.addSeriesAsDrilldown=function(a,b){this.addSingleSeriesAsDrilldown(a,b);this.applyDrilldown()};n.prototype.addSingleSeriesAsDrilldown=function(a,b){var d=a.series,g=d.xAxis,e=d.yAxis,f=[],c=[],h;var l=this.styledMode?{colorIndex:u(a.colorIndex,d.colorIndex)}:{color:a.color||d.color};this.drilldownLevels||(this.drilldownLevels=[]);var y=d.options._levelNumber||0;(h=this.drilldownLevels[this.drilldownLevels.length-1])&&h.levelNumber!==y&&(h=void 0);b=q(q({_ddSeriesId:G++},
  11. l),b);var k=d.points.indexOf(a);d.chart.series.forEach(function(a){a.xAxis!==g||a.isDrilling||(a.options._ddSeriesId=a.options._ddSeriesId||G++,a.options._colorIndex=a.userOptions._colorIndex,a.options._levelNumber=a.options._levelNumber||y,h?(f=h.levelSeries,c=h.levelSeriesOptions):(f.push(a),a.purgedOptions=t({_ddSeriesId:a.options._ddSeriesId,_levelNumber:a.options._levelNumber,selected:a.options.selected},a.userOptions),c.push(a.purgedOptions)))});a=q({levelNumber:y,seriesOptions:d.options,seriesPurgedOptions:d.purgedOptions,
  12. levelSeriesOptions:c,levelSeries:f,shapeArgs:a.shapeArgs,bBox:a.graphic?a.graphic.getBBox():{},color:a.isNull?(new z(l.color)).setOpacity(0).get():l.color,lowerSeriesOptions:b,pointOptions:d.options.data[k],pointIndex:k,oldExtremes:{xMin:g&&g.userMin,xMax:g&&g.userMax,yMin:e&&e.userMin,yMax:e&&e.userMax},resetZoomButton:this.resetZoomButton},l);this.drilldownLevels.push(a);g&&g.names&&(g.names.length=0);b=a.lowerSeries=this.addSeries(b,!1);b.options._levelNumber=y+1;g&&(g.oldPos=g.pos,g.userMin=g.userMax=
  13. null,e.userMin=e.userMax=null);d.type===b.type&&(b.animate=b.animateDrilldown||M,b.options.animation=!0)};n.prototype.applyDrilldown=function(){var a=this.drilldownLevels;if(a&&0<a.length){var b=a[a.length-1].levelNumber;this.drilldownLevels.forEach(function(a){a.levelNumber===b&&a.levelSeries.forEach(function(a){a.options&&a.options._levelNumber===b&&a.remove(!1)})})}this.resetZoomButton&&(this.resetZoomButton.hide(),delete this.resetZoomButton);this.pointer.reset();this.redraw();this.showDrillUpButton();
  14. x(this,"afterDrilldown")};n.prototype.getDrilldownBackText=function(){var a=this.drilldownLevels;if(a&&0<a.length)return a=a[a.length-1],a.series=a.seriesOptions,L(this.options.lang.drillUpText,a)};n.prototype.showDrillUpButton=function(){var a=this,b=this.getDrilldownBackText(),d=a.options.drilldown.drillUpButton,g,e="chart"===d.relativeTo||"spacingBox"===d.relativeTo?null:"scrollablePlotBox";if(this.drillUpButton)this.drillUpButton.attr({text:b}).align();else{var f=(g=d.theme)&&g.states;this.drillUpButton=
  15. this.renderer.button(b,null,null,function(){a.drillUp()},g,f&&f.hover,f&&f.select).addClass("highcharts-drillup-button").attr({align:d.position.align,zIndex:7}).add().align(d.position,!1,e)}};n.prototype.drillUp=function(){if(this.drilldownLevels&&0!==this.drilldownLevels.length){for(var a=this,b=a.drilldownLevels,d=b[b.length-1].levelNumber,g=b.length,e=a.series,f,c,h,l,k=function(b){e.forEach(function(a){a.options._ddSeriesId===b._ddSeriesId&&(d=a)});var d=d||a.addSeries(b,!1);d.type===h.type&&
  16. d.animateDrillupTo&&(d.animate=d.animateDrillupTo);b===c.seriesPurgedOptions&&(l=d)};g--;)if(c=b[g],c.levelNumber===d){b.pop();h=c.lowerSeries;if(!h.chart)for(f=e.length;f--;)if(e[f].options.id===c.lowerSeriesOptions.id&&e[f].options._levelNumber===d+1){h=e[f];break}h.xData=[];c.levelSeriesOptions.forEach(k);x(a,"drillup",{seriesOptions:c.seriesPurgedOptions||c.seriesOptions});this.resetZoomButton&&this.resetZoomButton.destroy();l.type===h.type&&(l.drilldownLevel=c,l.options.animation=a.options.drilldown.animation,
  17. h.animateDrillupFrom&&h.chart&&h.animateDrillupFrom(c));l.options._levelNumber=d;h.remove(!1);l.xAxis&&(f=c.oldExtremes,l.xAxis.setExtremes(f.xMin,f.xMax,!1),l.yAxis.setExtremes(f.yMin,f.yMax,!1));c.resetZoomButton&&(a.resetZoomButton=c.resetZoomButton,a.resetZoomButton.show())}this.redraw();0===this.drilldownLevels.length?this.drillUpButton=this.drillUpButton.destroy():this.drillUpButton.attr({text:this.getDrilldownBackText()}).align();this.ddDupes.length=[];x(a,"drillupall")}};k(n,"afterInit",function(){var a=
  18. this;a.drilldown={update:function(b,d){t(!0,a.options.drilldown,b);u(d,!0)&&a.redraw()}}});k(n,"afterShowResetZoom",function(){var a=this.resetZoomButton&&this.resetZoomButton.getBBox(),b=this.options.drilldown&&this.options.drilldown.drillUpButton;this.drillUpButton&&a&&b&&b.position&&b.position.x&&this.drillUpButton.align({x:b.position.x-a.width-10,y:b.position.y,align:b.position.align},!1,b.relativeTo||"plotBox")});k(n,"render",function(){(this.xAxis||[]).forEach(function(a){a.ddPoints={};a.series.forEach(function(b){var d,
  19. g=b.xData||[],e=b.points;for(d=0;d<g.length;d++){var c=b.options.data[d];"number"!==typeof c&&(c=b.pointClass.prototype.optionsToObject.call({series:b},c),c.drilldown&&(a.ddPoints[g[d]]||(a.ddPoints[g[d]]=[]),a.ddPoints[g[d]].push(e?e[d]:!0)))}});O(a.ticks,E.prototype.drillable)})});r.prototype.animateDrillupTo=function(a){if(!a){var b=this,d=b.drilldownLevel;this.points.forEach(function(a){var b=a.dataLabel;a.graphic&&a.graphic.hide();b&&(b.hidden="hidden"===b.attr("visibility"),b.hidden||(b.hide(),
  20. a.connector&&a.connector.hide()))});P(function(){if(b.points){var a=[];b.data.forEach(function(b){a.push(b)});b.nodes&&(a=a.concat(b.nodes));a.forEach(function(a,b){b=b===(d&&d.pointIndex)?"show":"fadeIn";var c="show"===b?!0:void 0,g=a.dataLabel;if(a.graphic)a.graphic[b](c);g&&!g.hidden&&(g.fadeIn(),a.connector&&a.connector.fadeIn())})}},Math.max(this.chart.options.drilldown.animation.duration-50,0));delete this.animate}};r.prototype.animateDrilldown=function(a){var b=this,d=this.chart,c=d.drilldownLevels,
  21. e,f=F(d.options.drilldown.animation),k=this.xAxis,h=d.styledMode;a||(c.forEach(function(a){b.options._ddSeriesId===a.lowerSeriesOptions._ddSeriesId&&(e=a.shapeArgs,h||(e.fill=a.color))}),e.x+=u(k.oldPos,k.pos)-k.pos,this.points.forEach(function(a){var d=a.shapeArgs;h||(d.fill=a.color);a.graphic&&a.graphic.attr(e).animate(q(a.shapeArgs,{fill:a.color||b.color}),f);a.dataLabel&&a.dataLabel.fadeIn(f)}),delete this.animate)};r.prototype.animateDrillupFrom=function(a){var b=F(this.chart.options.drilldown.animation),
  22. d=this.group,c=d!==this.chart.columnGroup,e=this;e.trackerGroups.forEach(function(a){if(e[a])e[a].on("mouseover")});c&&delete this.group;this.points.forEach(function(g){var f=g.graphic,h=a.shapeArgs,l=function(){f.destroy();d&&c&&(d=d.destroy())};f&&h&&(delete g.graphic,e.chart.styledMode||(h.fill=a.color),b.duration?f.animate(h,t(b,{complete:l})):(f.attr(h),l()))})};w&&q(w.prototype,{animateDrillupTo:r.prototype.animateDrillupTo,animateDrillupFrom:r.prototype.animateDrillupFrom,animateDrilldown:function(a){var b=
  23. this.chart.drilldownLevels[this.chart.drilldownLevels.length-1],d=this.chart.options.drilldown.animation;this.is("item")&&(d.duration=0);if(this.center){var c=b.shapeArgs,e=c.start,f=(c.end-e)/this.points.length,k=this.chart.styledMode;a||(this.points.forEach(function(a,g){var h=a.shapeArgs;k||(c.fill=b.color,h.fill=a.color);if(a.graphic)a.graphic.attr(t(c,{start:e+g*f,end:e+(g+1)*f}))[d?"animate":"attr"](h,d)}),delete this.animate)}}});v.prototype.doDrilldown=function(a,b,d){var c=this.series.chart,
  24. e=c.options.drilldown,f=(e.series||[]).length;c.ddDupes||(c.ddDupes=[]);for(;f--&&!k;)if(e.series[f].id===this.drilldown&&-1===c.ddDupes.indexOf(this.drilldown)){var k=e.series[f];c.ddDupes.push(this.drilldown)}x(c,"drilldown",{point:this,seriesOptions:k,category:b,originalEvent:d,points:"undefined"!==typeof b&&this.series.xAxis.getDDPoints(b).slice(0)},function(b){var c=b.point.series&&b.point.series.chart,d=b.seriesOptions;c&&d&&(a?c.addSingleSeriesAsDrilldown(b.point,d):c.addSeriesAsDrilldown(b.point,
  25. d))})};m.prototype.drilldownCategory=function(a,b){this.getDDPoints(a).forEach(function(c){c&&c.series&&c.series.visible&&c.doDrilldown&&c.doDrilldown(!0,a,b)});this.chart.applyDrilldown()};m.prototype.getDDPoints=function(a){return this.ddPoints&&this.ddPoints[a]||[]};E.prototype.drillable=function(){var a=this.pos,b=this.label,c=this.axis,g="xAxis"===c.coll&&c.getDDPoints,e=g&&c.getDDPoints(a),f=c.chart.styledMode;g&&(b&&e&&e.length?(b.drillable=!0,b.basicStyles||f||(b.basicStyles=t(b.styles)),
  26. b.addClass("highcharts-drilldown-axis-label"),b.removeOnDrillableClick&&N(b.element,"click"),b.removeOnDrillableClick=k(b.element,"click",function(b){b.preventDefault();c.drilldownCategory(a,b)}),f||b.css(c.chart.options.drilldown.activeAxisLabelStyle)):b&&b.drillable&&b.removeOnDrillableClick&&(f||(b.styles={},b.css(b.basicStyles)),b.removeOnDrillableClick(),b.removeClass("highcharts-drilldown-axis-label")))};k(v,"afterInit",function(){this.drilldown&&!this.unbindDrilldownClick&&(this.unbindDrilldownClick=
  27. k(this,"click",H));return this});k(v,"update",function(a){a=a.options||{};a.drilldown&&!this.unbindDrilldownClick?this.unbindDrilldownClick=k(this,"click",H):!a.drilldown&&void 0!==a.drilldown&&this.unbindDrilldownClick&&(this.unbindDrilldownClick=this.unbindDrilldownClick())});var H=function(a){var b=this.series;b.xAxis&&!1===b.chart.options.drilldown.allowPointDrilldown?b.xAxis.drilldownCategory(this.x,a):this.doDrilldown(void 0,void 0,a)};k(D,"afterDrawDataLabels",function(){var a=this.chart.options.drilldown.activeDataLabelStyle,
  28. b=this.chart.renderer,c=this.chart.styledMode;this.points.forEach(function(d){var e=d.options.dataLabels,f=u(d.dlOptions,e&&e.style,{});d.drilldown&&d.dataLabel&&("contrast"!==a.color||c||(f.color=b.getContrast(d.color||this.color)),e&&e.color&&(f.color=e.color),d.dataLabel.addClass("highcharts-drilldown-data-label"),c||d.dataLabel.css(a).css(f))},this)});var B=function(a,b,c,g){a[c?"addClass":"removeClass"]("highcharts-drilldown-point");g||a.css({cursor:b})};k(D,"afterDrawTracker",function(){var a=
  29. this.chart.styledMode;this.points.forEach(function(b){b.drilldown&&b.graphic&&B(b.graphic,"pointer",!0,a)})});k(v,"afterSetState",function(){var a=this.series.chart.styledMode;this.drilldown&&this.series.halo&&"hover"===this.state?B(this.series.halo,"pointer",!0,a):this.series.halo&&B(this.series.halo,"auto",!1,a)});k(A.Chart,"selection",function(a){!0===a.resetSelection&&this.drillUpButton&&(a=this.options.drilldown&&this.options.drilldown.drillUpButton)&&a.position&&this.drillUpButton.align({x:a.position.x,
  30. y:a.position.y,align:a.position.align},!1,a.relativeTo||"plotBox")});k(A.Chart,"drillup",function(){this.resetZoomButton&&(this.resetZoomButton=this.resetZoomButton.destroy())})});m(c,"masters/modules/drilldown.src.js",[],function(){})});
  31. //# sourceMappingURL=drilldown.js.map