highcharts/modules/coloraxis.js

JavaScript charting framework

!/**
 * Highcharts JS v13.0.1 (2026-08-17)
 * @module highcharts/modules/color-axis
 * @requires highcharts
 *
 * ColorAxis module
 *
 * (c) 2012-2026 Highsoft AS
 * Author: Paweł Potaczek
 *
 * A commercial license may be required depending on use,
 * see www.highcharts.com/license
 */function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(t._Highcharts,t._Highcharts.Axis,t._Highcharts.Color,t._Highcharts.SeriesRegistry):"function"==typeof define&&define.amd?define("highcharts/modules/coloraxis",["highcharts/highcharts"],function(t){return e(t,t.Axis,t.Color,t.SeriesRegistry)}):"object"==typeof exports?exports["highcharts/modules/coloraxis"]=e(t._Highcharts,t._Highcharts.Axis,t._Highcharts.Color,t._Highcharts.SeriesRegistry):t.Highcharts=e(t.Highcharts,t.Highcharts.Axis,t.Highcharts.Color,t.Highcharts.SeriesRegistry)}("u"<typeof window?this:window,(t,e,i,s)=>(()=>{"use strict";var o,r,l,a={532(t){t.exports=e},620(t){t.exports=i},512(t){t.exports=s},944(e){e.exports=t}};let h={};function n(t){let e=h[t];if(void 0!==e)return e.exports;let i=h[t]={exports:{}};return a[t](i,i.exports,n),i.exports}n.n=t=>{let e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{if(Array.isArray(e))for(var i=0;i<e.length;){var s=e[i++],o=e[i++];n.o(t,s)?0===o&&i++:0===o?Object.defineProperty(t,s,{enumerable:!0,value:e[i++]}):Object.defineProperty(t,s,{enumerable:!0,get:o})}else for(var s in e)n.o(e,s)&&!n.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);let d={};n.d(d,{default:()=>P});var c=n(944),p=n.n(c),g=n(532),f=n.n(g),u=n(620),m=n.n(u);let{parse:x}=m();(o=r||(r={})).initDataClasses=function(t){let e=this.chart,i=this.legendItem=this.legendItem||{},s=this.options,o=t.dataClasses||[],r,l,a=e.options.chart.colorCount,h=0,n;this.dataClasses=l=[],i.labels=[];for(let t=0,i=o.length;t<i;++t)r=o[t],r=(0,c.merge)(r),l.push(r),(e.styledMode||!r.color)&&("category"===s.dataClassColor?(e.styledMode||(a=(n=e.options.colors||[]).length,r.color=n[h]),r.colorIndex=h,++h===a&&(h=0)):r.color=x(s.minColor).tweenTo(x(s.maxColor),i<2?.5:t/(i-1)))},o.initStops=function(){let t=this.options,e=this.stops=t.stops||[[0,t.minColor||""],[1,t.maxColor||""]];for(let t=0,i=e.length;t<i;++t)e[t].color=x(e[t][1])},o.normalizedValue=function(t){let e=this.max||0,i=this.min||0;return this.logarithmic&&(t=this.logarithmic.log2lin(t)),1-(e-t)/(e-i||1)},o.toColor=function(t,e){let i,s,o,r,l,a,h=this.dataClasses,n=this.stops;if(h){for(a=h.length;a--;)if(s=(l=h[a]).from,o=l.to,(void 0===s||t>=s)&&(void 0===o||t<=o)){r=l.color,e&&(e.dataClass=a,e.colorIndex=l.colorIndex);break}}else{for(i=this.normalizedValue(t),a=n.length;a--&&!(i>n[a][0]););s=n[a]||n[a+1],i=1-((o=n[a+1]||s)[0]-i)/(o[0]-s[0]||1),r=s.color.tweenTo(o.color,i)}return r};let y=r,{parse:b}=m();!function(t){let e;function i(){let{userOptions:t}=this;this.colorAxis=[],t.colorAxis&&(t.colorAxis=(0,c.splat)(t.colorAxis),t.colorAxis.map(t=>new e(this,t)))}function s(t){let e=this.chart.colorAxis||[],i=e=>{let i=t.allItems.indexOf(e);-1!==i&&(this.destroyItem(t.allItems[i]),t.allItems.splice(i,1))},s=[],o,r;for(e.forEach(function(t){o=t.options,o?.showInLegend&&(o.dataClasses&&o.visible?s=s.concat(t.getDataClassLegendSymbols()):o.visible&&s.push(t),t.series.forEach(function(t){(!t.options.showInLegend||o.dataClasses)&&("point"===t.options.legendType?t.points.forEach(function(t){i(t)}):i(t))}))}),r=s.length;r--;)t.allItems.unshift(s[r])}function o(t){t.visible&&t.item.legendColor&&t.item.legendItem.symbol.attr({fill:t.item.legendColor})}function r(t){this.chart.colorAxis?.forEach(e=>{e.update({},t.redraw)})}function l(){(this.chart.colorAxis?.length||this.colorAttribs)&&this.translateColors()}function a(){let t=this.axisTypes;t?-1===t.indexOf("colorAxis")&&t.push("colorAxis"):this.axisTypes=["colorAxis"]}function h(t){let e=this,i=t?"show":"hide";e.visible=e.options.visible=!!t,["graphic","dataLabel"].forEach(function(t){e[t]&&e[t][i]()}),this.series.buildKDTree()}function n(){let t=this,e=this.getPointsCollection(),i=this.options.nullColor,s=this.colorAxis,o=this.colorKey;e.forEach(e=>{let r=e.getNestedProperty(o),l=e.options.color||(e.isNull||null===e.value?i:s&&void 0!==r?s.toColor(r,e):e.color||t.color);l&&e.color!==l&&(e.color=l,"point"===t.options.legendType&&e.legendItem&&e.legendItem.label&&t.chart.legend.colorizeItem(e,e.visible))})}function d(){this.elem.attr("fill",b(this.start).tweenTo(b(this.end),this.pos),void 0,!0)}function p(){this.elem.attr("stroke",b(this.start).tweenTo(b(this.end),this.pos),void 0,!0)}t.compose=function(t,g,f,u,m){var x;let y,b=g.prototype,C=f.prototype,v=m.prototype;b.collectionsWithUpdate.includes("colorAxis")||(e=t,b.collectionsWithUpdate.push("colorAxis"),b.collectionsWithInit.colorAxis=[b.addColorAxis],(0,c.addEvent)(g,"afterCreateAxes",i),y=(x=g).prototype.createAxis,x.prototype.createAxis=function(t,i){if("colorAxis"!==t)return y.apply(this,arguments);let s=new e(this,(0,c.merge)(i.axis,{index:this[t].length,isX:!1}));return this.isDirtyLegend=!0,this.axes.forEach(t=>{t.series=[]}),this.series.forEach(t=>{t.bindAxes(),t.isDirtyData=!0}),(0,c.pick)(i.redraw,!0)&&this.redraw(i.animation),s},C.fillSetter=d,C.strokeSetter=p,(0,c.addEvent)(u,"afterGetAllItems",s),(0,c.addEvent)(u,"afterColorizeItem",o),(0,c.addEvent)(u,"afterUpdate",r),(0,c.extend)(v,{optionalAxis:"colorAxis",translateColors:n}),(0,c.extend)(v.pointClass.prototype,{setVisible:h}),(0,c.addEvent)(m,"afterTranslate",l,{order:1}),(0,c.addEvent)(m,"bindAxes",a))},t.pointSetVisible=h}(l||(l={}));let C=l;var v=n(512),A=n.n(v);let{defaultOptions:I}=p(),{series:L}=A();I.colorAxis=(0,c.merge)(I.xAxis,{lineWidth:0,minPadding:0,maxPadding:0,gridLineColor:"var(--highcharts-background-color)",gridLineWidth:1,tickPixelInterval:72,startOnTick:!0,endOnTick:!0,offset:0,marker:{animation:{duration:50},clip:!1,lineColor:"var(--highcharts-neutral-color-40)",lineWidth:0,color:"var(--highcharts-neutral-color-40)",width:.01},labels:{distance:8,overflow:"justify",rotation:0},minColor:"var(--highcharts-highlight-color-10)",maxColor:"var(--highcharts-highlight-color-100)",tickLength:5,title:{margin:5},showInLegend:!0});class w extends f(){static compose(t,e,i,s){C.compose(w,t,e,i,s)}constructor(t,e){super(t,e),this.clippable=!1,this.coll="colorAxis",this.visible=!0,this.init(t,e)}init(t,e){let i=t.options.legend||{},s=e.layout?"vertical"!==e.layout:"vertical"!==i.layout;this.side=e.side||s?2:1,this.reversed=e.reversed,this.opposite=!s,super.init(t,e,"colorAxis"),this.userOptions=e,(0,c.isArray)(t.userOptions.colorAxis)&&(t.userOptions.colorAxis[this.index]=e),e.dataClasses&&this.initDataClasses(e),this.initStops(),this.horiz=s,this.zoomEnabled=!1}hasData(){return!!(this.tickPositions||[]).length}setTickPositions(){if(!this.dataClasses)return super.setTickPositions()}setOptions(t){let e=this.chart.options.legend||{},i=I.colorAxis,s=t.layout||e.layout||i.layout,o=(0,c.merge)("vertical"!==s?{title:{rotation:0}}:{title:{rotation:90,margin:10}},i,t,{showEmpty:!1,visible:this.chart.options.legend.enabled&&!1!==t.visible});super.setOptions(o),this.options.crosshair=this.options.marker}setAxisSize(){let t=this.chart,e=this.legendItem?.symbol,{width:i,height:s}=this.getSize();e&&(this.left=+e.attr("x"),this.top=+e.attr("y"),this.width=i=+e.attr("width"),this.height=s=+e.attr("height"),this.right=t.chartWidth-this.left-i,this.bottom=t.chartHeight-this.top-s,this.pos=this.horiz?this.left:this.top),this.len=(this.horiz?i:s)||w.defaultLegendLength}getOffset(){let t=this.chart,e=this.legendItem?.group,i=t.axisOffset[this.side],{clipOffset:s,legend:o}=t;e&&(this.axisParent=e,super.getOffset(),o.allItems.forEach(function(t){t instanceof w&&t.drawLegendSymbol(o,t)}),o.render(),t.getMargins(!0),this.added||(this.added=!0),this.labelLeft=0,this.labelRight=this.width,t.axisOffset[this.side]=i,t.clipOffset=s)}setLegendColor(){let t=this.horiz,e=this.reversed,i=+!!e,s=+!e,o=t?[i,0,s,0]:[0,s,0,i];this.legendColor={linearGradient:{x1:o[0],y1:o[1],x2:o[2],y2:o[3]},stops:this.stops}}drawLegendSymbol(t,e){let i=e.legendItem||{},s=t.padding,o=t.options,r=this.options.labels,l=(0,c.pick)(o.itemDistance,10),a=this.horiz,{width:h,height:n}=this.getSize(),d=(0,c.pick)(o.labelPadding,a?16:30);this.setLegendColor();let p=0,g=0;if(this.options.title?.text&&!this.axisTitle){this.axisGroup||(this.axisParent=i.group,this.createGroups());let t=this.len,e=this.top,s=this.left,o=this.width;this.len=a?h:n,this.top=0,this.left=0,this.width=h,this.addTitle(!0),this.len=t,this.top=e,this.left=s,this.width=o}if(this.axisTitle){let t=this.axisTitle.getBBox();p=t.height,g=t.width}let f=this.options.title||{},u=this.axisTitle?f.margin??0:0,m=a?p+u:0;i.symbol||(i.symbol=this.chart.renderer.symbol("roundedRect").attr({r:o.symbolRadius??3,zIndex:1}).add(i.group)),i.symbol.attr({x:0,y:(t.baseline||0)-11+m,width:h,height:n}),a?(i.labelWidth=Math.max(h+s+l,g||0),i.labelHeight=n+s+d+p+u):(i.labelWidth=h+s+(r.x??r.distance??0)+(this.maxLabelLength||0)+(g||0)+u,i.labelHeight=Math.max(n+s,p||0))}getTitlePosition(t){let e=super.getTitlePosition(t),i=this.options.title?.margin??0;if(this.horiz&&t)e.y=this.top-i;else if(!this.horiz&&t){let t=this.options.labels||{},s=t.x??t.distance??0;e.x=this.left+this.width+s+(this.maxLabelLength||0)+i}return e}setState(t){this.series.forEach(function(e){e.setState(t)})}setVisible(){}getSeriesExtremes(){let t=this.series,e,i,s,o,r=t.length;for(this.dataMin=1/0,this.dataMax=-1/0;r--;){for(let l of(i=(o=t[r]).colorKey=(0,c.pick)(o.options.colorKey,o.colorKey,o.pointValKey,o.zoneAxis,"y"),s=o[i+"Min"]&&o[i+"Max"],[i,"value","y"]))if((e=o.getColumn(l)).length)break;if(s)o.minColorValue=o[i+"Min"],o.maxColorValue=o[i+"Max"];else{let t=L.prototype.getExtremes.call(o,e);o.minColorValue=t.dataMin,o.maxColorValue=t.dataMax}(0,c.defined)(o.minColorValue)&&(0,c.defined)(o.maxColorValue)&&(this.dataMin=Math.min(this.dataMin,o.minColorValue),this.dataMax=Math.max(this.dataMax,o.maxColorValue)),s||L.prototype.applyExtremes.call(o)}}drawCrosshair(t,e){let i,s=this.legendItem||{},o=e?.plotX,r=e?.plotY,l=this.pos,a=this.len,h=this.options.marker||{};e&&((i=this.toPixels(e.getNestedProperty(e.series.colorKey)))<l?i=l-2:i>l+a&&(i=l+a+2),e.plotX=i,e.plotY=this.len-i,super.drawCrosshair(t,e),e.plotX=o,e.plotY=r,this.cross&&!this.cross.addedToColorAxis&&s.group&&(this.cross.addClass("highcharts-coloraxis-marker").add(s.group),this.cross.addedToColorAxis=!0,this.chart.styledMode||"object"!=typeof this.crosshair||this.cross.attr({fill:h.color,stroke:h.lineColor,"stroke-width":h.lineWidth})))}getPlotLinePath(t){let e=this.left,i=t.translatedValue,{symbol:s}=this.options.marker||{},o=this.top;if((0,c.isNumber)(i)){if(s){let t=this.height,r=i-t/2,l=o;return this.horiz||(t=this.width,r=e,l=i-t/2),this.chart.renderer.symbols[s](r,l,t,t)}return this.horiz?[["M",i-4,o-6],["L",i+4,o-6],["L",i,o],["Z"]]:[["M",e,i],["L",e-6,i+6],["L",e-6,i-6],["Z"]]}return super.getPlotLinePath(t)}update(t,e){let i=this.chart.legend;this.series.forEach(t=>{t.isDirtyData=!0}),(t.dataClasses&&i.allItems||this.dataClasses)&&this.destroyItems(),super.update(t,e),this.legendItem?.label&&(this.setLegendColor(),i.colorizeItem(this,!0))}destroyItems(){let t=this.chart,e=this.legendItem||{};if(e.label)t.legend.destroyItem(this);else if(e.labels)for(let i of e.labels)t.legend.destroyItem(i);t.isDirtyLegend=!0}destroy(){this.chart.isDirtyLegend=!0,this.destroyItems(),super.destroy(...[].slice.call(arguments))}remove(t){this.destroyItems(),super.remove(t)}getDataClassLegendSymbols(){let t,e=this,i=e.chart,s=e.legendItem&&e.legendItem.labels||[],o=i.options.legend,r=(0,c.pick)(o.valueDecimals,-1),l=(0,c.pick)(o.valueSuffix,""),a=t=>e.series.reduce((e,i)=>(e.push(...i.points.filter(e=>e.dataClass===t)),e),[]);return s.length||e.dataClasses.forEach((o,h)=>{let n=o.from,d=o.to,{numberFormatter:p}=i,g=!0;t="",void 0===n?t="< ":void 0===d&&(t="> "),void 0!==n&&(t+=p(n,r)+l),void 0!==n&&void 0!==d&&(t+=" - "),void 0!==d&&(t+=p(d,r)+l),s.push((0,c.extend)({chart:i,name:t,options:{},drawLegendSymbol:L.prototype.drawLegendSymbol,visible:!0,isDataClass:!0,setState:t=>{for(let e of a(h))e.setState(t)},setVisible:function(){this.visible=g=e.visible=!g;let t=[];for(let e of a(h))e.setVisible(g),e.hiddenInDataClass=!g,-1===t.indexOf(e.series)&&t.push(e.series);i.legend.colorizeItem(this,g),t.forEach(t=>{(0,c.fireEvent)(t,"afterDataClassLegendClick")})}},o))}),s}getSize(){let{chart:t,horiz:e}=this,{height:i,width:s}=this.options,{legend:o}=t.options;return{width:(0,c.pick)((0,c.defined)(s)?(0,c.relativeLength)(s,t.chartWidth):void 0,o?.symbolWidth,e?w.defaultLegendLength:12),height:(0,c.pick)((0,c.defined)(i)?(0,c.relativeLength)(i,t.chartHeight):void 0,o?.symbolHeight,e?12:w.defaultLegendLength)}}}w.defaultLegendLength=200,w.keepProps=["legendItem"],(0,c.extend)(w.prototype,y),Array.prototype.push.apply(f().keepProps,w.keepProps);let k=p();k.ColorAxis=k.ColorAxis||w,k.ColorAxis.compose(k.Chart,k.Fx,k.Legend,k.Series);let P=p();return d.default})());