realchart 1.4.8 → 1.4.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/gauge.d.ts +3 -4
- package/gauge.js +3 -3
- package/gauge.mjs +3 -3
- package/heatmap.js +2 -2
- package/heatmap.mjs +2 -2
- package/ie/gauge.ie.js +3 -3
- package/ie/heatmap.ie.js +2 -2
- package/ie/index.ie.js +3 -3
- package/ie/pictogram.ie.js +3 -3
- package/ie/realchart-style.ie.css +73 -1
- package/ie/split.ie.js +2 -2
- package/ie/treemap.ie.js +2 -2
- package/ie/vector.ie.js +2 -2
- package/ie/wordcloud.ie.js +3 -3
- package/index.d.ts +269 -84
- package/index.js +3 -3
- package/index.mjs +3 -3
- package/package.json +1 -1
- package/pictogram.d.ts +1 -0
- package/pictogram.js +3 -3
- package/pictogram.mjs +3 -3
- package/realchart-style.css +31 -1
- package/split.js +2 -2
- package/split.mjs +2 -2
- package/treemap.js +2 -2
- package/treemap.mjs +2 -2
- package/vector.js +2 -2
- package/vector.mjs +2 -2
- package/wordcloud.js +3 -3
- package/wordcloud.mjs +3 -3
package/package.json
CHANGED
package/pictogram.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ declare class PictogramSeries extends BasedSeries<PictogramSeriesOptions> {
|
|
|
19
19
|
declare class PictorialBarSeriesPoint extends BarSeriesPoint {
|
|
20
20
|
figure: string;
|
|
21
21
|
protected _readObject(series: PictorialBarSeries, v: any): void;
|
|
22
|
+
protected _readArray(series: PictorialBarSeries, v: any[]): void;
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* pictorial bar 시리즈 모델.<br/>
|
package/pictogram.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Pictogram v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Pictogram v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RealChartPictogram={},e.RealChart)}(this,(function(e,t){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var s=i(t);class r extends t.BasedSeries{_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}}r.type=t.PictogramSeriesType,r.defaults=t.extend(t.BasedSeries.defaults,{iconGap:2,integral:!1,integralThreshold:.5});class o extends t.RcElement{constructor(e){super(e,t.SeriesView.POINT_CLASS),this.add(this._back=new t.RectElement(e)),this._back.setTransparent(!0)}preppareIcons(e,t,i,s){}layout(e,t,i){const s=this.wPoint,r=this.hPoint;t-=s/2,r<0&&(e=e.map((e=>-e))),this._back.setBounds(t,i-r,s,r)}}class n extends t.BasedSeriesView{constructor(e){super(e,"rct-pictogram-series"),this._bars=new t.ElementPool(this._pointContainer,o)}_getPointPool(){return this._bars}_preparePoints(e,t,i){}_layoutPoint(e,t,i,s,r,o){}}class a extends t.BarSeriesPoint{_readObject(e,i){super._readObject(e,i),this.figure=t.pickProp(e._figureFielder(i),i.figure)}}class h extends t.BarSeriesBase{getMode(){return this._mode}getFigure(){return this._figurePath}getImage(e){let t=e.figure;return!t&&this._op.figureByPoint&&(t=this._imageUrls[e.vindex%this._imageUrls.length]),this._imageRoot+(t||this._imageUrls[0])}getFigureWidth(e){return t.calcPercent(this._widthDim,e,e)}getFigureGap(){return this._figureGap}_createPoint(e){return new a(e)}_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}_doApply(e){super._doApply(e),this._figureFielder=this._createFielder(e.figureField||"figure"),this._figurePath=t.isArray(e.figurePath)?e.figurePath.join(" "):e.figurePath;const i=e.figureImage;t.isArray(i)?this._imageUrls=i.slice(0):t.isString(i)?this._imageUrls=[i]:this._imageUrls=[],this._imageRoot=t.isString(e.figureImageRoot)?e.figureImageRoot:"",this._mode="both"===e.mode||"figure"===e.mode?e.mode:e.figurePath?"both":"figure",this._figureGap=t.pickNum(e.figureGap,0),this._widthDim=t.parsePercentSize(e.figureWidth,!0)}}h.type=t.PictorialBarSeriesType,h.defaults=t.extend(t.BarSeriesBase.defaults,{mode:"auto",figureWidth:"100%"});class l extends t.WidgetSeriesPoint{}class c extends l{constructor(e,t){super(e),this.points=t}}class d extends t.WidgetSeriesLabel{getDistance(){return isNaN(this._op.distance)?"far"===this._op.align?d.ENDED_DIST:d.OUTSIDE_DIST:this._op.distance||0}}d.OUTSIDE_DIST=25,d.ENDED_DIST=10;class u extends t.WidgetSeries{get paths(){return this._paths}getPictorialSize(e,i,s){const r=t.calcPercent(this._sizeDim,1),o=t.minv(i*r/e.width,s*r/e.height);return{width:t.pickNum(t.calcPercent(this._widthDim,i),e.width*o),height:t.pickNum(t.calcPercent(this._heightDim,s),e.height*o)}}get pointLabel(){return this._pointLabel}_createLabel(e){return new d(e)}_createPoint(e){return new l(e)}_createOthersPoint(e,t){return e.y=t.map((e=>e.y)).reduce(((e,t)=>e+t)),new c(e,t)}needClip(e){return!1}getTotal(){const e=super.getSum();return Math.max(e,t.calcPercent(this._totalDim,e))}getSum(){const e=super.getSum(),i=t.calcPercent(this._totalDim,e);return Math.max(e,t.pickNum(i,e))}_doApply(e){super._doApply(e),this._paths=t.isArray(e.figure)?e.figure:[e.figure||""],this._setDims(e,"total","width","height"),this._sizeDim=t.parsePercentSize(e.size||"80%",!1)}_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}}u.type=t.PictorialSeriesType,u.defaults=t.extend(t.WidgetSeries.defaults,{size:"90%",reversed:!1});class _ extends t.BoxPointElementEx{constructor(e){super(e),this.add(this._figureLayer=new t.RcElement(e,"")),this._figureLayer.add(this._figureView=new t.PathElement(e,"")),this.add(this._imageLayer=new t.RcElement(e,"")),this._imageLayer.add(this._imageView=new t.ImageElement(e,!1,"")),this._imageView.setAttr("preserveAspectRatio","none"),this.add(this._boxView=new t.PathElement(e,"")),this._figureView.setAttr("vector-effect","non-scaling-stroke")}renderSvg(e,t,i,s,r){const o=this._figureView;let n;this._imageLayer.setVis(!1),this._figureLayer.setVis(!0),o.scale(1),o.setPath(s),n=o.getBounds(),e.both?o.scale(r/(e.inverted?n.height:n.width)):e.inverted?o.scale(r/n.height,(e.reversed?-1:1)*this.hPoint/n.width):o.scale(r/n.width,(e.reversed?-1:1)*this.hPoint/n.height),this.$_layoutFigure(e,this._figureLayer,this._figureView,t,i)}renderImage(e,t,i,s,r){const o=this._imageView;this._figureLayer.setVis(!1),this._imageLayer.setVis(!0),o.url=s,o.width=r,o.height=e.both?void 0:Math.abs(this.hPoint),this.$_layoutFigure(e,this._imageLayer,o,t,i)}$_layoutFigure(e,i,s,r,o){const n=s.getBounds(),a=!e.upperClip;let h=this.hPoint,l=!1;e.inverted?e.reversed?a?(s.trans(r+n.height/2,o-h),this._dir="left"):h<0?(s.trans(r+n.height/2,-e.yBase-h),this._dir="left"):(s.trans(r-n.height/2,-e.yBase-h),this._dir="right"):a?(s.trans(r-n.height/2,-h),this._dir="right"):h<0?(s.trans(r+n.height/2,-e.yBase-h),this._dir="left"):(s.trans(r-n.height/2,-e.yBase-h),this._dir="right"):e.reversed?a?(s.trans(r+n.width/2,-h),this._dir="bottom"):h<0?(s.trans(r+n.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(s.trans(r-n.width/2,e.yLen-e.yBase-h),this._dir="top"):a?(s.trans(r-n.width/2,o-h),this._dir="top"):h<0?(s.trans(r+n.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(s.trans(r-n.width/2,e.yLen-e.yBase-h),this._dir="top"),a?(s.rotate(e.reversed?180:0),i.removeAttr("clip-path")):(l=this.point.yValue<e.base,e.reversed&&(l=!l),t.Dom.setClipPath(i.dom,l?e.lowerClip:e.upperClip),s.rotate(l?180:0)),this._boxView.setVis(e.both)&&(l||(l=a&&e.reversed),h-=(l?-1:1)*((e.inverted?n.width:n.height)+e.gap),this.$_layoutBox(e,l,r,o,h))}$_layoutBox(e,i,s,r,o){this._boxView.setVis(i?o<0:o>0)&&this._boxView.setPath(t.SvgShapes.bar(s-this.wPoint/2,r,this.wPoint,-o,e.rTop,e.rBottom))}}class g extends t.BarSeriesViewBase{constructor(e){super(e,"rct-pictorialbar-series")}_createBarPool(e,i){return new t.ElementPool(e,_)}_prepareLayoutPoints(e,i){const s=this.model,r=this._yBase,o=this._baseVal>s._yAxisObj.axisMin();if(this._info={inverted:this._inverted,reversed:this._yReversed,base:this._baseVal,yBase:r,both:"both"===s.getMode(),gap:s.getFigureGap(),yLen:this._yLen,rTop:+s.options.topRadius||0,rBottom:+s.options.bottomRadius||0,upperClip:"",lowerClip:""},o){if(!this._upperClip){const e=this.doc,i=this.dom.querySelector("defs")||e.createElementNS(t.SVGNS,"defs"),s=t.Utils.uniqueKey()+"-";this.insertDom(i,this._pointContainer.dom),i.appendChild(this._upperClip=t.Dom.createClipRect(e,s+"upper")),i.appendChild(this._lowerClip=t.Dom.createClipRect(e,s+"lower"))}const s=this._upperClip.firstElementChild,o=this._lowerClip.firstElementChild;this._inverted?(t.Dom.setBounds(s,0,-e,i,e-r),t.Dom.setBounds(o,0,-r,i,e)):(t.Dom.setBounds(s,0,0,e,i-r),t.Dom.setBounds(o,0,i-r,e,r)),this._info.upperClip=this._upperClip.id,this._info.lowerClip=this._lowerClip.id}}_layoutPoint(e,i,s,r,o,n){const a=e.point,h=this.model.getFigure();this._needMask=h&&this._info.both,e.wPoint=o*t.pickNum(a.width,1),e.hPoint=n,e.x=s,h?e.renderSvg(this._info,s,r,h,this._model.getFigureWidth(o)):e.renderImage(this._info,s,r,this._model.getImage(a),this._model.getFigureWidth(o))}setHoverStyle(e){if(super.setHoverStyle(e),this._needMask){const i=getComputedStyle(e.dom),s="none"!==i.stroke?parseFloat(i.strokeWidth):0;if(this._hoverFigureView.parent.setVis(s>0&&this._info.gap<s)){t.Dom.setImportantStyle(e.dom.style,"stroke-width",t.pixel(s+s/2|0));let i=0,r=0;switch(e._dir){case"top":case"right":r=-s/2;break;case"bottom":case"left":r=s/2}this._hoverBoxView.setAttribute("transform",`translate(${i}, ${r})`)}}}focusPointView(e,t){t&&this._needMask?this.$_showHoverView(this._hoverPoint=e).setVis(!0):this._hoverFigureView&&(this._hoverFigureView.parent.setVis(!1),this._hoverPoint=null)}_renderSeries(e,t){super._renderSeries(e,t),this._hoverPoint&&this._hoverFigureView&&this._hoverFigureView.parent.visible&&this.$_showHoverView(this._hoverPoint)}$_showHoverView(e){let i=this._hoverFigureView;if(!i){const e=this.doc;let s;this.add(new t.RcElement(e,"")).add(i=this._hoverFigureView=new t.RcElement(e,"")),i.parent.dom.style.pointerEvents="none",i.appendDom(s=e.createElementNS(t.SVGNS,"path")),s.style.stroke="none",i.parent.appendDom(s=this._hoverBoxView=e.createElementNS(t.SVGNS,"path")),s.style.stroke="none"}const s=i.dom.firstElementChild,r=this._hoverBoxView;return i.parent.setAttr("clip-path",this._pointContainer.getAttr("clip-path")),i.setAttr("clip-path",e._figureLayer.getAttr("clip-path")),s.setAttribute("d",e._figureView.getAttr("d")),s.style.fill=getComputedStyle(e._figureView.dom).fill,s.setAttribute("transform",e._figureView.getTransform()),t.Dom.setVisible(r,e._boxView.visible)&&(r.setAttribute("d",e._boxView.getAttr("d")),r.style.fill=getComputedStyle(e._boxView.dom).fill),this._inverted&&i.parent.setAttr("transform",`rotate(90) translate(${this.height},0) scale(-1, 1)`),i}}class p extends t.PointElement{getTooltipPos(){return{x:this.point.xPos+this.parent.parent.tx,y:this.point.yPos+this.parent.parent.ty}}}class m extends t.WidgetSeriesView{constructor(e){super(e,"rct-pictorial-series");const i=t.Utils.uniqueKey()+"-",s=i+"figure",r=i+"clip",o=i+"hover";this._figurelView=e.createElementNS(t.SVGNS,"use"),this._figurelView.setAttribute("href",`#${s}`),this._figurelView.setAttribute("class","rct-pictorial-series-figure"),this.insertDom(this._figurelView,this._pointContainer.dom);const n=e.createElementNS(t.SVGNS,"defs");this.insertDom(n,this._figurelView),this._sourceView=new t.PathElement(e),this._sourceView.setAttr("vector-effect","non-scaling-stroke"),this._sourceView.dom.id=s,n.appendChild(this._sourceView.dom);const a=e.createElementNS(t.SVGNS,"use"),h=e.createElementNS(t.SVGNS,"clipPath"),l=e.createElementNS(t.SVGNS,"clipPath");a.setAttribute("href",`#${s}`),h.appendChild(a),h.id=r,n.appendChild(h),l.appendChild(this._hoverRect=e.createElementNS(t.SVGNS,"path")),l.id=o,n.appendChild(l),this._hoverView=e.createElementNS(t.SVGNS,"use"),this._hoverView.setAttribute("href",`#${s}`),this._hoverView.setAttribute("clip-path",`url(#${o}`),this._hoverView.style.stroke="none",this._hoverView.style.fill="none",this.appendDom(this._hoverView),this._pointContainer.add(this._sliceLayer=new t.LayerElement(e,null)),this._pointContainer.setAttr("clip-path",`url(#${r})`),this._slices=new t.ElementPool(this._sliceLayer,p),this.add(this._lineContainer=new t.PointLabelLineContainer(e))}_getPointPool(){return this._slices}getClipContainer(){return null}_prepareSeries(e,t){super._prepareSeries(e,t),this.$_prepareSlices(e,t,this._visPoints),this._lineContainer.prepare(t)}_renderSeries(e,i){this.$_renderFigure(this._sourceView,this._model,e,i);const s=this._visPoints,r=this.model.getCenter(e,i),o=this._figurelView.getBoundingClientRect(),n=r.x-o.width/2,a=r.y-o.height/2,h=`translate(${n},${a})`;t.Dom.hasFill(this._figurelView)||(this._figurelView.style.fill="transparent"),this._figurelView.setAttribute("transform",h),this._hoverView.setAttribute("transform",h),o.x=n,o.y=a,this.$_layoutSlices(s,o,e,i),this._pointContainer.trans(n,a),this._labelContainer.trans(n,a),this._lineContainer.trans(n,a),this.resize(o.width,o.height),this._rSave=o,this._wSave=e,this._hSave=i}_runShowEffect(e){const i=this.model.options.reversed;e&&t.SeriesAnimation.reveal(this,{from:"column"===this.model.options.direction?i?"right":"left":i?"top":"bottom",view:this._sliceLayer})}_refreshZombie(){this.$_layoutSlices(this._visPoints,this._rSave,this._wSave,this._hSave),this._hoverPoint&&!t.Dom.isHidden(this._hoverView)&&this.$_showHoverView(this._hoverPoint)}_animationStarted(e){super._animationStarted(e),this._lineContainer.setVis(this._labelContainer.visible)}setHoverStyle(e){super.setHoverStyle(e);const i=getComputedStyle(e.dom),s="none"!==i.stroke&&parseFloat(i.strokeWidth)>0;t.Dom.setVisible(this._hoverView,s)&&Object.assign(this._hoverView.style,{stroke:i.stroke,strokeWidth:i.strokeWidth,strokeDasharray:i.strokeDasharray})}focusPointView(e,t){this._hoverView.style.display=t?"":"none",t&&this.$_showHoverView(e),this._hoverPoint=t?e:null}$_showHoverView(e){this._hoverRect.setAttribute("d",e.getAttr("d"))}$_prepareSlices(e,t,i){this._slices.prepare(i.length,((s,r)=>{const o=s.point=i[r];this._preparePoint(e,t,o,s)}))}$_renderFigure(e,i,s,r){let o,n;e.setPath(i.paths),o=e.getBBox(),n=i.getPictorialSize(o,s,r),e.scale(n.width/o.width,n.height/o.height),t.isIE&&this.$_prepareOutline(this._sourceView.dom,s,r,n.width/o.width,n.height/o.height)}$_layoutSlices(e,t,i,s){const r=this._model,o=r.pointLabel,n=r.options.reversed;this.$_calcRates(e),this._lineContainer.setStyleOrClass(o.connector.options.style),"column"===r.options.direction?this.$_renderHorz(n,t,s):this.$_renderVert(n,t,i)}$_calcRates(e){const i=this._zombie,s=this._zombieRate,r=e.length;let o=this.model.getTotal();isNaN(o)&&(o=e.filter((e=>(e.visible||e===i)&&!e.isNull)).map((e=>e.yValue*(e===i?s:e._isDeleted()?e._vr:1))).reduce(((e,t)=>e+t),0)),r>1||r>0&&!i?1==r&&e[0]._isDeleted()||1===r&&e[0]._vr<1?e[0].yRate=1:e.forEach((e=>{const r=t.fixnum(e.yValue*(e===i?s:e._isDeleted()?e._vr:1)/o)||0;e.yRate=r})):1==r&&(e[0].yRate=t.fixnum(s))}$_createLabelInfo(e){const{a:t,d:i}=e.getCTM(),{width:s,height:r}=e.getBBox();return{dom:e,sx:t,sy:i,wFigure:s,hFigure:r}}$_renderVert(e,i,s){const r=this.model,o=i.width,n=i.height,a=this._labelViews(),h=r.pointLabel,l="inside"===r.getLabelPos(h),c=h.getOffset(),d=h.getDistance(),u=h.getAlign(),_=null==a?void 0:a.textAlign(),g=[],p=h.options.opposite,m=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,f=new t.PathBuilder,y=r.getCenter(s,n).x-i.x,w=o/2;let P=e?0:n;const V=a?a.getWidth(0):0,S=g&&!l&&this.$_createLabelInfo(this._sourceView.dom);let b,v;this._slices.forEach((r=>{const h=r.point;if(r.setVis(!h.isNull)){const x=n*h.yRate;if(e?(r.setPath(t.SvgShapes.rectangle(0,P,o,x)),h.yPos=P+x/2,P+=x):(h.yPos=P-x/2,P-=x,r.setPath(t.SvgShapes.rectangle(0,P,o,x))),h.xPos=w,v=null==m?void 0:m.get(h),a&&(b=a.get(h,0))&&b.visible){if(l){const e=b.isDomAnimating(),t=b.getBBox();!e&&b.layout(_||"center"),null==v||v.setVis(!1),b.trans(h.xPos-t.width/2,h.yPos-t.height/2)}else-1===u?this.$_layoutLabelNearVert(S,r,b,_,p,v,f,o,y,c,d):1==u?this.$_layoutLabelFarVert(S,r,b,_,p,v,f,c,d,V,i,s):this.$_layoutLabelOutVert(S,r,b,_,p,v,f,c,d);b.setContrast(l&&r.dom),g.push(b),b.setPosY(b.ty)}else v&&v.setVis(!1)}}))}$_renderHorz(e,i,s){const r=this.model,o=i.width,n=i.height,a=this._labelViews(),h=r.pointLabel,l="inside"===r.getLabelPos(h),c=h.getOffset(),d=h.getDistance(),u=h.getAlign(),_=null==a?void 0:a.textAlign(),g=[],p=h.options.opposite,m=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,f=new t.PathBuilder,y=r.getCenter(o,s).y-i.y,w=n/2,P=a?a.getWidth(0):0,V=g&&!l&&this.$_createLabelInfo(this._sourceView.dom);let S,b,v=e?o:0;this._slices.forEach((r=>{const h=r.point;if(r.setVis(!h.isNull)){const x=o*h.yRate;if(e?(h.xPos=v-x/2,v-=x,r.setPath(t.SvgShapes.rectangle(v,0,x,n))):(h.xPos=v+x/2,r.setPath(t.SvgShapes.rectangle(v,0,x,n)),v+=x),h.yPos=w,b=null==m?void 0:m.get(h),a&&(S=a.get(h,0))&&S.visible){if(l){const e=S.isDomAnimating(),t=S.getBBox();!e&&S.layout(_||"center"),S.trans(h.xPos-t.width/2,h.yPos-t.height/2),null==b||b.setVis(!1)}else-1===u?this.$_layoutLabelNearHorz(V,r,S,_,p,b,f,n,y,c,d):1==u?this.$_layoutLabelFarHorz(V,r,S,_,p,b,f,c,d,P,i,s):this.$_layoutLabelOutHorz(V,r,S,_,p,b,f,c,d);S.setContrast(l&&r.dom),g.push(S),S.setPosY(S.ty)}else b&&b.setVis(!1)}}))}$_prepareOutline(e,i,s,r,o){const n=+new Date,a=this.control.canvasCtx(),h=e.getTotalLength(),l=t.maxv(1,Math.round(h/500));let c;a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,i,s),a.scale(r,o),a.fillStyle="red",a.beginPath(),c=e.getPointAtLength(0),a.moveTo(c.x,c.y);for(let t=0;t<h;t+=l)c=e.getPointAtLength(t),a.lineTo(c.x,c.y);a.closePath(),a.fill(),console.log("canvas",+new Date-n,"ms.")}$_calcLabelPosVert(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{wFigure:o,sx:n}=e,a=2*(e.sx<0?1:1/e.sx);let h=i?0:e.wFigure;if(r.y=t.point.yPos/e.sy,i){for(;h<o;h+=a)if(r.x=h,s.isPointInFill(r))return h>0&&(r.x-=a/2,s.isPointInFill(r)&&(h=r.x)),h*n}else for(;h>=0;h-=a)if(r.x=h,s.isPointInFill(r))return h<o&&(r.x+=a/2,s.isPointInFill(r)&&(h=r.x)),h*n;return e.wFigure*e.sx/2}$_calcLabelPosVertIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{wFigure:o,sx:n}=e,a=2*(n<0?1:1/n);let h=r.y=t.point.yPos,l=i?0:o*n;if(i){for(const e=o*n;l<e;l+=a)if(r.x=l,s.isPointInPath(r.x,h))return l>0&&(r.x-=a/2,s.isPointInPath(r.x,h)&&(l=r.x)),l}else for(;l>=0;l-=a)if(r.x=l,s.isPointInPath(l,h))return l<o*n&&(r.x+=a/2,s.isPointInPath(r.x,h)&&(l=r.x)),l;return o/2}$_layoutLabelOutVert(e,i,s,r,o,n,a,h,l){const c=i.point,d=s.isDomAnimating(),u=s.getBBox(),_=c.yPos;!d&&s.layout(r||(o?"right":"left"));let g=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);n&&(o?n.setLine(a.reset(0,0).line(-l,0).end()):n.setLine(a.reset(0,0).line(l,0).end()),n.trans(g,_)),o?g-=l+h+u.width:g+=l+h,s.trans(g,_-u.height/2)}$_layoutLabelNearVert(e,i,s,r,o,n,a,h,l,c,d){const u=i.point,_=s.isDomAnimating(),g=s.getBBox(),p=u.yPos;!_&&s.layout(r||(o?"right":"left"));const m=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);let f=l;o?f-=h/2:f+=h/2,n&&(o?n.setLine(a.reset(0,0).line(f-m-d,0).end()):n.setLine(a.reset(0,0).line(f+d-m,0).end()),n.trans(m,p)),o?f-=c+d+g.width:f+=d+c,s.trans(f,p-g.height/2)}$_layoutLabelFarVert(e,i,s,r,o,n,a,h,l,c,d,u){const _=i.point,g=s.isDomAnimating(),p=s.getBBox(),m=_.yPos;!g&&s.layout(r||(o?"right":"left"));const f=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);let y;y=o?l+h+c-d.x:u-d.x-l-c-h,n&&(o?n.setLine(a.reset(0,0).line(y-f-l,0).end()):n.setLine(a.reset(0,0).line(y+l-f,0).end()),n.trans(f,m)),o?y-=h+l+p.width:y+=l+h,s.trans(y,m-p.height/2)}$_calcLabelPosHorz(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{hFigure:o,sy:n}=e,a=2*(e.sy<0?1:1/e.sy);let h=i?e.hFigure:0;if(r.x=t.point.xPos/e.sx,i){for(;h>=0;h-=a)if(r.y=h,s.isPointInFill(r))return h<e.hFigure&&(r.y+=a/2,s.isPointInFill(r)&&(h=r.y)),h*n}else for(;h<o;h+=a)if(r.y=h,s.isPointInFill(r))return h>0&&(r.y-=a/2,s.isPointInFill(r)&&(h=r.y)),h*n;return e.hFigure*e.sy/2}$_calcLabelPosHorzIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{hFigure:o,sy:n}=e,a=2*(e.sy<0?1:1/e.sy);let h=r.x=t.point.xPos,l=i?o*n:0;if(i){for(;l>=0;l-=a)if(r.y=l,s.isPointInPath(h,r.y))return l<o*n&&(r.y+=a/2,s.isPointInPath(h,r.y)&&(l=r.y)),l}else for(;l<o;l+=a)if(r.y=l,s.isPointInPath(h,r.y))return l>0&&(r.y-=a/2,s.isPointInPath(h,r.y)&&(l=r.y)),l;return e.hFigure*e.sy/2}$_layoutLabelOutHorz(e,i,s,r,o,n,a,h,l){const c=i.point,d=s.isDomAnimating(),u=s.getBBox(),_=c.xPos;!d&&s.layout(r);let g=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o);n&&(o?n.setLine(a.reset(0,0).line(0,l).end()):n.setLine(a.reset(0,0).line(0,-l).end()),n.trans(_,g)),o?g+=l+h:g-=l+h,s.trans(_-u.width/2,o?g:g-u.height)}$_layoutLabelNearHorz(e,i,s,r,o,n,a,h,l,c,d){const u=i.point,_=s.isDomAnimating(),g=s.getBBox(),p=u.xPos;!_&&s.layout(r||(o?"right":"left"));let m=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o),f=l;o?f+=h/2:f-=h/2,n&&(o?n.setLine(a.reset(0,0).line(0,f+d-m).end()):n.setLine(a.reset(0,0).line(0,f-m-d).end()),n.trans(p,m)),o?f+=d+c:f-=c+d+g.height,s.trans(p-g.width/2,f)}$_layoutLabelFarHorz(e,i,s,r,o,n,a,h,l,c,d,u){const _=i.point,g=s.isDomAnimating(),p=s.getBBox(),m=_.xPos;!g&&s.layout(r||(o?"right":"left"));const f=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o);let y;y=o?u-d.y-l-c-h:l+h+c-d.y,n&&(o?n.setLine(a.reset(0,0).line(0,y+l-f).end()):n.setLine(a.reset(0,0).line(0,y-f-l).end()),n.trans(m,f)),o?y+=l+h:y-=h+l+p.height,s.trans(m-p.width/2,y)}}function f(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(r),e.Series.register(h),e.Series.register(u),e.SeriesView.register([r,n]),e.SeriesView.register([h,g]),e.SeriesView.register([u,m]))}f(s),e.PictogramSeries=r,e.PictorialBarSeries=h,e.PictorialSeries=u,e.default=f,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
7
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RealChartPictogram={},e.RealChart)}(this,(function(e,t){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var s=i(t);class r extends t.BasedSeries{_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}}r.type=t.PictogramSeriesType,r.defaults=t.extend(t.BasedSeries.defaults,{iconGap:2,integral:!1,integralThreshold:.5});class o extends t.RcElement{constructor(e){super(e,t.SeriesView.POINT_CLASS),this.add(this._back=new t.RectElement(e)),this._back.setTransparent(!0)}preppareIcons(e,t,i,s){}layout(e,t,i){const s=this.wPoint,r=this.hPoint;t-=s/2,r<0&&(e=e.map((e=>-e))),this._back.setBounds(t,i-r,s,r)}}class n extends t.BasedSeriesView{constructor(e){super(e,"rct-pictogram-series"),this._bars=new t.ElementPool(this._pointContainer,o)}_getPointPool(){return this._bars}_preparePoints(e,t,i){}_layoutPoint(e,t,i,s,r,o){}}class a extends t.BarSeriesPoint{_readObject(e,i){super._readObject(e,i),this.figure=t.pickProp(e._figureFielder(i),i.figure)}_readArray(e,t){super._readArray(e,t);const i=+e.options.figureField;isNaN(i)||(this.figure=t[i])}}class h extends t.BarSeriesBase{getMode(){return this._mode}getFigure(){return this._figurePath}getImage(e){let t=e.figure;return"number"==typeof t&&(t=this._imageUrls[t]),!t&&this._op.figureByPoint&&(t=this._imageUrls[e.vindex%this._imageUrls.length]),this._imageRoot+(t||this._imageUrls[0])}getFigureWidth(e){return t.calcPercent(this._widthDim,e,e)}getFigureGap(){return this._figureGap}_createPoint(e){return new a(e)}_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}_doApply(e){super._doApply(e),this._figureFielder=this._createFielder(e.figureField||"figure"),this._figurePath=t.isArray(e.figurePath)?e.figurePath.join(" "):e.figurePath;const i=e.figureImage;t.isArray(i)?this._imageUrls=i.slice(0):t.isString(i)?this._imageUrls=[i]:this._imageUrls=[],this._imageRoot=t.isString(e.figureImageRoot)?e.figureImageRoot:"",this._mode="both"===e.mode||"figure"===e.mode?e.mode:e.figurePath?"both":"figure",this._figureGap=t.pickNum(e.figureGap,0),this._widthDim=t.parsePercentSize(e.figureWidth,!0)}}h.type=t.PictorialBarSeriesType,h.defaults=t.extend(t.BarSeriesBase.defaults,{mode:"auto",figureWidth:"100%"});class l extends t.WidgetSeriesPoint{}class c extends l{constructor(e,t){super(e),this.points=t}}class d extends t.WidgetSeriesLabel{getDistance(){return isNaN(this._op.distance)?"far"===this._op.align?d.ENDED_DIST:d.OUTSIDE_DIST:this._op.distance||0}}d.OUTSIDE_DIST=25,d.ENDED_DIST=10;class u extends t.WidgetSeries{get paths(){return this._paths}getPictorialSize(e,i,s){const r=t.calcPercent(this._sizeDim,1),o=t.minv(i*r/e.width,s*r/e.height);return{width:t.pickNum(t.calcPercent(this._widthDim,i),e.width*o),height:t.pickNum(t.calcPercent(this._heightDim,s),e.height*o)}}get pointLabel(){return this._pointLabel}_createLabel(e){return new d(e)}_createPoint(e){return new l(e)}_createOthersPoint(e,t){return e.y=t.map((e=>e.y)).reduce(((e,t)=>e+t)),new c(e,t)}needClip(e){return!1}getTotal(){const e=super.getSum();return Math.max(e,t.calcPercent(this._totalDim,e))}getSum(){const e=super.getSum(),i=t.calcPercent(this._totalDim,e);return Math.max(e,t.pickNum(i,e))}_doApply(e){super._doApply(e),this._paths=t.isArray(e.figure)?e.figure:[e.figure||""],this._setDims(e,"total","width","height"),this._sizeDim=t.parsePercentSize(e.size||"80%",!1)}_createLegendMarker(e,i){return t.RectElement.create(e,t.Series.LEGEND_MARKER,0,0,i,i,2)}}u.type=t.PictorialSeriesType,u.defaults=t.extend(t.WidgetSeries.defaults,{size:"90%",reversed:!1});class _ extends t.BoxPointElementEx{constructor(e){super(e),this.add(this._figureLayer=new t.RcElement(e,"")),this._figureLayer.add(this._figureView=new t.PathElement(e,"")),this.add(this._imageLayer=new t.RcElement(e,"")),this._imageLayer.add(this._imageView=new t.ImageElement(e,!1,"")),this._imageView.setAttr("preserveAspectRatio","none"),this.add(this._boxView=new t.PathElement(e,"")),this._figureView.setAttr("vector-effect","non-scaling-stroke")}renderSvg(e,t,i,s,r){const o=this._figureView;let n;this._imageLayer.setVis(!1),this._figureLayer.setVis(!0),o.scale(1),o.setPath(s),n=o.getBounds(),e.both?o.scale(r/(e.inverted?n.height:n.width)):e.inverted?o.scale(r/n.height,(e.reversed?-1:1)*this.hPoint/n.width):o.scale(r/n.width,(e.reversed?-1:1)*this.hPoint/n.height),this.$_layoutFigure(e,this._figureLayer,this._figureView,t,i)}renderImage(e,t,i,s,r){const o=this._imageView;this._figureLayer.setVis(!1),this._imageLayer.setVis(!0),o.url=s,o.width=r,o.height=e.both?void 0:Math.abs(this.hPoint),this.$_layoutFigure(e,this._imageLayer,o,t,i)}$_layoutFigure(e,i,s,r,o){const n=s.getBounds(),a=!e.upperClip;let h=this.hPoint,l=!1;e.inverted?e.reversed?a?(s.trans(r+n.height/2,o-h),this._dir="left"):h<0?(s.trans(r+n.height/2,-e.yBase-h),this._dir="left"):(s.trans(r-n.height/2,-e.yBase-h),this._dir="right"):a?(s.trans(r-n.height/2,-h),this._dir="right"):h<0?(s.trans(r+n.height/2,-e.yBase-h),this._dir="left"):(s.trans(r-n.height/2,-e.yBase-h),this._dir="right"):e.reversed?a?(s.trans(r+n.width/2,-h),this._dir="bottom"):h<0?(s.trans(r+n.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(s.trans(r-n.width/2,e.yLen-e.yBase-h),this._dir="top"):a?(s.trans(r-n.width/2,o-h),this._dir="top"):h<0?(s.trans(r+n.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(s.trans(r-n.width/2,e.yLen-e.yBase-h),this._dir="top"),a?(s.rotate(e.reversed?180:0),i.removeAttr("clip-path")):(l=this.point.yValue<e.base,e.reversed&&(l=!l),t.Dom.setClipPath(i.dom,l?e.lowerClip:e.upperClip),s.rotate(l?180:0)),this._boxView.setVis(e.both)&&(l||(l=a&&e.reversed),h-=(l?-1:1)*((e.inverted?n.width:n.height)+e.gap),this.$_layoutBox(e,l,r,o,h))}$_layoutBox(e,i,s,r,o){this._boxView.setVis(i?o<0:o>0)&&this._boxView.setPath(t.SvgShapes.bar(s-this.wPoint/2,r,this.wPoint,-o,e.rTop,e.rBottom))}}class g extends t.BarSeriesViewBase{constructor(e){super(e,"rct-pictorialbar-series")}_createBarPool(e,i){return new t.ElementPool(e,_)}_prepareLayoutPoints(e,i){const s=this.model,r=this._yBase,o=this._baseVal>s._yAxisObj.axisMin();if(this._info={inverted:this._inverted,reversed:this._yReversed,base:this._baseVal,yBase:r,both:"both"===s.getMode(),gap:s.getFigureGap(),yLen:this._yLen,rTop:+s.options.topRadius||0,rBottom:+s.options.bottomRadius||0,upperClip:"",lowerClip:""},o){if(!this._upperClip){const e=this.doc,i=this.dom.querySelector("defs")||e.createElementNS(t.SVGNS,"defs"),s=t.Utils.uniqueKey()+"-";this.insertDom(i,this._pointContainer.dom),i.appendChild(this._upperClip=t.Dom.createClipRect(e,s+"upper")),i.appendChild(this._lowerClip=t.Dom.createClipRect(e,s+"lower"))}const s=this._upperClip.firstElementChild,o=this._lowerClip.firstElementChild;this._inverted?(t.Dom.setBounds(s,0,-e,i,e-r),t.Dom.setBounds(o,0,-r,i,e)):(t.Dom.setBounds(s,0,0,e,i-r),t.Dom.setBounds(o,0,i-r,e,r)),this._info.upperClip=this._upperClip.id,this._info.lowerClip=this._lowerClip.id}}_layoutPoint(e,i,s,r,o,n){const a=e.point,h=this.model.getFigure();this._needMask=h&&this._info.both,e.wPoint=o*t.pickNum(a.width,1),e.hPoint=n,e.x=s,h?e.renderSvg(this._info,s,r,h,this._model.getFigureWidth(o)):e.renderImage(this._info,s,r,this._model.getImage(a),this._model.getFigureWidth(o))}setHoverStyle(e){if(super.setHoverStyle(e),this._needMask){const i=getComputedStyle(e.dom),s="none"!==i.stroke?parseFloat(i.strokeWidth):0;if(this._hoverFigureView.parent.setVis(s>0&&this._info.gap<s)){t.Dom.setImportantStyle(e.dom.style,"stroke-width",t.pixel(s+s/2|0));let i=0,r=0;switch(e._dir){case"top":case"right":r=-s/2;break;case"bottom":case"left":r=s/2}this._hoverBoxView.setAttribute("transform",`translate(${i}, ${r})`)}}}focusPointView(e,t){t&&this._needMask?this.$_showHoverView(this._hoverPoint=e).setVis(!0):this._hoverFigureView&&(this._hoverFigureView.parent.setVis(!1),this._hoverPoint=null)}_renderSeries(e,t){super._renderSeries(e,t),this._hoverPoint&&this._hoverFigureView&&this._hoverFigureView.parent.visible&&this.$_showHoverView(this._hoverPoint)}$_showHoverView(e){let i=this._hoverFigureView;if(!i){const e=this.doc;let s;this.add(new t.RcElement(e,"")).add(i=this._hoverFigureView=new t.RcElement(e,"")),i.parent.dom.style.pointerEvents="none",i.appendDom(s=e.createElementNS(t.SVGNS,"path")),s.style.stroke="none",i.parent.appendDom(s=this._hoverBoxView=e.createElementNS(t.SVGNS,"path")),s.style.stroke="none"}const s=i.dom.firstElementChild,r=this._hoverBoxView;return i.parent.setAttr("clip-path",this._pointContainer.getAttr("clip-path")),i.setAttr("clip-path",e._figureLayer.getAttr("clip-path")),s.setAttribute("d",e._figureView.getAttr("d")),s.style.fill=getComputedStyle(e._figureView.dom).fill,s.setAttribute("transform",e._figureView.getTransform()),t.Dom.setVisible(r,e._boxView.visible)&&(r.setAttribute("d",e._boxView.getAttr("d")),r.style.fill=getComputedStyle(e._boxView.dom).fill),this._inverted&&i.parent.setAttr("transform",`rotate(90) translate(${this.height},0) scale(-1, 1)`),i}}class p extends t.PointElement{getTooltipPos(){return{x:this.point.xPos+this.parent.parent.tx,y:this.point.yPos+this.parent.parent.ty}}}class m extends t.WidgetSeriesView{constructor(e){super(e,"rct-pictorial-series");const i=t.Utils.uniqueKey()+"-",s=i+"figure",r=i+"clip",o=i+"hover";this._figurelView=e.createElementNS(t.SVGNS,"use"),this._figurelView.setAttribute("href",`#${s}`),this._figurelView.setAttribute("class","rct-pictorial-series-figure"),this.insertDom(this._figurelView,this._pointContainer.dom);const n=e.createElementNS(t.SVGNS,"defs");this.insertDom(n,this._figurelView),this._sourceView=new t.PathElement(e),this._sourceView.setAttr("vector-effect","non-scaling-stroke"),this._sourceView.dom.id=s,n.appendChild(this._sourceView.dom);const a=e.createElementNS(t.SVGNS,"use"),h=e.createElementNS(t.SVGNS,"clipPath"),l=e.createElementNS(t.SVGNS,"clipPath");a.setAttribute("href",`#${s}`),h.appendChild(a),h.id=r,n.appendChild(h),l.appendChild(this._hoverRect=e.createElementNS(t.SVGNS,"path")),l.id=o,n.appendChild(l),this._hoverView=e.createElementNS(t.SVGNS,"use"),this._hoverView.setAttribute("href",`#${s}`),this._hoverView.setAttribute("clip-path",`url(#${o}`),this._hoverView.style.stroke="none",this._hoverView.style.fill="none",this.appendDom(this._hoverView),this._pointContainer.add(this._sliceLayer=new t.LayerElement(e,null)),this._pointContainer.setAttr("clip-path",`url(#${r})`),this._slices=new t.ElementPool(this._sliceLayer,p),this.add(this._lineContainer=new t.PointLabelLineContainer(e))}_getPointPool(){return this._slices}getClipContainer(){return null}_prepareSeries(e,t){super._prepareSeries(e,t),this.$_prepareSlices(e,t,this._visPoints),this._lineContainer.prepare(t)}_renderSeries(e,i){this.$_renderFigure(this._sourceView,this._model,e,i);const s=this._visPoints,r=this.model.getCenter(e,i),o=this._figurelView.getBoundingClientRect(),n=r.x-o.width/2,a=r.y-o.height/2,h=`translate(${n},${a})`;t.Dom.hasFill(this._figurelView)||(this._figurelView.style.fill="transparent"),this._figurelView.setAttribute("transform",h),this._hoverView.setAttribute("transform",h),o.x=n,o.y=a,this.$_layoutSlices(s,o,e,i),this._pointContainer.trans(n,a),this._labelContainer.trans(n,a),this._lineContainer.trans(n,a),this.resize(o.width,o.height),this._rSave=o,this._wSave=e,this._hSave=i}_runShowEffect(e){const i=this.model.options.reversed;e&&t.SeriesAnimation.reveal(this,{from:"column"===this.model.options.direction?i?"right":"left":i?"top":"bottom",view:this._sliceLayer})}_refreshZombie(){this.$_layoutSlices(this._visPoints,this._rSave,this._wSave,this._hSave),this._hoverPoint&&!t.Dom.isHidden(this._hoverView)&&this.$_showHoverView(this._hoverPoint)}_animationStarted(e){super._animationStarted(e),this._lineContainer.setVis(this._labelContainer.visible)}setHoverStyle(e){super.setHoverStyle(e);const i=getComputedStyle(e.dom),s="none"!==i.stroke&&parseFloat(i.strokeWidth)>0;t.Dom.setVisible(this._hoverView,s)&&Object.assign(this._hoverView.style,{stroke:i.stroke,strokeWidth:i.strokeWidth,strokeDasharray:i.strokeDasharray})}focusPointView(e,t){this._hoverView.style.display=t?"":"none",t&&this.$_showHoverView(e),this._hoverPoint=t?e:null}$_showHoverView(e){this._hoverRect.setAttribute("d",e.getAttr("d"))}$_prepareSlices(e,t,i){this._slices.prepare(i.length,((s,r)=>{const o=s.point=i[r];this._preparePoint(e,t,o,s)}))}$_renderFigure(e,i,s,r){let o,n;e.setPath(i.paths),o=e.getBBox(),n=i.getPictorialSize(o,s,r),e.scale(n.width/o.width,n.height/o.height),t.isIE&&this.$_prepareOutline(this._sourceView.dom,s,r,n.width/o.width,n.height/o.height)}$_layoutSlices(e,t,i,s){const r=this._model,o=r.pointLabel,n=r.options.reversed;this.$_calcRates(e),this._lineContainer.setStyleOrClass(o.connector.options.style),"column"===r.options.direction?this.$_renderHorz(n,t,s):this.$_renderVert(n,t,i)}$_calcRates(e){const i=this._zombie,s=this._zombieRate,r=e.length;let o=this.model.getTotal();isNaN(o)&&(o=e.filter((e=>(e.visible||e===i)&&!e.isNull)).map((e=>e.yValue*(e===i?s:e._isDeleted()?e._vr:1))).reduce(((e,t)=>e+t),0)),r>1||r>0&&!i?1==r&&e[0]._isDeleted()||1===r&&e[0]._vr<1?e[0].yRate=1:e.forEach((e=>{const r=t.fixnum(e.yValue*(e===i?s:e._isDeleted()?e._vr:1)/o)||0;e.yRate=r})):1==r&&(e[0].yRate=t.fixnum(s))}$_createLabelInfo(e){const{a:t,d:i}=e.getCTM(),{width:s,height:r}=e.getBBox();return{dom:e,sx:t,sy:i,wFigure:s,hFigure:r}}$_renderVert(e,i,s){const r=this.model,o=i.width,n=i.height,a=this._labelViews(),h=r.pointLabel,l="inside"===r.getLabelPos(h),c=h.getOffset(),d=h.getDistance(),u=h.getAlign(),_=null==a?void 0:a.textAlign(),g=[],p=h.options.opposite,m=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,f=new t.PathBuilder,y=r.getCenter(s,n).x-i.x,w=o/2;let P=e?0:n;const V=a?a.getWidth(0):0,S=g&&!l&&this.$_createLabelInfo(this._sourceView.dom);let b,v;this._slices.forEach((r=>{const h=r.point;if(r.setVis(!h.isNull)){const x=n*h.yRate;if(e?(r.setPath(t.SvgShapes.rectangle(0,P,o,x)),h.yPos=P+x/2,P+=x):(h.yPos=P-x/2,P-=x,r.setPath(t.SvgShapes.rectangle(0,P,o,x))),h.xPos=w,v=null==m?void 0:m.get(h),a&&(b=a.get(h,0))&&b.visible){if(l){const e=b.isDomAnimating(),t=b.getBBox();!e&&b.layout(_||"center"),null==v||v.setVis(!1),b.trans(h.xPos-t.width/2,h.yPos-t.height/2)}else-1===u?this.$_layoutLabelNearVert(S,r,b,_,p,v,f,o,y,c,d):1==u?this.$_layoutLabelFarVert(S,r,b,_,p,v,f,c,d,V,i,s):this.$_layoutLabelOutVert(S,r,b,_,p,v,f,c,d);b.setContrast(l&&r.dom),g.push(b),b.setPosY(b.ty)}else v&&v.setVis(!1)}}))}$_renderHorz(e,i,s){const r=this.model,o=i.width,n=i.height,a=this._labelViews(),h=r.pointLabel,l="inside"===r.getLabelPos(h),c=h.getOffset(),d=h.getDistance(),u=h.getAlign(),_=null==a?void 0:a.textAlign(),g=[],p=h.options.opposite,m=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,f=new t.PathBuilder,y=r.getCenter(o,s).y-i.y,w=n/2,P=a?a.getWidth(0):0,V=g&&!l&&this.$_createLabelInfo(this._sourceView.dom);let S,b,v=e?o:0;this._slices.forEach((r=>{const h=r.point;if(r.setVis(!h.isNull)){const x=o*h.yRate;if(e?(h.xPos=v-x/2,v-=x,r.setPath(t.SvgShapes.rectangle(v,0,x,n))):(h.xPos=v+x/2,r.setPath(t.SvgShapes.rectangle(v,0,x,n)),v+=x),h.yPos=w,b=null==m?void 0:m.get(h),a&&(S=a.get(h,0))&&S.visible){if(l){const e=S.isDomAnimating(),t=S.getBBox();!e&&S.layout(_||"center"),S.trans(h.xPos-t.width/2,h.yPos-t.height/2),null==b||b.setVis(!1)}else-1===u?this.$_layoutLabelNearHorz(V,r,S,_,p,b,f,n,y,c,d):1==u?this.$_layoutLabelFarHorz(V,r,S,_,p,b,f,c,d,P,i,s):this.$_layoutLabelOutHorz(V,r,S,_,p,b,f,c,d);S.setContrast(l&&r.dom),g.push(S),S.setPosY(S.ty)}else b&&b.setVis(!1)}}))}$_prepareOutline(e,i,s,r,o){const n=+new Date,a=this.control.canvasCtx(),h=e.getTotalLength(),l=t.maxv(1,Math.round(h/500));let c;a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,i,s),a.scale(r,o),a.fillStyle="red",a.beginPath(),c=e.getPointAtLength(0),a.moveTo(c.x,c.y);for(let t=0;t<h;t+=l)c=e.getPointAtLength(t),a.lineTo(c.x,c.y);a.closePath(),a.fill(),console.log("canvas",+new Date-n,"ms.")}$_calcLabelPosVert(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{wFigure:o,sx:n}=e,a=2*(e.sx<0?1:1/e.sx);let h=i?0:e.wFigure;if(r.y=t.point.yPos/e.sy,i){for(;h<o;h+=a)if(r.x=h,s.isPointInFill(r))return h>0&&(r.x-=a/2,s.isPointInFill(r)&&(h=r.x)),h*n}else for(;h>=0;h-=a)if(r.x=h,s.isPointInFill(r))return h<o&&(r.x+=a/2,s.isPointInFill(r)&&(h=r.x)),h*n;return e.wFigure*e.sx/2}$_calcLabelPosVertIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{wFigure:o,sx:n}=e,a=2*(n<0?1:1/n);let h=r.y=t.point.yPos,l=i?0:o*n;if(i){for(const e=o*n;l<e;l+=a)if(r.x=l,s.isPointInPath(r.x,h))return l>0&&(r.x-=a/2,s.isPointInPath(r.x,h)&&(l=r.x)),l}else for(;l>=0;l-=a)if(r.x=l,s.isPointInPath(l,h))return l<o*n&&(r.x+=a/2,s.isPointInPath(r.x,h)&&(l=r.x)),l;return o/2}$_layoutLabelOutVert(e,i,s,r,o,n,a,h,l){const c=i.point,d=s.isDomAnimating(),u=s.getBBox(),_=c.yPos;!d&&s.layout(r||(o?"right":"left"));let g=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);n&&(o?n.setLine(a.reset(0,0).line(-l,0).end()):n.setLine(a.reset(0,0).line(l,0).end()),n.trans(g,_)),o?g-=l+h+u.width:g+=l+h,s.trans(g,_-u.height/2)}$_layoutLabelNearVert(e,i,s,r,o,n,a,h,l,c,d){const u=i.point,_=s.isDomAnimating(),g=s.getBBox(),p=u.yPos;!_&&s.layout(r||(o?"right":"left"));const m=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);let f=l;o?f-=h/2:f+=h/2,n&&(o?n.setLine(a.reset(0,0).line(f-m-d,0).end()):n.setLine(a.reset(0,0).line(f+d-m,0).end()),n.trans(m,p)),o?f-=c+d+g.width:f+=d+c,s.trans(f,p-g.height/2)}$_layoutLabelFarVert(e,i,s,r,o,n,a,h,l,c,d,u){const _=i.point,g=s.isDomAnimating(),p=s.getBBox(),m=_.yPos;!g&&s.layout(r||(o?"right":"left"));const f=t.isIE?this.$_calcLabelPosVertIE(e,i,o):this.$_calcLabelPosVert(e,i,o);let y;y=o?l+h+c-d.x:u-d.x-l-c-h,n&&(o?n.setLine(a.reset(0,0).line(y-f-l,0).end()):n.setLine(a.reset(0,0).line(y+l-f,0).end()),n.trans(f,m)),o?y-=h+l+p.width:y+=l+h,s.trans(y,m-p.height/2)}$_calcLabelPosHorz(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{hFigure:o,sy:n}=e,a=2*(e.sy<0?1:1/e.sy);let h=i?e.hFigure:0;if(r.x=t.point.xPos/e.sx,i){for(;h>=0;h-=a)if(r.y=h,s.isPointInFill(r))return h<e.hFigure&&(r.y+=a/2,s.isPointInFill(r)&&(h=r.y)),h*n}else for(;h<o;h+=a)if(r.y=h,s.isPointInFill(r))return h>0&&(r.y-=a/2,s.isPointInFill(r)&&(h=r.y)),h*n;return e.hFigure*e.sy/2}$_calcLabelPosHorzIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{hFigure:o,sy:n}=e,a=2*(e.sy<0?1:1/e.sy);let h=r.x=t.point.xPos,l=i?o*n:0;if(i){for(;l>=0;l-=a)if(r.y=l,s.isPointInPath(h,r.y))return l<o*n&&(r.y+=a/2,s.isPointInPath(h,r.y)&&(l=r.y)),l}else for(;l<o;l+=a)if(r.y=l,s.isPointInPath(h,r.y))return l>0&&(r.y-=a/2,s.isPointInPath(h,r.y)&&(l=r.y)),l;return e.hFigure*e.sy/2}$_layoutLabelOutHorz(e,i,s,r,o,n,a,h,l){const c=i.point,d=s.isDomAnimating(),u=s.getBBox(),_=c.xPos;!d&&s.layout(r);let g=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o);n&&(o?n.setLine(a.reset(0,0).line(0,l).end()):n.setLine(a.reset(0,0).line(0,-l).end()),n.trans(_,g)),o?g+=l+h:g-=l+h,s.trans(_-u.width/2,o?g:g-u.height)}$_layoutLabelNearHorz(e,i,s,r,o,n,a,h,l,c,d){const u=i.point,_=s.isDomAnimating(),g=s.getBBox(),p=u.xPos;!_&&s.layout(r||(o?"right":"left"));let m=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o),f=l;o?f+=h/2:f-=h/2,n&&(o?n.setLine(a.reset(0,0).line(0,f+d-m).end()):n.setLine(a.reset(0,0).line(0,f-m-d).end()),n.trans(p,m)),o?f+=d+c:f-=c+d+g.height,s.trans(p-g.width/2,f)}$_layoutLabelFarHorz(e,i,s,r,o,n,a,h,l,c,d,u){const _=i.point,g=s.isDomAnimating(),p=s.getBBox(),m=_.xPos;!g&&s.layout(r||(o?"right":"left"));const f=t.isIE?this.$_calcLabelPosHorzIE(e,i,o):this.$_calcLabelPosHorz(e,i,o);let y;y=o?u-d.y-l-c-h:l+h+c-d.y,n&&(o?n.setLine(a.reset(0,0).line(0,y+l-f).end()):n.setLine(a.reset(0,0).line(0,y-f-l).end()),n.trans(m,f)),o?y+=l+h:y-=h+l+p.height,s.trans(m-p.width/2,y)}}function f(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(r),e.Series.register(h),e.Series.register(u),e.SeriesView.register([r,n]),e.SeriesView.register([h,g]),e.SeriesView.register([u,m]))}f(s),e.PictogramSeries=r,e.PictorialBarSeries=h,e.PictorialSeries=u,e.default=f,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/pictogram.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Pictogram v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Pictogram v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
|
-
import{PictogramSeriesType as e,extend as t,BasedSeries as i,RectElement as s,Series as r,BasedSeriesView as o,ElementPool as n,RcElement as h,SeriesView as a,PictorialBarSeriesType as l,BarSeriesBase as _,calcPercent as d,isArray as u,isString as g,pickNum as c,parsePercentSize as p,BarSeriesPoint as y,pickProp as w,PictorialSeriesType as f,WidgetSeries as m,WidgetSeriesLabel as P,minv as V,WidgetSeriesPoint as b,BarSeriesViewBase as v,SVGNS as x,Utils as L,Dom as S,pixel as $,BoxPointElementEx as C,PathElement as F,ImageElement as A,SvgShapes as B,WidgetSeriesView as D,LayerElement as E,PointLabelLineContainer as I,SeriesAnimation as R,isIE as H,fixnum as N,PathBuilder as k,maxv as z,PointElement as T}from"./index.mjs";class M extends i{_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}}M.type=e,M.defaults=t(i.defaults,{iconGap:2,integral:!1,integralThreshold:.5});class O extends h{constructor(e){super(e,a.POINT_CLASS),this.add(this._back=new s(e)),this._back.setTransparent(!0)}preppareIcons(e,t,i,s){}layout(e,t,i){const s=this.wPoint,r=this.hPoint;t-=s/2,r<0&&(e=e.map((e=>-e))),this._back.setBounds(t,i-r,s,r)}}class G extends o{constructor(e){super(e,"rct-pictogram-series"),this._bars=new n(this._pointContainer,O)}_getPointPool(){return this._bars}_preparePoints(e,t,i){}_layoutPoint(e,t,i,s,r,o){}}class W extends y{_readObject(e,t){super._readObject(e,t),this.figure=w(e._figureFielder(t),t.figure)}}class U extends _{getMode(){return this._mode}getFigure(){return this._figurePath}getImage(e){let t=e.figure;return!t&&this._op.figureByPoint&&(t=this._imageUrls[e.vindex%this._imageUrls.length]),this._imageRoot+(t||this._imageUrls[0])}getFigureWidth(e){return d(this._widthDim,e,e)}getFigureGap(){return this._figureGap}_createPoint(e){return new W(e)}_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}_doApply(e){super._doApply(e),this._figureFielder=this._createFielder(e.figureField||"figure"),this._figurePath=u(e.figurePath)?e.figurePath.join(" "):e.figurePath;const t=e.figureImage;u(t)?this._imageUrls=t.slice(0):g(t)?this._imageUrls=[t]:this._imageUrls=[],this._imageRoot=g(e.figureImageRoot)?e.figureImageRoot:"",this._mode="both"===e.mode||"figure"===e.mode?e.mode:e.figurePath?"both":"figure",this._figureGap=c(e.figureGap,0),this._widthDim=p(e.figureWidth,!0)}}U.type=l,U.defaults=t(_.defaults,{mode:"auto",figureWidth:"100%"});class j extends b{}class K extends j{constructor(e,t){super(e),this.points=t}}class q extends P{getDistance(){return isNaN(this._op.distance)?"far"===this._op.align?q.ENDED_DIST:q.OUTSIDE_DIST:this._op.distance||0}}q.OUTSIDE_DIST=25,q.ENDED_DIST=10;class Y extends m{get paths(){return this._paths}getPictorialSize(e,t,i){const s=d(this._sizeDim,1),r=V(t*s/e.width,i*s/e.height);return{width:c(d(this._widthDim,t),e.width*r),height:c(d(this._heightDim,i),e.height*r)}}get pointLabel(){return this._pointLabel}_createLabel(e){return new q(e)}_createPoint(e){return new j(e)}_createOthersPoint(e,t){return e.y=t.map((e=>e.y)).reduce(((e,t)=>e+t)),new K(e,t)}needClip(e){return!1}getTotal(){const e=super.getSum();return Math.max(e,d(this._totalDim,e))}getSum(){const e=super.getSum(),t=d(this._totalDim,e);return Math.max(e,c(t,e))}_doApply(e){super._doApply(e),this._paths=u(e.figure)?e.figure:[e.figure||""],this._setDims(e,"total","width","height"),this._sizeDim=p(e.size||"80%",!1)}_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}}Y.type=f,Y.defaults=t(m.defaults,{size:"90%",reversed:!1});class Z extends C{constructor(e){super(e),this.add(this._figureLayer=new h(e,"")),this._figureLayer.add(this._figureView=new F(e,"")),this.add(this._imageLayer=new h(e,"")),this._imageLayer.add(this._imageView=new A(e,!1,"")),this._imageView.setAttr("preserveAspectRatio","none"),this.add(this._boxView=new F(e,"")),this._figureView.setAttr("vector-effect","non-scaling-stroke")}renderSvg(e,t,i,s,r){const o=this._figureView;let n;this._imageLayer.setVis(!1),this._figureLayer.setVis(!0),o.scale(1),o.setPath(s),n=o.getBounds(),e.both?o.scale(r/(e.inverted?n.height:n.width)):e.inverted?o.scale(r/n.height,(e.reversed?-1:1)*this.hPoint/n.width):o.scale(r/n.width,(e.reversed?-1:1)*this.hPoint/n.height),this.$_layoutFigure(e,this._figureLayer,this._figureView,t,i)}renderImage(e,t,i,s,r){const o=this._imageView;this._figureLayer.setVis(!1),this._imageLayer.setVis(!0),o.url=s,o.width=r,o.height=e.both?void 0:Math.abs(this.hPoint),this.$_layoutFigure(e,this._imageLayer,o,t,i)}$_layoutFigure(e,t,i,s,r){const o=i.getBounds(),n=!e.upperClip;let h=this.hPoint,a=!1;e.inverted?e.reversed?n?(i.trans(s+o.height/2,r-h),this._dir="left"):h<0?(i.trans(s+o.height/2,-e.yBase-h),this._dir="left"):(i.trans(s-o.height/2,-e.yBase-h),this._dir="right"):n?(i.trans(s-o.height/2,-h),this._dir="right"):h<0?(i.trans(s+o.height/2,-e.yBase-h),this._dir="left"):(i.trans(s-o.height/2,-e.yBase-h),this._dir="right"):e.reversed?n?(i.trans(s+o.width/2,-h),this._dir="bottom"):h<0?(i.trans(s+o.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(i.trans(s-o.width/2,e.yLen-e.yBase-h),this._dir="top"):n?(i.trans(s-o.width/2,r-h),this._dir="top"):h<0?(i.trans(s+o.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(i.trans(s-o.width/2,e.yLen-e.yBase-h),this._dir="top"),n?(i.rotate(e.reversed?180:0),t.removeAttr("clip-path")):(a=this.point.yValue<e.base,e.reversed&&(a=!a),S.setClipPath(t.dom,a?e.lowerClip:e.upperClip),i.rotate(a?180:0)),this._boxView.setVis(e.both)&&(a||(a=n&&e.reversed),h-=(a?-1:1)*((e.inverted?o.width:o.height)+e.gap),this.$_layoutBox(e,a,s,r,h))}$_layoutBox(e,t,i,s,r){this._boxView.setVis(t?r<0:r>0)&&this._boxView.setPath(B.bar(i-this.wPoint/2,s,this.wPoint,-r,e.rTop,e.rBottom))}}class J extends v{constructor(e){super(e,"rct-pictorialbar-series")}_createBarPool(e,t){return new n(e,Z)}_prepareLayoutPoints(e,t){const i=this.model,s=this._yBase,r=this._baseVal>i._yAxisObj.axisMin();if(this._info={inverted:this._inverted,reversed:this._yReversed,base:this._baseVal,yBase:s,both:"both"===i.getMode(),gap:i.getFigureGap(),yLen:this._yLen,rTop:+i.options.topRadius||0,rBottom:+i.options.bottomRadius||0,upperClip:"",lowerClip:""},r){if(!this._upperClip){const e=this.doc,t=this.dom.querySelector("defs")||e.createElementNS(x,"defs"),i=L.uniqueKey()+"-";this.insertDom(t,this._pointContainer.dom),t.appendChild(this._upperClip=S.createClipRect(e,i+"upper")),t.appendChild(this._lowerClip=S.createClipRect(e,i+"lower"))}const i=this._upperClip.firstElementChild,r=this._lowerClip.firstElementChild;this._inverted?(S.setBounds(i,0,-e,t,e-s),S.setBounds(r,0,-s,t,e)):(S.setBounds(i,0,0,e,t-s),S.setBounds(r,0,t-s,e,s)),this._info.upperClip=this._upperClip.id,this._info.lowerClip=this._lowerClip.id}}_layoutPoint(e,t,i,s,r,o){const n=e.point,h=this.model.getFigure();this._needMask=h&&this._info.both,e.wPoint=r*c(n.width,1),e.hPoint=o,e.x=i,h?e.renderSvg(this._info,i,s,h,this._model.getFigureWidth(r)):e.renderImage(this._info,i,s,this._model.getImage(n),this._model.getFigureWidth(r))}setHoverStyle(e){if(super.setHoverStyle(e),this._needMask){const t=getComputedStyle(e.dom),i="none"!==t.stroke?parseFloat(t.strokeWidth):0;if(this._hoverFigureView.parent.setVis(i>0&&this._info.gap<i)){S.setImportantStyle(e.dom.style,"stroke-width",$(i+i/2|0));let t=0,s=0;switch(e._dir){case"top":case"right":s=-i/2;break;case"bottom":case"left":s=i/2}this._hoverBoxView.setAttribute("transform",`translate(${t}, ${s})`)}}}focusPointView(e,t){t&&this._needMask?this.$_showHoverView(this._hoverPoint=e).setVis(!0):this._hoverFigureView&&(this._hoverFigureView.parent.setVis(!1),this._hoverPoint=null)}_renderSeries(e,t){super._renderSeries(e,t),this._hoverPoint&&this._hoverFigureView&&this._hoverFigureView.parent.visible&&this.$_showHoverView(this._hoverPoint)}$_showHoverView(e){let t=this._hoverFigureView;if(!t){const e=this.doc;let i;this.add(new h(e,"")).add(t=this._hoverFigureView=new h(e,"")),t.parent.dom.style.pointerEvents="none",t.appendDom(i=e.createElementNS(x,"path")),i.style.stroke="none",t.parent.appendDom(i=this._hoverBoxView=e.createElementNS(x,"path")),i.style.stroke="none"}const i=t.dom.firstElementChild,s=this._hoverBoxView;return t.parent.setAttr("clip-path",this._pointContainer.getAttr("clip-path")),t.setAttr("clip-path",e._figureLayer.getAttr("clip-path")),i.setAttribute("d",e._figureView.getAttr("d")),i.style.fill=getComputedStyle(e._figureView.dom).fill,i.setAttribute("transform",e._figureView.getTransform()),S.setVisible(s,e._boxView.visible)&&(s.setAttribute("d",e._boxView.getAttr("d")),s.style.fill=getComputedStyle(e._boxView.dom).fill),this._inverted&&t.parent.setAttr("transform",`rotate(90) translate(${this.height},0) scale(-1, 1)`),t}}class Q extends T{getTooltipPos(){return{x:this.point.xPos+this.parent.parent.tx,y:this.point.yPos+this.parent.parent.ty}}}class X extends D{constructor(e){super(e,"rct-pictorial-series");const t=L.uniqueKey()+"-",i=t+"figure",s=t+"clip",r=t+"hover";this._figurelView=e.createElementNS(x,"use"),this._figurelView.setAttribute("href",`#${i}`),this._figurelView.setAttribute("class","rct-pictorial-series-figure"),this.insertDom(this._figurelView,this._pointContainer.dom);const o=e.createElementNS(x,"defs");this.insertDom(o,this._figurelView),this._sourceView=new F(e),this._sourceView.setAttr("vector-effect","non-scaling-stroke"),this._sourceView.dom.id=i,o.appendChild(this._sourceView.dom);const h=e.createElementNS(x,"use"),a=e.createElementNS(x,"clipPath"),l=e.createElementNS(x,"clipPath");h.setAttribute("href",`#${i}`),a.appendChild(h),a.id=s,o.appendChild(a),l.appendChild(this._hoverRect=e.createElementNS(x,"path")),l.id=r,o.appendChild(l),this._hoverView=e.createElementNS(x,"use"),this._hoverView.setAttribute("href",`#${i}`),this._hoverView.setAttribute("clip-path",`url(#${r}`),this._hoverView.style.stroke="none",this._hoverView.style.fill="none",this.appendDom(this._hoverView),this._pointContainer.add(this._sliceLayer=new E(e,null)),this._pointContainer.setAttr("clip-path",`url(#${s})`),this._slices=new n(this._sliceLayer,Q),this.add(this._lineContainer=new I(e))}_getPointPool(){return this._slices}getClipContainer(){return null}_prepareSeries(e,t){super._prepareSeries(e,t),this.$_prepareSlices(e,t,this._visPoints),this._lineContainer.prepare(t)}_renderSeries(e,t){this.$_renderFigure(this._sourceView,this._model,e,t);const i=this._visPoints,s=this.model.getCenter(e,t),r=this._figurelView.getBoundingClientRect(),o=s.x-r.width/2,n=s.y-r.height/2,h=`translate(${o},${n})`;S.hasFill(this._figurelView)||(this._figurelView.style.fill="transparent"),this._figurelView.setAttribute("transform",h),this._hoverView.setAttribute("transform",h),r.x=o,r.y=n,this.$_layoutSlices(i,r,e,t),this._pointContainer.trans(o,n),this._labelContainer.trans(o,n),this._lineContainer.trans(o,n),this.resize(r.width,r.height),this._rSave=r,this._wSave=e,this._hSave=t}_runShowEffect(e){const t=this.model.options.reversed;e&&R.reveal(this,{from:"column"===this.model.options.direction?t?"right":"left":t?"top":"bottom",view:this._sliceLayer})}_refreshZombie(){this.$_layoutSlices(this._visPoints,this._rSave,this._wSave,this._hSave),this._hoverPoint&&!S.isHidden(this._hoverView)&&this.$_showHoverView(this._hoverPoint)}_animationStarted(e){super._animationStarted(e),this._lineContainer.setVis(this._labelContainer.visible)}setHoverStyle(e){super.setHoverStyle(e);const t=getComputedStyle(e.dom),i="none"!==t.stroke&&parseFloat(t.strokeWidth)>0;S.setVisible(this._hoverView,i)&&Object.assign(this._hoverView.style,{stroke:t.stroke,strokeWidth:t.strokeWidth,strokeDasharray:t.strokeDasharray})}focusPointView(e,t){this._hoverView.style.display=t?"":"none",t&&this.$_showHoverView(e),this._hoverPoint=t?e:null}$_showHoverView(e){this._hoverRect.setAttribute("d",e.getAttr("d"))}$_prepareSlices(e,t,i){this._slices.prepare(i.length,((s,r)=>{const o=s.point=i[r];this._preparePoint(e,t,o,s)}))}$_renderFigure(e,t,i,s){let r,o;e.setPath(t.paths),r=e.getBBox(),o=t.getPictorialSize(r,i,s),e.scale(o.width/r.width,o.height/r.height),H&&this.$_prepareOutline(this._sourceView.dom,i,s,o.width/r.width,o.height/r.height)}$_layoutSlices(e,t,i,s){const r=this._model,o=r.pointLabel,n=r.options.reversed;this.$_calcRates(e),this._lineContainer.setStyleOrClass(o.connector.options.style),"column"===r.options.direction?this.$_renderHorz(n,t,s):this.$_renderVert(n,t,i)}$_calcRates(e){const t=this._zombie,i=this._zombieRate,s=e.length;let r=this.model.getTotal();isNaN(r)&&(r=e.filter((e=>(e.visible||e===t)&&!e.isNull)).map((e=>e.yValue*(e===t?i:e._isDeleted()?e._vr:1))).reduce(((e,t)=>e+t),0)),s>1||s>0&&!t?1==s&&e[0]._isDeleted()||1===s&&e[0]._vr<1?e[0].yRate=1:e.forEach((e=>{const s=N(e.yValue*(e===t?i:e._isDeleted()?e._vr:1)/r)||0;e.yRate=s})):1==s&&(e[0].yRate=N(i))}$_createLabelInfo(e){const{a:t,d:i}=e.getCTM(),{width:s,height:r}=e.getBBox();return{dom:e,sx:t,sy:i,wFigure:s,hFigure:r}}$_renderVert(e,t,i){const s=this.model,r=t.width,o=t.height,n=this._labelViews(),h=s.pointLabel,a="inside"===s.getLabelPos(h),l=h.getOffset(),_=h.getDistance(),d=h.getAlign(),u=null==n?void 0:n.textAlign(),g=[],c=h.options.opposite,p=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,y=new k,w=s.getCenter(i,o).x-t.x,f=r/2;let m=e?0:o;const P=n?n.getWidth(0):0,V=g&&!a&&this.$_createLabelInfo(this._sourceView.dom);let b,v;this._slices.forEach((s=>{const h=s.point;if(s.setVis(!h.isNull)){const x=o*h.yRate;if(e?(s.setPath(B.rectangle(0,m,r,x)),h.yPos=m+x/2,m+=x):(h.yPos=m-x/2,m-=x,s.setPath(B.rectangle(0,m,r,x))),h.xPos=f,v=null==p?void 0:p.get(h),n&&(b=n.get(h,0))&&b.visible){if(a){const e=b.isDomAnimating(),t=b.getBBox();!e&&b.layout(u||"center"),null==v||v.setVis(!1),b.trans(h.xPos-t.width/2,h.yPos-t.height/2)}else-1===d?this.$_layoutLabelNearVert(V,s,b,u,c,v,y,r,w,l,_):1==d?this.$_layoutLabelFarVert(V,s,b,u,c,v,y,l,_,P,t,i):this.$_layoutLabelOutVert(V,s,b,u,c,v,y,l,_);b.setContrast(a&&s.dom),g.push(b),b.setPosY(b.ty)}else v&&v.setVis(!1)}}))}$_renderHorz(e,t,i){const s=this.model,r=t.width,o=t.height,n=this._labelViews(),h=s.pointLabel,a="inside"===s.getLabelPos(h),l=h.getOffset(),_=h.getDistance(),d=h.getAlign(),u=null==n?void 0:n.textAlign(),g=[],c=h.options.opposite,p=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,y=new k,w=s.getCenter(r,i).y-t.y,f=o/2,m=n?n.getWidth(0):0,P=g&&!a&&this.$_createLabelInfo(this._sourceView.dom);let V,b,v=e?r:0;this._slices.forEach((s=>{const h=s.point;if(s.setVis(!h.isNull)){const x=r*h.yRate;if(e?(h.xPos=v-x/2,v-=x,s.setPath(B.rectangle(v,0,x,o))):(h.xPos=v+x/2,s.setPath(B.rectangle(v,0,x,o)),v+=x),h.yPos=f,b=null==p?void 0:p.get(h),n&&(V=n.get(h,0))&&V.visible){if(a){const e=V.isDomAnimating(),t=V.getBBox();!e&&V.layout(u||"center"),V.trans(h.xPos-t.width/2,h.yPos-t.height/2),null==b||b.setVis(!1)}else-1===d?this.$_layoutLabelNearHorz(P,s,V,u,c,b,y,o,w,l,_):1==d?this.$_layoutLabelFarHorz(P,s,V,u,c,b,y,l,_,m,t,i):this.$_layoutLabelOutHorz(P,s,V,u,c,b,y,l,_);V.setContrast(a&&s.dom),g.push(V),V.setPosY(V.ty)}else b&&b.setVis(!1)}}))}$_prepareOutline(e,t,i,s,r){const o=+new Date,n=this.control.canvasCtx(),h=e.getTotalLength(),a=z(1,Math.round(h/500));let l;n.setTransform(1,0,0,1,0,0),n.clearRect(0,0,t,i),n.scale(s,r),n.fillStyle="red",n.beginPath(),l=e.getPointAtLength(0),n.moveTo(l.x,l.y);for(let t=0;t<h;t+=a)l=e.getPointAtLength(t),n.lineTo(l.x,l.y);n.closePath(),n.fill(),console.log("canvas",+new Date-o,"ms.")}$_calcLabelPosVert(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{wFigure:o,sx:n}=e,h=2*(e.sx<0?1:1/e.sx);let a=i?0:e.wFigure;if(r.y=t.point.yPos/e.sy,i){for(;a<o;a+=h)if(r.x=a,s.isPointInFill(r))return a>0&&(r.x-=h/2,s.isPointInFill(r)&&(a=r.x)),a*n}else for(;a>=0;a-=h)if(r.x=a,s.isPointInFill(r))return a<o&&(r.x+=h/2,s.isPointInFill(r)&&(a=r.x)),a*n;return e.wFigure*e.sx/2}$_calcLabelPosVertIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{wFigure:o,sx:n}=e,h=2*(n<0?1:1/n);let a=r.y=t.point.yPos,l=i?0:o*n;if(i){for(const e=o*n;l<e;l+=h)if(r.x=l,s.isPointInPath(r.x,a))return l>0&&(r.x-=h/2,s.isPointInPath(r.x,a)&&(l=r.x)),l}else for(;l>=0;l-=h)if(r.x=l,s.isPointInPath(l,a))return l<o*n&&(r.x+=h/2,s.isPointInPath(r.x,a)&&(l=r.x)),l;return o/2}$_layoutLabelOutVert(e,t,i,s,r,o,n,h,a){const l=t.point,_=i.isDomAnimating(),d=i.getBBox(),u=l.yPos;!_&&i.layout(s||(r?"right":"left"));let g=H?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);o&&(r?o.setLine(n.reset(0,0).line(-a,0).end()):o.setLine(n.reset(0,0).line(a,0).end()),o.trans(g,u)),r?g-=a+h+d.width:g+=a+h,i.trans(g,u-d.height/2)}$_layoutLabelNearVert(e,t,i,s,r,o,n,h,a,l,_){const d=t.point,u=i.isDomAnimating(),g=i.getBBox(),c=d.yPos;!u&&i.layout(s||(r?"right":"left"));const p=H?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);let y=a;r?y-=h/2:y+=h/2,o&&(r?o.setLine(n.reset(0,0).line(y-p-_,0).end()):o.setLine(n.reset(0,0).line(y+_-p,0).end()),o.trans(p,c)),r?y-=l+_+g.width:y+=_+l,i.trans(y,c-g.height/2)}$_layoutLabelFarVert(e,t,i,s,r,o,n,h,a,l,_,d){const u=t.point,g=i.isDomAnimating(),c=i.getBBox(),p=u.yPos;!g&&i.layout(s||(r?"right":"left"));const y=H?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);let w;w=r?a+h+l-_.x:d-_.x-a-l-h,o&&(r?o.setLine(n.reset(0,0).line(w-y-a,0).end()):o.setLine(n.reset(0,0).line(w+a-y,0).end()),o.trans(y,p)),r?w-=h+a+c.width:w+=a+h,i.trans(w,p-c.height/2)}$_calcLabelPosHorz(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{hFigure:o,sy:n}=e,h=2*(e.sy<0?1:1/e.sy);let a=i?e.hFigure:0;if(r.x=t.point.xPos/e.sx,i){for(;a>=0;a-=h)if(r.y=a,s.isPointInFill(r))return a<e.hFigure&&(r.y+=h/2,s.isPointInFill(r)&&(a=r.y)),a*n}else for(;a<o;a+=h)if(r.y=a,s.isPointInFill(r))return a>0&&(r.y-=h/2,s.isPointInFill(r)&&(a=r.y)),a*n;return e.hFigure*e.sy/2}$_calcLabelPosHorzIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{hFigure:o,sy:n}=e,h=2*(e.sy<0?1:1/e.sy);let a=r.x=t.point.xPos,l=i?o*n:0;if(i){for(;l>=0;l-=h)if(r.y=l,s.isPointInPath(a,r.y))return l<o*n&&(r.y+=h/2,s.isPointInPath(a,r.y)&&(l=r.y)),l}else for(;l<o;l+=h)if(r.y=l,s.isPointInPath(a,r.y))return l>0&&(r.y-=h/2,s.isPointInPath(a,r.y)&&(l=r.y)),l;return e.hFigure*e.sy/2}$_layoutLabelOutHorz(e,t,i,s,r,o,n,h,a){const l=t.point,_=i.isDomAnimating(),d=i.getBBox(),u=l.xPos;!_&&i.layout(s);let g=H?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r);o&&(r?o.setLine(n.reset(0,0).line(0,a).end()):o.setLine(n.reset(0,0).line(0,-a).end()),o.trans(u,g)),r?g+=a+h:g-=a+h,i.trans(u-d.width/2,r?g:g-d.height)}$_layoutLabelNearHorz(e,t,i,s,r,o,n,h,a,l,_){const d=t.point,u=i.isDomAnimating(),g=i.getBBox(),c=d.xPos;!u&&i.layout(s||(r?"right":"left"));let p=H?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r),y=a;r?y+=h/2:y-=h/2,o&&(r?o.setLine(n.reset(0,0).line(0,y+_-p).end()):o.setLine(n.reset(0,0).line(0,y-p-_).end()),o.trans(c,p)),r?y+=_+l:y-=l+_+g.height,i.trans(c-g.width/2,y)}$_layoutLabelFarHorz(e,t,i,s,r,o,n,h,a,l,_,d){const u=t.point,g=i.isDomAnimating(),c=i.getBBox(),p=u.xPos;!g&&i.layout(s||(r?"right":"left"));const y=H?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r);let w;w=r?d-_.y-a-l-h:a+h+l-_.y,o&&(r?o.setLine(n.reset(0,0).line(0,w+a-y).end()):o.setLine(n.reset(0,0).line(0,w-y-a).end()),o.trans(p,y)),r?w+=a+h:w-=h+a+c.height,i.trans(p-c.width/2,w)}}function ee(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(M),e.Series.register(U),e.Series.register(Y),e.SeriesView.register([M,G]),e.SeriesView.register([U,J]),e.SeriesView.register([Y,X]))}export{M as PictogramSeries,U as PictorialBarSeries,Y as PictorialSeries,ee as default};
|
|
7
|
+
import{PictogramSeriesType as e,extend as t,BasedSeries as i,RectElement as s,Series as r,BasedSeriesView as o,ElementPool as n,RcElement as h,SeriesView as a,PictorialBarSeriesType as l,BarSeriesBase as _,calcPercent as d,isArray as u,isString as g,pickNum as c,parsePercentSize as p,BarSeriesPoint as y,pickProp as f,PictorialSeriesType as w,WidgetSeries as m,WidgetSeriesLabel as P,minv as V,WidgetSeriesPoint as b,BarSeriesViewBase as v,SVGNS as x,Utils as L,Dom as S,pixel as $,BoxPointElementEx as C,PathElement as A,ImageElement as F,SvgShapes as B,WidgetSeriesView as D,LayerElement as E,PointLabelLineContainer as I,SeriesAnimation as N,isIE as R,fixnum as H,PathBuilder as k,maxv as z,PointElement as T}from"./index.mjs";class M extends i{_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}}M.type=e,M.defaults=t(i.defaults,{iconGap:2,integral:!1,integralThreshold:.5});class O extends h{constructor(e){super(e,a.POINT_CLASS),this.add(this._back=new s(e)),this._back.setTransparent(!0)}preppareIcons(e,t,i,s){}layout(e,t,i){const s=this.wPoint,r=this.hPoint;t-=s/2,r<0&&(e=e.map((e=>-e))),this._back.setBounds(t,i-r,s,r)}}class G extends o{constructor(e){super(e,"rct-pictogram-series"),this._bars=new n(this._pointContainer,O)}_getPointPool(){return this._bars}_preparePoints(e,t,i){}_layoutPoint(e,t,i,s,r,o){}}class W extends y{_readObject(e,t){super._readObject(e,t),this.figure=f(e._figureFielder(t),t.figure)}_readArray(e,t){super._readArray(e,t);const i=+e.options.figureField;isNaN(i)||(this.figure=t[i])}}class U extends _{getMode(){return this._mode}getFigure(){return this._figurePath}getImage(e){let t=e.figure;return"number"==typeof t&&(t=this._imageUrls[t]),!t&&this._op.figureByPoint&&(t=this._imageUrls[e.vindex%this._imageUrls.length]),this._imageRoot+(t||this._imageUrls[0])}getFigureWidth(e){return d(this._widthDim,e,e)}getFigureGap(){return this._figureGap}_createPoint(e){return new W(e)}_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}_doApply(e){super._doApply(e),this._figureFielder=this._createFielder(e.figureField||"figure"),this._figurePath=u(e.figurePath)?e.figurePath.join(" "):e.figurePath;const t=e.figureImage;u(t)?this._imageUrls=t.slice(0):g(t)?this._imageUrls=[t]:this._imageUrls=[],this._imageRoot=g(e.figureImageRoot)?e.figureImageRoot:"",this._mode="both"===e.mode||"figure"===e.mode?e.mode:e.figurePath?"both":"figure",this._figureGap=c(e.figureGap,0),this._widthDim=p(e.figureWidth,!0)}}U.type=l,U.defaults=t(_.defaults,{mode:"auto",figureWidth:"100%"});class j extends b{}class K extends j{constructor(e,t){super(e),this.points=t}}class q extends P{getDistance(){return isNaN(this._op.distance)?"far"===this._op.align?q.ENDED_DIST:q.OUTSIDE_DIST:this._op.distance||0}}q.OUTSIDE_DIST=25,q.ENDED_DIST=10;class Y extends m{get paths(){return this._paths}getPictorialSize(e,t,i){const s=d(this._sizeDim,1),r=V(t*s/e.width,i*s/e.height);return{width:c(d(this._widthDim,t),e.width*r),height:c(d(this._heightDim,i),e.height*r)}}get pointLabel(){return this._pointLabel}_createLabel(e){return new q(e)}_createPoint(e){return new j(e)}_createOthersPoint(e,t){return e.y=t.map((e=>e.y)).reduce(((e,t)=>e+t)),new K(e,t)}needClip(e){return!1}getTotal(){const e=super.getSum();return Math.max(e,d(this._totalDim,e))}getSum(){const e=super.getSum(),t=d(this._totalDim,e);return Math.max(e,c(t,e))}_doApply(e){super._doApply(e),this._paths=u(e.figure)?e.figure:[e.figure||""],this._setDims(e,"total","width","height"),this._sizeDim=p(e.size||"80%",!1)}_createLegendMarker(e,t){return s.create(e,r.LEGEND_MARKER,0,0,t,t,2)}}Y.type=w,Y.defaults=t(m.defaults,{size:"90%",reversed:!1});class Z extends C{constructor(e){super(e),this.add(this._figureLayer=new h(e,"")),this._figureLayer.add(this._figureView=new A(e,"")),this.add(this._imageLayer=new h(e,"")),this._imageLayer.add(this._imageView=new F(e,!1,"")),this._imageView.setAttr("preserveAspectRatio","none"),this.add(this._boxView=new A(e,"")),this._figureView.setAttr("vector-effect","non-scaling-stroke")}renderSvg(e,t,i,s,r){const o=this._figureView;let n;this._imageLayer.setVis(!1),this._figureLayer.setVis(!0),o.scale(1),o.setPath(s),n=o.getBounds(),e.both?o.scale(r/(e.inverted?n.height:n.width)):e.inverted?o.scale(r/n.height,(e.reversed?-1:1)*this.hPoint/n.width):o.scale(r/n.width,(e.reversed?-1:1)*this.hPoint/n.height),this.$_layoutFigure(e,this._figureLayer,this._figureView,t,i)}renderImage(e,t,i,s,r){const o=this._imageView;this._figureLayer.setVis(!1),this._imageLayer.setVis(!0),o.url=s,o.width=r,o.height=e.both?void 0:Math.abs(this.hPoint),this.$_layoutFigure(e,this._imageLayer,o,t,i)}$_layoutFigure(e,t,i,s,r){const o=i.getBounds(),n=!e.upperClip;let h=this.hPoint,a=!1;e.inverted?e.reversed?n?(i.trans(s+o.height/2,r-h),this._dir="left"):h<0?(i.trans(s+o.height/2,-e.yBase-h),this._dir="left"):(i.trans(s-o.height/2,-e.yBase-h),this._dir="right"):n?(i.trans(s-o.height/2,-h),this._dir="right"):h<0?(i.trans(s+o.height/2,-e.yBase-h),this._dir="left"):(i.trans(s-o.height/2,-e.yBase-h),this._dir="right"):e.reversed?n?(i.trans(s+o.width/2,-h),this._dir="bottom"):h<0?(i.trans(s+o.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(i.trans(s-o.width/2,e.yLen-e.yBase-h),this._dir="top"):n?(i.trans(s-o.width/2,r-h),this._dir="top"):h<0?(i.trans(s+o.width/2,e.yLen-e.yBase-h),this._dir="bottom"):(i.trans(s-o.width/2,e.yLen-e.yBase-h),this._dir="top"),n?(i.rotate(e.reversed?180:0),t.removeAttr("clip-path")):(a=this.point.yValue<e.base,e.reversed&&(a=!a),S.setClipPath(t.dom,a?e.lowerClip:e.upperClip),i.rotate(a?180:0)),this._boxView.setVis(e.both)&&(a||(a=n&&e.reversed),h-=(a?-1:1)*((e.inverted?o.width:o.height)+e.gap),this.$_layoutBox(e,a,s,r,h))}$_layoutBox(e,t,i,s,r){this._boxView.setVis(t?r<0:r>0)&&this._boxView.setPath(B.bar(i-this.wPoint/2,s,this.wPoint,-r,e.rTop,e.rBottom))}}class J extends v{constructor(e){super(e,"rct-pictorialbar-series")}_createBarPool(e,t){return new n(e,Z)}_prepareLayoutPoints(e,t){const i=this.model,s=this._yBase,r=this._baseVal>i._yAxisObj.axisMin();if(this._info={inverted:this._inverted,reversed:this._yReversed,base:this._baseVal,yBase:s,both:"both"===i.getMode(),gap:i.getFigureGap(),yLen:this._yLen,rTop:+i.options.topRadius||0,rBottom:+i.options.bottomRadius||0,upperClip:"",lowerClip:""},r){if(!this._upperClip){const e=this.doc,t=this.dom.querySelector("defs")||e.createElementNS(x,"defs"),i=L.uniqueKey()+"-";this.insertDom(t,this._pointContainer.dom),t.appendChild(this._upperClip=S.createClipRect(e,i+"upper")),t.appendChild(this._lowerClip=S.createClipRect(e,i+"lower"))}const i=this._upperClip.firstElementChild,r=this._lowerClip.firstElementChild;this._inverted?(S.setBounds(i,0,-e,t,e-s),S.setBounds(r,0,-s,t,e)):(S.setBounds(i,0,0,e,t-s),S.setBounds(r,0,t-s,e,s)),this._info.upperClip=this._upperClip.id,this._info.lowerClip=this._lowerClip.id}}_layoutPoint(e,t,i,s,r,o){const n=e.point,h=this.model.getFigure();this._needMask=h&&this._info.both,e.wPoint=r*c(n.width,1),e.hPoint=o,e.x=i,h?e.renderSvg(this._info,i,s,h,this._model.getFigureWidth(r)):e.renderImage(this._info,i,s,this._model.getImage(n),this._model.getFigureWidth(r))}setHoverStyle(e){if(super.setHoverStyle(e),this._needMask){const t=getComputedStyle(e.dom),i="none"!==t.stroke?parseFloat(t.strokeWidth):0;if(this._hoverFigureView.parent.setVis(i>0&&this._info.gap<i)){S.setImportantStyle(e.dom.style,"stroke-width",$(i+i/2|0));let t=0,s=0;switch(e._dir){case"top":case"right":s=-i/2;break;case"bottom":case"left":s=i/2}this._hoverBoxView.setAttribute("transform",`translate(${t}, ${s})`)}}}focusPointView(e,t){t&&this._needMask?this.$_showHoverView(this._hoverPoint=e).setVis(!0):this._hoverFigureView&&(this._hoverFigureView.parent.setVis(!1),this._hoverPoint=null)}_renderSeries(e,t){super._renderSeries(e,t),this._hoverPoint&&this._hoverFigureView&&this._hoverFigureView.parent.visible&&this.$_showHoverView(this._hoverPoint)}$_showHoverView(e){let t=this._hoverFigureView;if(!t){const e=this.doc;let i;this.add(new h(e,"")).add(t=this._hoverFigureView=new h(e,"")),t.parent.dom.style.pointerEvents="none",t.appendDom(i=e.createElementNS(x,"path")),i.style.stroke="none",t.parent.appendDom(i=this._hoverBoxView=e.createElementNS(x,"path")),i.style.stroke="none"}const i=t.dom.firstElementChild,s=this._hoverBoxView;return t.parent.setAttr("clip-path",this._pointContainer.getAttr("clip-path")),t.setAttr("clip-path",e._figureLayer.getAttr("clip-path")),i.setAttribute("d",e._figureView.getAttr("d")),i.style.fill=getComputedStyle(e._figureView.dom).fill,i.setAttribute("transform",e._figureView.getTransform()),S.setVisible(s,e._boxView.visible)&&(s.setAttribute("d",e._boxView.getAttr("d")),s.style.fill=getComputedStyle(e._boxView.dom).fill),this._inverted&&t.parent.setAttr("transform",`rotate(90) translate(${this.height},0) scale(-1, 1)`),t}}class Q extends T{getTooltipPos(){return{x:this.point.xPos+this.parent.parent.tx,y:this.point.yPos+this.parent.parent.ty}}}class X extends D{constructor(e){super(e,"rct-pictorial-series");const t=L.uniqueKey()+"-",i=t+"figure",s=t+"clip",r=t+"hover";this._figurelView=e.createElementNS(x,"use"),this._figurelView.setAttribute("href",`#${i}`),this._figurelView.setAttribute("class","rct-pictorial-series-figure"),this.insertDom(this._figurelView,this._pointContainer.dom);const o=e.createElementNS(x,"defs");this.insertDom(o,this._figurelView),this._sourceView=new A(e),this._sourceView.setAttr("vector-effect","non-scaling-stroke"),this._sourceView.dom.id=i,o.appendChild(this._sourceView.dom);const h=e.createElementNS(x,"use"),a=e.createElementNS(x,"clipPath"),l=e.createElementNS(x,"clipPath");h.setAttribute("href",`#${i}`),a.appendChild(h),a.id=s,o.appendChild(a),l.appendChild(this._hoverRect=e.createElementNS(x,"path")),l.id=r,o.appendChild(l),this._hoverView=e.createElementNS(x,"use"),this._hoverView.setAttribute("href",`#${i}`),this._hoverView.setAttribute("clip-path",`url(#${r}`),this._hoverView.style.stroke="none",this._hoverView.style.fill="none",this.appendDom(this._hoverView),this._pointContainer.add(this._sliceLayer=new E(e,null)),this._pointContainer.setAttr("clip-path",`url(#${s})`),this._slices=new n(this._sliceLayer,Q),this.add(this._lineContainer=new I(e))}_getPointPool(){return this._slices}getClipContainer(){return null}_prepareSeries(e,t){super._prepareSeries(e,t),this.$_prepareSlices(e,t,this._visPoints),this._lineContainer.prepare(t)}_renderSeries(e,t){this.$_renderFigure(this._sourceView,this._model,e,t);const i=this._visPoints,s=this.model.getCenter(e,t),r=this._figurelView.getBoundingClientRect(),o=s.x-r.width/2,n=s.y-r.height/2,h=`translate(${o},${n})`;S.hasFill(this._figurelView)||(this._figurelView.style.fill="transparent"),this._figurelView.setAttribute("transform",h),this._hoverView.setAttribute("transform",h),r.x=o,r.y=n,this.$_layoutSlices(i,r,e,t),this._pointContainer.trans(o,n),this._labelContainer.trans(o,n),this._lineContainer.trans(o,n),this.resize(r.width,r.height),this._rSave=r,this._wSave=e,this._hSave=t}_runShowEffect(e){const t=this.model.options.reversed;e&&N.reveal(this,{from:"column"===this.model.options.direction?t?"right":"left":t?"top":"bottom",view:this._sliceLayer})}_refreshZombie(){this.$_layoutSlices(this._visPoints,this._rSave,this._wSave,this._hSave),this._hoverPoint&&!S.isHidden(this._hoverView)&&this.$_showHoverView(this._hoverPoint)}_animationStarted(e){super._animationStarted(e),this._lineContainer.setVis(this._labelContainer.visible)}setHoverStyle(e){super.setHoverStyle(e);const t=getComputedStyle(e.dom),i="none"!==t.stroke&&parseFloat(t.strokeWidth)>0;S.setVisible(this._hoverView,i)&&Object.assign(this._hoverView.style,{stroke:t.stroke,strokeWidth:t.strokeWidth,strokeDasharray:t.strokeDasharray})}focusPointView(e,t){this._hoverView.style.display=t?"":"none",t&&this.$_showHoverView(e),this._hoverPoint=t?e:null}$_showHoverView(e){this._hoverRect.setAttribute("d",e.getAttr("d"))}$_prepareSlices(e,t,i){this._slices.prepare(i.length,((s,r)=>{const o=s.point=i[r];this._preparePoint(e,t,o,s)}))}$_renderFigure(e,t,i,s){let r,o;e.setPath(t.paths),r=e.getBBox(),o=t.getPictorialSize(r,i,s),e.scale(o.width/r.width,o.height/r.height),R&&this.$_prepareOutline(this._sourceView.dom,i,s,o.width/r.width,o.height/r.height)}$_layoutSlices(e,t,i,s){const r=this._model,o=r.pointLabel,n=r.options.reversed;this.$_calcRates(e),this._lineContainer.setStyleOrClass(o.connector.options.style),"column"===r.options.direction?this.$_renderHorz(n,t,s):this.$_renderVert(n,t,i)}$_calcRates(e){const t=this._zombie,i=this._zombieRate,s=e.length;let r=this.model.getTotal();isNaN(r)&&(r=e.filter((e=>(e.visible||e===t)&&!e.isNull)).map((e=>e.yValue*(e===t?i:e._isDeleted()?e._vr:1))).reduce(((e,t)=>e+t),0)),s>1||s>0&&!t?1==s&&e[0]._isDeleted()||1===s&&e[0]._vr<1?e[0].yRate=1:e.forEach((e=>{const s=H(e.yValue*(e===t?i:e._isDeleted()?e._vr:1)/r)||0;e.yRate=s})):1==s&&(e[0].yRate=H(i))}$_createLabelInfo(e){const{a:t,d:i}=e.getCTM(),{width:s,height:r}=e.getBBox();return{dom:e,sx:t,sy:i,wFigure:s,hFigure:r}}$_renderVert(e,t,i){const s=this.model,r=t.width,o=t.height,n=this._labelViews(),h=s.pointLabel,a="inside"===s.getLabelPos(h),l=h.getOffset(),_=h.getDistance(),d=h.getAlign(),u=null==n?void 0:n.textAlign(),g=[],c=h.options.opposite,p=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,y=new k,f=s.getCenter(i,o).x-t.x,w=r/2;let m=e?0:o;const P=n?n.getWidth(0):0,V=g&&!a&&this.$_createLabelInfo(this._sourceView.dom);let b,v;this._slices.forEach((s=>{const h=s.point;if(s.setVis(!h.isNull)){const x=o*h.yRate;if(e?(s.setPath(B.rectangle(0,m,r,x)),h.yPos=m+x/2,m+=x):(h.yPos=m-x/2,m-=x,s.setPath(B.rectangle(0,m,r,x))),h.xPos=w,v=null==p?void 0:p.get(h),n&&(b=n.get(h,0))&&b.visible){if(a){const e=b.isDomAnimating(),t=b.getBBox();!e&&b.layout(u||"center"),null==v||v.setVis(!1),b.trans(h.xPos-t.width/2,h.yPos-t.height/2)}else-1===d?this.$_layoutLabelNearVert(V,s,b,u,c,v,y,r,f,l,_):1==d?this.$_layoutLabelFarVert(V,s,b,u,c,v,y,l,_,P,t,i):this.$_layoutLabelOutVert(V,s,b,u,c,v,y,l,_);b.setContrast(a&&s.dom),g.push(b),b.setPosY(b.ty)}else v&&v.setVis(!1)}}))}$_renderHorz(e,t,i){const s=this.model,r=t.width,o=t.height,n=this._labelViews(),h=s.pointLabel,a="inside"===s.getLabelPos(h),l=h.getOffset(),_=h.getDistance(),d=h.getAlign(),u=null==n?void 0:n.textAlign(),g=[],c=h.options.opposite,p=this._lineContainer.setVis(h.connector.visible)?this._lineContainer:null,y=new k,f=s.getCenter(r,i).y-t.y,w=o/2,m=n?n.getWidth(0):0,P=g&&!a&&this.$_createLabelInfo(this._sourceView.dom);let V,b,v=e?r:0;this._slices.forEach((s=>{const h=s.point;if(s.setVis(!h.isNull)){const x=r*h.yRate;if(e?(h.xPos=v-x/2,v-=x,s.setPath(B.rectangle(v,0,x,o))):(h.xPos=v+x/2,s.setPath(B.rectangle(v,0,x,o)),v+=x),h.yPos=w,b=null==p?void 0:p.get(h),n&&(V=n.get(h,0))&&V.visible){if(a){const e=V.isDomAnimating(),t=V.getBBox();!e&&V.layout(u||"center"),V.trans(h.xPos-t.width/2,h.yPos-t.height/2),null==b||b.setVis(!1)}else-1===d?this.$_layoutLabelNearHorz(P,s,V,u,c,b,y,o,f,l,_):1==d?this.$_layoutLabelFarHorz(P,s,V,u,c,b,y,l,_,m,t,i):this.$_layoutLabelOutHorz(P,s,V,u,c,b,y,l,_);V.setContrast(a&&s.dom),g.push(V),V.setPosY(V.ty)}else b&&b.setVis(!1)}}))}$_prepareOutline(e,t,i,s,r){const o=+new Date,n=this.control.canvasCtx(),h=e.getTotalLength(),a=z(1,Math.round(h/500));let l;n.setTransform(1,0,0,1,0,0),n.clearRect(0,0,t,i),n.scale(s,r),n.fillStyle="red",n.beginPath(),l=e.getPointAtLength(0),n.moveTo(l.x,l.y);for(let t=0;t<h;t+=a)l=e.getPointAtLength(t),n.lineTo(l.x,l.y);n.closePath(),n.fill(),console.log("canvas",+new Date-o,"ms.")}$_calcLabelPosVert(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{wFigure:o,sx:n}=e,h=2*(e.sx<0?1:1/e.sx);let a=i?0:e.wFigure;if(r.y=t.point.yPos/e.sy,i){for(;a<o;a+=h)if(r.x=a,s.isPointInFill(r))return a>0&&(r.x-=h/2,s.isPointInFill(r)&&(a=r.x)),a*n}else for(;a>=0;a-=h)if(r.x=a,s.isPointInFill(r))return a<o&&(r.x+=h/2,s.isPointInFill(r)&&(a=r.x)),a*n;return e.wFigure*e.sx/2}$_calcLabelPosVertIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{wFigure:o,sx:n}=e,h=2*(n<0?1:1/n);let a=r.y=t.point.yPos,l=i?0:o*n;if(i){for(const e=o*n;l<e;l+=h)if(r.x=l,s.isPointInPath(r.x,a))return l>0&&(r.x-=h/2,s.isPointInPath(r.x,a)&&(l=r.x)),l}else for(;l>=0;l-=h)if(r.x=l,s.isPointInPath(l,a))return l<o*n&&(r.x+=h/2,s.isPointInPath(r.x,a)&&(l=r.x)),l;return o/2}$_layoutLabelOutVert(e,t,i,s,r,o,n,h,a){const l=t.point,_=i.isDomAnimating(),d=i.getBBox(),u=l.yPos;!_&&i.layout(s||(r?"right":"left"));let g=R?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);o&&(r?o.setLine(n.reset(0,0).line(-a,0).end()):o.setLine(n.reset(0,0).line(a,0).end()),o.trans(g,u)),r?g-=a+h+d.width:g+=a+h,i.trans(g,u-d.height/2)}$_layoutLabelNearVert(e,t,i,s,r,o,n,h,a,l,_){const d=t.point,u=i.isDomAnimating(),g=i.getBBox(),c=d.yPos;!u&&i.layout(s||(r?"right":"left"));const p=R?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);let y=a;r?y-=h/2:y+=h/2,o&&(r?o.setLine(n.reset(0,0).line(y-p-_,0).end()):o.setLine(n.reset(0,0).line(y+_-p,0).end()),o.trans(p,c)),r?y-=l+_+g.width:y+=_+l,i.trans(y,c-g.height/2)}$_layoutLabelFarVert(e,t,i,s,r,o,n,h,a,l,_,d){const u=t.point,g=i.isDomAnimating(),c=i.getBBox(),p=u.yPos;!g&&i.layout(s||(r?"right":"left"));const y=R?this.$_calcLabelPosVertIE(e,t,r):this.$_calcLabelPosVert(e,t,r);let f;f=r?a+h+l-_.x:d-_.x-a-l-h,o&&(r?o.setLine(n.reset(0,0).line(f-y-a,0).end()):o.setLine(n.reset(0,0).line(f+a-y,0).end()),o.trans(y,p)),r?f-=h+a+c.width:f+=a+h,i.trans(f,p-c.height/2)}$_calcLabelPosHorz(e,t,i){const s=e.dom,r=s.ownerSVGElement.createSVGPoint(),{hFigure:o,sy:n}=e,h=2*(e.sy<0?1:1/e.sy);let a=i?e.hFigure:0;if(r.x=t.point.xPos/e.sx,i){for(;a>=0;a-=h)if(r.y=a,s.isPointInFill(r))return a<e.hFigure&&(r.y+=h/2,s.isPointInFill(r)&&(a=r.y)),a*n}else for(;a<o;a+=h)if(r.y=a,s.isPointInFill(r))return a>0&&(r.y-=h/2,s.isPointInFill(r)&&(a=r.y)),a*n;return e.hFigure*e.sy/2}$_calcLabelPosHorzIE(e,t,i){const s=this.control.canvasCtx(),r={x:0,y:0},{hFigure:o,sy:n}=e,h=2*(e.sy<0?1:1/e.sy);let a=r.x=t.point.xPos,l=i?o*n:0;if(i){for(;l>=0;l-=h)if(r.y=l,s.isPointInPath(a,r.y))return l<o*n&&(r.y+=h/2,s.isPointInPath(a,r.y)&&(l=r.y)),l}else for(;l<o;l+=h)if(r.y=l,s.isPointInPath(a,r.y))return l>0&&(r.y-=h/2,s.isPointInPath(a,r.y)&&(l=r.y)),l;return e.hFigure*e.sy/2}$_layoutLabelOutHorz(e,t,i,s,r,o,n,h,a){const l=t.point,_=i.isDomAnimating(),d=i.getBBox(),u=l.xPos;!_&&i.layout(s);let g=R?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r);o&&(r?o.setLine(n.reset(0,0).line(0,a).end()):o.setLine(n.reset(0,0).line(0,-a).end()),o.trans(u,g)),r?g+=a+h:g-=a+h,i.trans(u-d.width/2,r?g:g-d.height)}$_layoutLabelNearHorz(e,t,i,s,r,o,n,h,a,l,_){const d=t.point,u=i.isDomAnimating(),g=i.getBBox(),c=d.xPos;!u&&i.layout(s||(r?"right":"left"));let p=R?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r),y=a;r?y+=h/2:y-=h/2,o&&(r?o.setLine(n.reset(0,0).line(0,y+_-p).end()):o.setLine(n.reset(0,0).line(0,y-p-_).end()),o.trans(c,p)),r?y+=_+l:y-=l+_+g.height,i.trans(c-g.width/2,y)}$_layoutLabelFarHorz(e,t,i,s,r,o,n,h,a,l,_,d){const u=t.point,g=i.isDomAnimating(),c=i.getBBox(),p=u.xPos;!g&&i.layout(s||(r?"right":"left"));const y=R?this.$_calcLabelPosHorzIE(e,t,r):this.$_calcLabelPosHorz(e,t,r);let f;f=r?d-_.y-a-l-h:a+h+l-_.y,o&&(r?o.setLine(n.reset(0,0).line(0,f+a-y).end()):o.setLine(n.reset(0,0).line(0,f-y-a).end()),o.trans(p,y)),r?f+=a+h:f-=h+a+c.height,i.trans(p-c.width/2,f)}}function ee(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(M),e.Series.register(U),e.Series.register(Y),e.SeriesView.register([M,G]),e.SeriesView.register([U,J]),e.SeriesView.register([Y,X]))}export{M as PictogramSeries,U as PictorialBarSeries,Y as PictorialSeries,ee as default};
|
package/realchart-style.css
CHANGED
|
@@ -170,6 +170,16 @@
|
|
|
170
170
|
--rct-point-label-line-stroke-width: 1px;
|
|
171
171
|
--rct-point-label-line-stroke: rgba(85, 133, 85, 0.38);
|
|
172
172
|
|
|
173
|
+
--rct-series-trendline-stroke: #ff0000;
|
|
174
|
+
--rct-series-trendline-marker-stroke: #555;
|
|
175
|
+
--rct-series-trendline-marker-fill: white;
|
|
176
|
+
--rct-series-trendline-area-fill-opacity: 0.2;
|
|
177
|
+
--rct-series-trendline-fixed-fill: #000000;
|
|
178
|
+
--rct-series-trendline-variable-fill: #00ff00;
|
|
179
|
+
--rct-series-trendline-label-fill: #111;
|
|
180
|
+
--rct-series-trendline-label-font: monospace;
|
|
181
|
+
--rct-series-trendline-label-font-size: 13px;
|
|
182
|
+
|
|
173
183
|
--rct-credits-fill: #777;
|
|
174
184
|
|
|
175
185
|
/* polar */
|
|
@@ -756,11 +766,31 @@
|
|
|
756
766
|
opacity: 1 !important;
|
|
757
767
|
}
|
|
758
768
|
.rct-series-trendline {
|
|
759
|
-
stroke:
|
|
769
|
+
stroke: var(--rct-series-trendline-stroke);
|
|
760
770
|
stroke-width: 2px;
|
|
761
771
|
stroke-linejoin: round;
|
|
762
772
|
fill: none;
|
|
763
773
|
}
|
|
774
|
+
.rct-series-trendline-marker {
|
|
775
|
+
stroke: var(--rct-series-trendline-marker-stroke);
|
|
776
|
+
stroke-width: 2px;
|
|
777
|
+
fill: var(--rct-series-trendline-marker-fill);
|
|
778
|
+
}
|
|
779
|
+
.rct-series-trendline-fixed {
|
|
780
|
+
stroke: none;
|
|
781
|
+
fill: var(--rct-series-trendline-fixed-fill);
|
|
782
|
+
fill-opacity: var(--rct-series-trendline-area-fill-opacity);
|
|
783
|
+
}
|
|
784
|
+
.rct-series-trendline-variable {
|
|
785
|
+
stroke: none;
|
|
786
|
+
fill: var(--rct-series-trendline-variable-fill);
|
|
787
|
+
fill-opacity: var(--rct-series-trendline-area-fill-opacity);
|
|
788
|
+
}
|
|
789
|
+
.rct-series-trendline-label {
|
|
790
|
+
font-family: var(--rct-series-trendline-label-font);
|
|
791
|
+
font-size: var(--rct-series-trendline-label-font-size);
|
|
792
|
+
fill: var(--rct-series-trendline-label-fill);
|
|
793
|
+
}
|
|
764
794
|
|
|
765
795
|
/** data point hover */
|
|
766
796
|
.rct-point-unhover {
|
package/split.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Split v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Split v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RealChartSplit={},e.RealChart)}(this,(function(e,t){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var i=s(t);class o{constructor(e,t){this.row=e,this.col=t,this._axes=[]}sort(e,t){const s=t&&!e||!t&&e;this._axes.length>1&&(s?this._axes.sort(((e,t)=>{const s=e._posValue(),i=t._posValue();return s===i?s<0?t._index-e._index:s>0?e._index-t._index:e.row!==t.row?t.row-e.row:e.row<this.row?t._index-e._index:e._index-t._index:i-s})):this._axes.sort(((e,t)=>{const s=e._posValue(),i=t._posValue();return s===i?s<0?e._index-t._index:s>0?t._index-e._index:e.col!==t.col?e.col-e.col:e.col<this.col?e._index-t._index:t._index-e._index:s-i})))}}class r{constructor(e,t){this.chart=e,this.isX=t}rows(){return this._matrix.length}cols(){return this._matrix[0].length}_prepare(e,t,s,i){this._doPrepare(e,t,s),this._matrix.forEach((e=>{e.forEach((e=>e.sort(this.isX,i)))}))}get(e,t){return this._matrix[e][t]}getRow(e){return this._matrix[e]}getColumn(e){return this._matrix.map((t=>t[e]))}_buildTicks(e,t){const s=this.isX;this._matrix.forEach(((i,o)=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{!i.isBased()&&(t<2||s)&&i._buildTicks(e[s?i.options.col:i.options.row],t)}))}))})),this._matrix.forEach(((i,o)=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{i.isBased()&&(t<2||s)&&i._buildTicks(e[s?i.options.col:i.options.row],t)}))}))}))}_calcPoints(e,t){const s=this.isX;this._matrix.forEach((i=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{if(t<2||s){const o=s?i.options.col:i.options.row;i._calcPoints(e[o],t)}}))}))}))}}class n extends r{constructor(e){super(e,!0)}_doPrepare(e,t,s){const i=this._matrix=new Array(t+1);for(let e=0;e<i.length;e++){i[e]=[];for(let t=0;t<s;t++)i[e].push(new o(e,t))}e.forEach((e=>{var s,o;const r=e.options.position;let n=e.row;"opposite"===r?(n++,e._runPos=r):n<t-1&&"between"===r?(n++,e._runPos="normal"):e._runPos=r,null===(o=null===(s=i[n])||void 0===s?void 0:s[e.col])||void 0===o||o._axes.push(e)}))}}class h extends r{constructor(e){super(e,!1)}_doPrepare(e,t,s){const i=this._matrix=new Array(t);for(let e=0;e<i.length;e++){i[e]=[];for(let t=0;t<=s;t++)i[e].push(new o(e,t))}e.forEach((e=>{var t,o;const r=e.options.position;let n=e.col;"opposite"===r?(n++,e._runPos=r):e.col<s-1&&"between"===r?(n++,e._runPos="normal"):e._runPos=r,null===(o=null===(t=i[e.row])||void 0===t?void 0:t[n])||void 0===o||o._axes.push(e)}))}}class a extends t.Body{constructor(e){super(e.chart),this.pane=e}contains(e){return e.col===this.pane.col||e.row===this.pane.row}}a.defaults=t.extend(t.Body.defaults,{extended:!0,radius:void 0,centerX:void 0,centerY:void 0});class c extends t.Legend{constructor(e){super(e.chart),this.pane=e}_doPrepareRender(e){super._doPrepareRender(e),this._location="body"}_getLegendSources(){return this.options.visible?this.chart._getSeries().getLegendSources(this.pane.row,this.pane.col):[]}}class l extends t.ChartItem{constructor(e,t,s){super(e),this.row=t,this.col=s}_doInit(e){e.body=(this._body=new a(this)).init(),e.legend=(this._legend=new c(this)).init()}get body(){return this._body}get legend(){return this._legend}_prepareRender(){this._body._prepareRender(),this._legend._prepareRender()}}class _ extends t.ChartItem{constructor(e){super(e),this._cols=1,this._rows=1,this._paneDic={},this._panes=[],this._xAxes=new n(e),this._yAxes=new h(e)}get count(){return this._rows*this._cols}get rowCount(){return this._rows}get colCount(){return this._cols}get paneCount(){return this._rows*this._cols}colSizes(){return this._colSizes}rowSizes(){return this._rowSizes}getPane(e,t){return this._panes[e][t]}getRow(e){return this._panes[e]}getColumn(e){return this._panes.map((t=>t[e]))}getAxisOf(e,t){var s,i;const o=this.chart,r=e.body;if(r){const n=r.pane;return t?o._getXAxes().get(e.options.xAxis)||this._xAxes.get(n.row,n.col)._axes[0]||(null===(s=o._getSeries().getPaneSeries(n.row,n.col)[0])||void 0===s?void 0:s._xAxisObj):o._getXAxes().get(e.options.yAxis)||this._yAxes.get(r.pane.row,r.pane.col)._axes[0]||(null===(i=o._getSeries().getPaneSeries(n.row,n.col)[0])||void 0===i?void 0:i._yAxisObj)}}isValidAxis(e){return e&&e.row<this._rows&&e.col<this._cols}_doLoadProp(e,t){return["panes","cols","rows"].indexOf(e)>=0||super._doLoadProp(e,t)}_doSetSimple(e){if(t.isArray(e)&&e.length>0){const s=t.maxv(1,+e[0]),i=t.maxv(1,t.pickNum(+e[1],s));return s>0&&i>0&&(this.$_parsePanes(s,i),this.visible=!0),!0}return super._doSetSimple(e)}_load(e){return super._load(e),t.isObject(e)&&(this.$_parsePanes(e.rows,e.cols),this._paneDic=this.$_loadPanes(e.panes)),this}_doPrepareRender(e){this._panes=this.$_collectPanes(e),this._panes.forEach((e=>e.forEach((e=>e._prepareRender()))))}_calcSizes(e,s){const i=e.length,o=new Array(i);let r=0;if(i>1){let n=s,h=0;for(r=0;r<i;r++){const s=e[r];t.isNumber(s)?n-=o[r]=Math.max(0,Math.min(n,s)):h+=s.size}if(h>0)for(r=0;r<i;r++){const s=e[r];t.isNumber(s)||(o[r]=n*s.size/h)}}else o[r]=s;return o}getXLens(e){return this._calcSizes(this._colSizes,e)}getYLens(e){return this._calcSizes(this._rowSizes,e)}measureAxes(e,t,s,i){const o=this.getXLens(s?t:e),r=this.getYLens(s?e:t);this._xAxes._buildTicks(o,i),this._yAxes._buildTicks(r,i),this.$_calcAxesPoints(o,r,i)}$_calcAxesPoints(e,t,s){this._xAxes._calcPoints(e,s),this._yAxes._calcPoints(t,s)}completeAxesPoints(e,t){this.$_calcAxesPoints(e,t,101)}getBodyAnnotation(e){for(const t in this._paneDic){const s=this._paneDic[t].body.getAnnotation(e);if(s)return s}}prepareRender(e,t){const s=this.chart.isInverted();this._prepareRender(),this._xAxes._prepare(e,this._rows,this._cols,s),this._yAxes._prepare(t,this._rows,this._cols,s)}$_parseSizes(e){let s;return s=t.isArray(e)&&e.length>0?e.slice(0):e>0?new Array(e).fill("*"):["*"],s.map((e=>{if(t.isString(e)){const s=e.trim();return{size:"*"===s?1:t.pickNum(parseFloat(s),1)}}return t.pickNum(+e,1)}))}$_parsePanes(e,t){this._colSizes=this.$_parseSizes(t),this._rowSizes=this.$_parseSizes(e),this._cols=this._colSizes.length,this._rows=this._rowSizes.length}$_loadPanes(e){const s=this.chart,i=this._op.extendBody?s._body._config:void 0,o={};if(e=t.isArray(e)?e:t.isObject(e)?[e]:null,t.isArray(e)&&e.forEach((e=>{const t=+e.row||0,r=+e.col||0;if(r>=0&&r<this._cols&&t>=0&&t<this._rows){const n=new l(s,t,r);let h=e;n.init(),!i||e&&e.body&&!1===e.body.extended||(e?(h=Object.assign({},e),e.body?!1!==e.body.extended&&(h.body=Object.assign({},i,e.body)):h.body=i):h={body:i}),n._load(h),o[t+","+r]=n}})),i)for(let e=0;e<this._rows;e++)for(let t=0;t<this._cols;t++){const r=e+","+t;if(!o[r]){const n=new l(s,e,t);n.init(),n._load({body:i}),o[r]=n}}return o}$_collectPanes(e){const t=[];for(let s=0;s<this._rows;s++){const i=[];for(let t=0;t<this._cols;t++){const o=this._paneDic[s+","+t]||new l(e,s,t)._initObject();i.push(o)}t.push(i)}return t}}_.defaults=t.extend(t.ChartItem.defaults,{visible:!1,extendBody:!0,gap:0});class d extends t.SectionView{constructor(){super(...arguments),this.views=[],this._gap=0}isEmpty(){return 0===this.views.length}prepare(e,s,i,o){const r=this.views,n=[];for(this.isX=i,o._axes.forEach((e=>{e.checkVisible()&&s.isValidAxis(e)&&n.push(e)}));r.length<n.length;){const s=new t.AxisView(e);this.add(s),r.push(s)}for(;r.length>n.length;)r.pop().remove();if(r.forEach(((e,t)=>{e.setModel(n[t])})),this.axes=n,this.setVis(r.length>0)){const e=r[0].model;this._gap=e.chart.getAxesGap()}}prepareGuides(e,t,s){const i=this.views,o=this.axes;i.forEach(((s,i)=>{const r=o[i];t.forEach((t=>{t.forEach((t=>{t.isConnected(r)&&s.setVis(this.visible)&&(s.prepareGuides(e,t.row,t.col,t._guideContainer,t._frontGuideContainer),r._isHorz||(t._axes||(t._axes=[]),t._axes.push(r)))}))}))})),t.forEach((t=>{t.forEach((t=>{t._axes&&(t._gridRowContainer.addAll(e,t._axes),t._axes=[])}))}))}checkHeights(e,t,s){return this.views.length>0?this.$_checkHeights(this.views,e,t,s):0}$_checkHeights(e,t,s,i){let o=0;return e&&(e.forEach((e=>{o+=e.checkHeight(t,s,i)})),o+=(this.views.length-1)*this._gap),o}checkWidths(e,t,s){return this.views.length>0?this.$_checkWidths(this.views,e,t,s):0}$_checkWidths(e,t,s,i){let o=0;return e&&(e.forEach((e=>{o+=e.checkWidth(t,s,i)})),o+=(this.views.length-1)*this._gap),o}getScrollView(e){var t;for(const s of this.views)if(null===(t=s._scrollView)||void 0===t?void 0:t.contains(e))return s._scrollView}setMargins(e,t,s,i){this.views.forEach((o=>o.setMargins(e,t,s,i)))}_setInverted(e){super._setInverted(e),this.isHorz=e&&!this.isX||!e&&this.isX}_doMeasure(e,t,s,i,o){const r=this.axes;if(this.isHorz){let t=0;return this.views.forEach(((n,h)=>{t+=n.measure(e,r[h],s,i,o).height})),{width:s,height:t}}{let t=0;return this.views.forEach(((n,h)=>{t+=n.measure(e,r[h],s,i,o).width})),{width:t,height:i}}}_doLayout(e){const t=this.views,s=this.width,i=this.height,o=t.length;let r=0,n=o-1;if(this.isHorz){let e,h,a=0;for(;r<o;r++){const e=t[r];if(e.model._posValue()<1)break;e.trans(0,a),a+=e.mh}for(e=a,a=i;n>=0;n--){const e=t[n];if(e.model._posValue()>-1)break;a-=e.mh,e.trans(0,a)}h=a;const c=h-e;let l=0;for(let e=r;e<=n;e++)l+=t[e].mh;e+=(c-l)/2;for(let s=r;s<=n;s++){const i=t[s];i.trans(0,e),e+=i.mh}t.forEach((e=>{e.resize(s,e.mh),e.model._calcPoints(s,999),e.layout()}))}else{let e,h,a=0;for(;r<o;r++){const e=t[r];if(e.model._posValue()>-1)break;e.trans(a,0),a+=e.mw}for(e=a,a=s;n>=0;n--){const e=t[n];if(e.model._posValue()<1)break;a-=e.mw,e.trans(a,0)}h=a;const c=h-e;let l=0;for(let e=r;e<=n;e++)l+=t[e].mw;e+=(c-l)/2;for(let s=r;s<=n;s++){const i=t[s];i.trans(e,0),e+=i.mw}t.forEach((e=>{e.resize(e.mw,i),e.model._calcPoints(i,999),e.layout()}))}}}class u extends t.SectionView{constructor(e,t){super(e,"rct-axis-container"),this.isX=t,this.sections=[]}prepare(e,t,s,i,o){const r=this.isX?s.getRow(i):s.getColumn(i);for(;this.sections.length<r.length;){const t=new d(e);this.add(t),this.sections.push(t)}for(;this.sections.length>r.length;)this.sections.pop().remove();this.sections.forEach(((s,o)=>{this.isX?(s.row=i,s.col=o):(s.col=i,s.row=o),s.prepare(e,t,this.isX,r[o])})),this._setInverted(o)}prepareGuides(e,t,s,i){const o=this.isX?s.getRow(i):s.getColumn(i);for(;this.sections.length<o.length;){const t=new d(e);this.add(t),this.sections.push(t)}for(;this.sections.length>o.length;)this.sections.pop().remove();this.sections.forEach(((o,r)=>{this.isX?(o.row=i,o.col=r):(o.col=i,o.row=r),o.prepareGuides(e,t,s)}))}checkWidths(e,t,s){return this.sections.length>0?this._isHorz?this.sections.reduce(((i,o)=>i+o.checkWidths(e,t,s)),0):this.sections.reduce(((i,o)=>Math.max(i,o.checkWidths(e,t,s))),0):0}checkHeights(e,t,s){return this.sections.length>0?this._isHorz?this.sections.reduce(((i,o)=>Math.max(i,o.checkHeights(e,t,s))),0):this.sections.reduce(((i,o)=>i+o.checkHeights(e,t,s)),0):0}_setInverted(e){super._setInverted(e),this._isHorz=e&&!this.isX||!e&&this.isX}_doMeasure(e,s,i,o,r){let n=0,h=0;return this._isHorz?this.sections.forEach((n=>{h=t.maxv(h,n.measure(e,s,i,o,r).height)})):this.sections.forEach((h=>{n=t.maxv(n,h.measure(e,s,i,o,r).width)})),{width:n,height:h}}_doLayout(e){this._isHorz?this.height>0&&this.sections.forEach(((t,s)=>{t.resize(e[2*(s+1)]-e[2*(s+1)-1],this.height),t.trans(e[2*s+1]-e[1],0),t.layout()})):this.width>0&&this.sections.forEach(((t,s)=>{t.resize(this.width,e[2*(s+1)]-e[2*(s+1)-1]),t.trans(0,this.height-(e[2*(s+1)]-e[1])),t.layout()}))}}class p extends t.BodyView{constructor(e,s){super(e,s),this.row=0,this.col=0,this.add(this._legendView=new t.LegendView(e))}getCol(){return this.col}getRow(){return this.row}getTooltipPos(){return{x:this.parent.parent.tx+this.tx,y:this.parent.parent.ty+this.ty}}prepareRender(e,s){const i=s.chart,o=s.depth.visible,r=this.row,n=this.col,h=i._split.getPane(r,n).body;this._animatable=t.RcControl._animatable&&i.animatable(),this._prepareSeries(e,s,i._getSeries().getPaneSeries(r,n),o),this._prepareGauges(e,i,i._getGauges().getPaneVisibles(r,n)),this._prepareAnnotations(e,h.getAnnotations().concat(i._getAnnotations().getPaneVisibles(r,n)))}_doMeasure(e,t,s,i,o){return this._legendView.setVis(t.pane.legend.visible)&&this._legendView.measure(e,t.pane.legend,s,i,o),super._doMeasure(e,t,s,i,o)}_doLayout(){super._doLayout();const e=this._legendView;if(e.visible){this._seriesViews.forEach((t=>{if(t.needDecoreateLegend()){const s=e.legendOfSeries(t.model);s&&t.decoreateLegend(s)}}));const t=e.model.options,s=t.align,i=t.verticalAlign;let o=0,r=0,n=+t.offsetX||0;switch(s){case"right":o+=this.width-e.mw-n;break;case"center":o+=(this.width-e.mw)/2+n;break;default:o+=n}switch(n=+t.offsetY||0,i){case"bottom":r+=this.height-e.mh-n;break;case"middle":r+=(this.height-e.mh)/2+n;break;default:r+=n}e.trans(o,r).resize(e.mw,e.mh),e.layout()}}}class g extends t.PaneContainer{constructor(e,t){super(e,g.STYLE_NAME),this._bodies=[],this._xContainers=[],this._yContainers=[],this._owner=t}get bodies(){return this._bodies}bodyViewOf(e){return this._bodies.find((t=>t.contains(e)))}prepare(e,t){t.chart,this.$_init(e),this._model=t,this.$_prepareBodies(e,t)}measure(e,t,s,i,o){const r=t.chart,n=this._inverted=t.chart.isInverted(),h=t._xAxes,a=t._yAxes,c=s,l=i;this.$_prepareAxes(e,h,!0,n),this.$_prepareAxes(e,a,!1,n),t.measureAxes(s,i,n,o),n?(s-=this._xContainers.reduce(((t,o)=>t+o.checkWidths(e,s,i)),0),i-=this._yContainers.reduce(((t,o)=>t+o.checkHeights(e,s,i)),0)):(i-=this._xContainers.reduce(((t,o)=>t+o.checkHeights(e,s,i)),0),s-=this._yContainers.reduce(((t,o)=>t+o.checkWidths(e,s,i)),0)),t.measureAxes(s,i,n,o),this._xContainers.forEach((t=>t.measure(e,r,s,i,o))),this._yContainers.forEach((t=>t.measure(e,r,s,i,o))),s=c,i=l,n?(s-=this._xContainers.reduce(((e,t)=>e+t.mw),0),i-=this._yContainers.reduce(((e,t)=>e+t.mh),0)):(i-=this._xContainers.reduce(((e,t)=>e+t.mh),0),s-=this._yContainers.reduce(((e,t)=>e+t.mw),0)),o++,t.measureAxes(s,i,n,o),this.$_prepareAxisGuides(e,h,!0),this.$_prepareAxisGuides(e,a,!1),this._xContainers.forEach((t=>{t.measure(e,r,s,i,o)})),this._yContainers.forEach((t=>{t.measure(e,r,s,i,o)}));const _=t.getXLens(n?i:s),d=t.getYLens(n?s:i);t.completeAxesPoints(_,d)}layout(){const e=this._model,t=this.width,s=this.height;this._back.resize(t,s),this.$_calcExtents(e,t,s),this.$_layoutAxes(e,!0,t,s),this.$_layoutAxes(e,!1,t,s),this.$_layoutBodies(e,t,s)}seriesByDom(e){for(const t of this._bodies){const s=t.seriesByDom(e);if(s)return s}}getSeries(e){for(const t of this.bodies){const s=t.findSeries(e);if(s)return s}}legendByDom(e){for(const t of this.bodies){const s=t._legendView.legendByDom(e);if(s)return s}}$_init(e){this._back||(this.add(this._back=new t.RectElement(e)),this._back.setStyles({fill:"none"}),this.add(this._bodyContainer=new t.LayerElement(e,void 0)),this.add(this._axisContainer=new t.LayerElement(e,void 0)))}$_prepareBodies(e,t){t.chart;const s=t.paneCount,i=t.rowCount,o=t.colCount,r=this._bodies,n=this._bodyMap=[];for(;r.length<s;){const t=new p(e,this._owner);this._bodyContainer.add(t),r.push(t)}for(;r.length>s;)r.pop().remove();for(let e=0;e<i;e++){const t=[];for(let s=0;s<o;s++){const i=r[e*o+s];t.push(i),i.row=e,i.col=s}n.push(t)}r.forEach((s=>{s.prepareRender(e,t.getPane(s.row,s.col).body),s.prepareGuideContainers(),s._gridRowContainer.prepare()}))}$_prepareAxes(e,t,s,i){const o=this._model.chart,r=s?this._xContainers:this._yContainers,n=s?t.rows():t.cols();for(;r.length<n;){const t=new u(e,s);this._axisContainer.add(t),r.push(t)}for(;r.length>n;)r.pop().remove();r.forEach(((s,r)=>{s.prepare(e,o,t,r,i)}))}$_prepareAxisGuides(e,t,s){(s?this._xContainers:this._yContainers).forEach(((s,i)=>{s.prepareGuides(e,this._bodyMap,t,i)}))}$_calc(e,t,s,i){const o=s.length,r=new Array(2*(o+1)),n=t-e.reduce(((e,t)=>e+t[i]),0),h=this._model._calcSizes(s,n);let a=0,c=0;for(c=0;c<o;c++)r[2*c]=a,r[2*c+1]=a+=e[c][i],a+=h[c];return r[2*c]=a,r[2*c+1]=a+e[c][i],r}$_calcExtents(e,t,s){this._inverted?(this._rowPoints=this.$_calc(this._xContainers,t,e.rowSizes(),"mw"),this._colPoints=this.$_calc(this._yContainers,s,e.colSizes(),"mh")):(this._rowPoints=this.$_calc(this._xContainers,s,e.rowSizes(),"mh"),this._colPoints=this.$_calc(this._yContainers,t,e.colSizes(),"mw"))}$_layoutAxes(e,t,s,i){const o=this.control._padding,r=this._rowPoints,n=this._colPoints,h=t?this._xContainers:this._yContainers;if(this._inverted)if(t){const e=n[1],t=n[n.length-2]-e;h.forEach(((e,s)=>{e.resize(e.mw,t),e.trans(r[2*s],i-n[n.length-2]),e.layout(n)}))}else{const e=r[1],t=r[r.length-2]-e;h.forEach(((s,h)=>{const a=s.sections;for(let e=0,t=a.length;e<t;e++){const s=a[e],i=0===e?o.left:0,n=e===t-1?o.right:0;let h=0,c=0;t>1&&(h=r[2*e+1]-r[2*e],c=r[2*(e+1)+1]-r[2*(e+1)],0===e?a[e+1].isEmpty()?c=r[2*(e+1)]-r[2*(e+1)-1]:c/=2:e===t-1?a[e-1].isEmpty()?h=r[2*(e-1)]-r[2*(e-1)-1]:h/=2:(a[e-1].isEmpty()?h=r[2*(e-1)]-r[2*(e-1)-1]:h/=2,a[e+1].isEmpty()?c=r[2*(e+1)]-r[2*(e+1)-1]:c/=2)),s.setMargins(i,h,c,n)}s.resize(t,s.mh),s.trans(e,i-n[2*h+1]),s.layout(r)}))}else if(t){const e=n[1];s=n[n.length-2]-e,h.forEach(((t,a)=>{const c=t.sections;for(let e=0,t=c.length;e<t;e++){const s=c[e],i=0===a?o.left:0,l=a===h.length-1?o.right:0;let _=0,d=0;t>1&&(_=n[2*e+1]-n[2*e],d=n[2*(e+1)+1]-n[2*(e+1)],0===e?c[e+1].isEmpty()?d=n[2*(e+1)]-n[2*(e+1)-1]:d/=2:e===t-1?c[e-1].isEmpty()?_=n[2*(e-1)]-n[2*(e-1)-1]:_/=2:(c[e-1].isEmpty()?_=n[2*(e-1)]-n[2*(e-1)-1]:_/=2,c[e+1].isEmpty()?d=n[2*(e+1)]-r[2*(e+1)-1]:d/=2)),s.setMargins(i,_,d,l)}t.resize(s,t.mh),t.trans(e,i-r[2*a+1]),t.layout(n)}))}else{const e=r[r.length-2],t=e-r[1];h.forEach(((s,o)=>{s.resize(s.mw,t),s.trans(n[2*o],i-e),s.layout(r)}))}}$_layoutBodies(e,t,s){const i=e.rowCount,o=e.colCount,r=this._rowPoints,n=this._colPoints,h=this._bodies;if(this._inverted)for(let t=0;t<i;t++){const s=r[2*(t+1)-1],i=r[2*(t+1)];for(let r=0;r<o;r++){const a=h[t*o+r],c=n[2*r+1],l=n[2*(r+1)];a.measure(this.doc,e.getPane(t,r).body,i-s,l-c,1),a.resize(i-s,l-c),a.trans(s,this.height-l),a.layout()}}else for(let t=0;t<i;t++){const i=r[2*(t+1)-1],a=r[2*(t+1)];for(let r=0;r<o;r++){const c=h[t*o+r],l=n[2*(r+1)-1],_=n[2*(r+1)];c.measure(this.doc,e.getPane(t,r).body,_-l,a-i,1),c.resize(_-l,a-i),c.trans(l,s-a),c.layout()}}}}function f(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.ChartObject.registerSplitClass(_),e.ChartView.registerPaneClass(g))}g.STYLE_NAME="rct-panes",f(i),e.Split=_,e.default=f,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/split.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Split v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Split v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
import{extend as e,Body as s,ChartItem as t,isArray as i,maxv as o,pickNum as r,isObject as n,isNumber as h,isString as a,Legend as c,PaneContainer as l,RectElement as _,LayerElement as d,SectionView as u,BodyView as p,LegendView as g,RcControl as w,AxisView as f}from"./index.mjs";class x{constructor(e,s){this.row=e,this.col=s,this._axes=[]}sort(e,s){const t=s&&!e||!s&&e;this._axes.length>1&&(t?this._axes.sort(((e,s)=>{const t=e._posValue(),i=s._posValue();return t===i?t<0?s._index-e._index:t>0?e._index-s._index:e.row!==s.row?s.row-e.row:e.row<this.row?s._index-e._index:e._index-s._index:i-t})):this._axes.sort(((e,s)=>{const t=e._posValue(),i=s._posValue();return t===i?t<0?e._index-s._index:t>0?s._index-e._index:e.col!==s.col?e.col-e.col:e.col<this.col?e._index-s._index:s._index-e._index:t-i})))}}class m{constructor(e,s){this.chart=e,this.isX=s}rows(){return this._matrix.length}cols(){return this._matrix[0].length}_prepare(e,s,t,i){this._doPrepare(e,s,t),this._matrix.forEach((e=>{e.forEach((e=>e.sort(this.isX,i)))}))}get(e,s){return this._matrix[e][s]}getRow(e){return this._matrix[e]}getColumn(e){return this._matrix.map((s=>s[e]))}_buildTicks(e,s){const t=this.isX;this._matrix.forEach(((i,o)=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{!i.isBased()&&(s<2||t)&&i._buildTicks(e[t?i.options.col:i.options.row],s)}))}))})),this._matrix.forEach(((i,o)=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{i.isBased()&&(s<2||t)&&i._buildTicks(e[t?i.options.col:i.options.row],s)}))}))}))}_calcPoints(e,s){const t=this.isX;this._matrix.forEach((i=>{i.forEach(((i,o)=>{i._axes.forEach((i=>{if(s<2||t){const o=t?i.options.col:i.options.row;i._calcPoints(e[o],s)}}))}))}))}}class y extends m{constructor(e){super(e,!0)}_doPrepare(e,s,t){const i=this._matrix=new Array(s+1);for(let e=0;e<i.length;e++){i[e]=[];for(let s=0;s<t;s++)i[e].push(new x(e,s))}e.forEach((e=>{var t,o;const r=e.options.position;let n=e.row;"opposite"===r?(n++,e._runPos=r):n<s-1&&"between"===r?(n++,e._runPos="normal"):e._runPos=r,null===(o=null===(t=i[n])||void 0===t?void 0:t[e.col])||void 0===o||o._axes.push(e)}))}}class b extends m{constructor(e){super(e,!1)}_doPrepare(e,s,t){const i=this._matrix=new Array(s);for(let e=0;e<i.length;e++){i[e]=[];for(let s=0;s<=t;s++)i[e].push(new x(e,s))}e.forEach((e=>{var s,o;const r=e.options.position;let n=e.col;"opposite"===r?(n++,e._runPos=r):e.col<t-1&&"between"===r?(n++,e._runPos="normal"):e._runPos=r,null===(o=null===(s=i[e.row])||void 0===s?void 0:s[n])||void 0===o||o._axes.push(e)}))}}class E extends s{constructor(e){super(e.chart),this.pane=e}contains(e){return e.col===this.pane.col||e.row===this.pane.row}}E.defaults=e(s.defaults,{extended:!0,radius:void 0,centerX:void 0,centerY:void 0});class v extends c{constructor(e){super(e.chart),this.pane=e}_doPrepareRender(e){super._doPrepareRender(e),this._location="body"}_getLegendSources(){return this.options.visible?this.chart._getSeries().getLegendSources(this.pane.row,this.pane.col):[]}}class A extends t{constructor(e,s,t){super(e),this.row=s,this.col=t}_doInit(e){e.body=(this._body=new E(this)).init(),e.legend=(this._legend=new v(this)).init()}get body(){return this._body}get legend(){return this._legend}_prepareRender(){this._body._prepareRender(),this._legend._prepareRender()}}class P extends t{constructor(e){super(e),this._cols=1,this._rows=1,this._paneDic={},this._panes=[],this._xAxes=new y(e),this._yAxes=new b(e)}get count(){return this._rows*this._cols}get rowCount(){return this._rows}get colCount(){return this._cols}get paneCount(){return this._rows*this._cols}colSizes(){return this._colSizes}rowSizes(){return this._rowSizes}getPane(e,s){return this._panes[e][s]}getRow(e){return this._panes[e]}getColumn(e){return this._panes.map((s=>s[e]))}getAxisOf(e,s){var t,i;const o=this.chart,r=e.body;if(r){const n=r.pane;return s?o._getXAxes().get(e.options.xAxis)||this._xAxes.get(n.row,n.col)._axes[0]||(null===(t=o._getSeries().getPaneSeries(n.row,n.col)[0])||void 0===t?void 0:t._xAxisObj):o._getXAxes().get(e.options.yAxis)||this._yAxes.get(r.pane.row,r.pane.col)._axes[0]||(null===(i=o._getSeries().getPaneSeries(n.row,n.col)[0])||void 0===i?void 0:i._yAxisObj)}}isValidAxis(e){return e&&e.row<this._rows&&e.col<this._cols}_doLoadProp(e,s){return["panes","cols","rows"].indexOf(e)>=0||super._doLoadProp(e,s)}_doSetSimple(e){if(i(e)&&e.length>0){const s=o(1,+e[0]),t=o(1,r(+e[1],s));return s>0&&t>0&&(this.$_parsePanes(s,t),this.visible=!0),!0}return super._doSetSimple(e)}_load(e){return super._load(e),n(e)&&(this.$_parsePanes(e.rows,e.cols),this._paneDic=this.$_loadPanes(e.panes)),this}_doPrepareRender(e){this._panes=this.$_collectPanes(e),this._panes.forEach((e=>e.forEach((e=>e._prepareRender()))))}_calcSizes(e,s){const t=e.length,i=new Array(t);let o=0;if(t>1){let r=s,n=0;for(o=0;o<t;o++){const s=e[o];h(s)?r-=i[o]=Math.max(0,Math.min(r,s)):n+=s.size}if(n>0)for(o=0;o<t;o++){const s=e[o];h(s)||(i[o]=r*s.size/n)}}else i[o]=s;return i}getXLens(e){return this._calcSizes(this._colSizes,e)}getYLens(e){return this._calcSizes(this._rowSizes,e)}measureAxes(e,s,t,i){const o=this.getXLens(t?s:e),r=this.getYLens(t?e:s);this._xAxes._buildTicks(o,i),this._yAxes._buildTicks(r,i),this.$_calcAxesPoints(o,r,i)}$_calcAxesPoints(e,s,t){this._xAxes._calcPoints(e,t),this._yAxes._calcPoints(s,t)}completeAxesPoints(e,s){this.$_calcAxesPoints(e,s,101)}getBodyAnnotation(e){for(const s in this._paneDic){const t=this._paneDic[s].body.getAnnotation(e);if(t)return t}}prepareRender(e,s){const t=this.chart.isInverted();this._prepareRender(),this._xAxes._prepare(e,this._rows,this._cols,t),this._yAxes._prepare(s,this._rows,this._cols,t)}$_parseSizes(e){let s;return s=i(e)&&e.length>0?e.slice(0):e>0?new Array(e).fill("*"):["*"],s.map((e=>{if(a(e)){const s=e.trim();return{size:"*"===s?1:r(parseFloat(s),1)}}return r(+e,1)}))}$_parsePanes(e,s){this._colSizes=this.$_parseSizes(s),this._rowSizes=this.$_parseSizes(e),this._cols=this._colSizes.length,this._rows=this._rowSizes.length}$_loadPanes(e){const s=this.chart,t=this._op.extendBody?s._body._config:void 0,o={};if(e=i(e)?e:n(e)?[e]:null,i(e)&&e.forEach((e=>{const i=+e.row||0,r=+e.col||0;if(r>=0&&r<this._cols&&i>=0&&i<this._rows){const n=new A(s,i,r);let h=e;n.init(),!t||e&&e.body&&!1===e.body.extended||(e?(h=Object.assign({},e),e.body?!1!==e.body.extended&&(h.body=Object.assign({},t,e.body)):h.body=t):h={body:t}),n._load(h),o[i+","+r]=n}})),t)for(let e=0;e<this._rows;e++)for(let i=0;i<this._cols;i++){const r=e+","+i;if(!o[r]){const n=new A(s,e,i);n.init(),n._load({body:t}),o[r]=n}}return o}$_collectPanes(e){const s=[];for(let t=0;t<this._rows;t++){const i=[];for(let s=0;s<this._cols;s++){const o=this._paneDic[t+","+s]||new A(e,t,s)._initObject();i.push(o)}s.push(i)}return s}}P.defaults=e(t.defaults,{visible:!1,extendBody:!0,gap:0});class C extends u{constructor(){super(...arguments),this.views=[],this._gap=0}isEmpty(){return 0===this.views.length}prepare(e,s,t,i){const o=this.views,r=[];for(this.isX=t,i._axes.forEach((e=>{e.checkVisible()&&s.isValidAxis(e)&&r.push(e)}));o.length<r.length;){const s=new f(e);this.add(s),o.push(s)}for(;o.length>r.length;)o.pop().remove();if(o.forEach(((e,s)=>{e.setModel(r[s])})),this.axes=r,this.setVis(o.length>0)){const e=o[0].model;this._gap=e.chart.getAxesGap()}}prepareGuides(e,s,t){const i=this.views,o=this.axes;i.forEach(((t,i)=>{const r=o[i];s.forEach((s=>{s.forEach((s=>{s.isConnected(r)&&t.setVis(this.visible)&&(t.prepareGuides(e,s.row,s.col,s._guideContainer,s._frontGuideContainer),r._isHorz||(s._axes||(s._axes=[]),s._axes.push(r)))}))}))})),s.forEach((s=>{s.forEach((s=>{s._axes&&(s._gridRowContainer.addAll(e,s._axes),s._axes=[])}))}))}checkHeights(e,s,t){return this.views.length>0?this.$_checkHeights(this.views,e,s,t):0}$_checkHeights(e,s,t,i){let o=0;return e&&(e.forEach((e=>{o+=e.checkHeight(s,t,i)})),o+=(this.views.length-1)*this._gap),o}checkWidths(e,s,t){return this.views.length>0?this.$_checkWidths(this.views,e,s,t):0}$_checkWidths(e,s,t,i){let o=0;return e&&(e.forEach((e=>{o+=e.checkWidth(s,t,i)})),o+=(this.views.length-1)*this._gap),o}getScrollView(e){var s;for(const t of this.views)if(null===(s=t._scrollView)||void 0===s?void 0:s.contains(e))return t._scrollView}setMargins(e,s,t,i){this.views.forEach((o=>o.setMargins(e,s,t,i)))}_setInverted(e){super._setInverted(e),this.isHorz=e&&!this.isX||!e&&this.isX}_doMeasure(e,s,t,i,o){const r=this.axes;if(this.isHorz){let s=0;return this.views.forEach(((n,h)=>{s+=n.measure(e,r[h],t,i,o).height})),{width:t,height:s}}{let s=0;return this.views.forEach(((n,h)=>{s+=n.measure(e,r[h],t,i,o).width})),{width:s,height:i}}}_doLayout(e){const s=this.views,t=this.width,i=this.height,o=s.length;let r=0,n=o-1;if(this.isHorz){let e,h,a=0;for(;r<o;r++){const e=s[r];if(e.model._posValue()<1)break;e.trans(0,a),a+=e.mh}for(e=a,a=i;n>=0;n--){const e=s[n];if(e.model._posValue()>-1)break;a-=e.mh,e.trans(0,a)}h=a;const c=h-e;let l=0;for(let e=r;e<=n;e++)l+=s[e].mh;e+=(c-l)/2;for(let t=r;t<=n;t++){const i=s[t];i.trans(0,e),e+=i.mh}s.forEach((e=>{e.resize(t,e.mh),e.model._calcPoints(t,999),e.layout()}))}else{let e,h,a=0;for(;r<o;r++){const e=s[r];if(e.model._posValue()>-1)break;e.trans(a,0),a+=e.mw}for(e=a,a=t;n>=0;n--){const e=s[n];if(e.model._posValue()<1)break;a-=e.mw,e.trans(a,0)}h=a;const c=h-e;let l=0;for(let e=r;e<=n;e++)l+=s[e].mw;e+=(c-l)/2;for(let t=r;t<=n;t++){const i=s[t];i.trans(e,0),e+=i.mw}s.forEach((e=>{e.resize(e.mw,i),e.model._calcPoints(i,999),e.layout()}))}}}class z extends u{constructor(e,s){super(e,"rct-axis-container"),this.isX=s,this.sections=[]}prepare(e,s,t,i,o){const r=this.isX?t.getRow(i):t.getColumn(i);for(;this.sections.length<r.length;){const s=new C(e);this.add(s),this.sections.push(s)}for(;this.sections.length>r.length;)this.sections.pop().remove();this.sections.forEach(((t,o)=>{this.isX?(t.row=i,t.col=o):(t.col=i,t.row=o),t.prepare(e,s,this.isX,r[o])})),this._setInverted(o)}prepareGuides(e,s,t,i){const o=this.isX?t.getRow(i):t.getColumn(i);for(;this.sections.length<o.length;){const s=new C(e);this.add(s),this.sections.push(s)}for(;this.sections.length>o.length;)this.sections.pop().remove();this.sections.forEach(((o,r)=>{this.isX?(o.row=i,o.col=r):(o.col=i,o.row=r),o.prepareGuides(e,s,t)}))}checkWidths(e,s,t){return this.sections.length>0?this._isHorz?this.sections.reduce(((i,o)=>i+o.checkWidths(e,s,t)),0):this.sections.reduce(((i,o)=>Math.max(i,o.checkWidths(e,s,t))),0):0}checkHeights(e,s,t){return this.sections.length>0?this._isHorz?this.sections.reduce(((i,o)=>Math.max(i,o.checkHeights(e,s,t))),0):this.sections.reduce(((i,o)=>i+o.checkHeights(e,s,t)),0):0}_setInverted(e){super._setInverted(e),this._isHorz=e&&!this.isX||!e&&this.isX}_doMeasure(e,s,t,i,r){let n=0,h=0;return this._isHorz?this.sections.forEach((n=>{h=o(h,n.measure(e,s,t,i,r).height)})):this.sections.forEach((h=>{n=o(n,h.measure(e,s,t,i,r).width)})),{width:n,height:h}}_doLayout(e){this._isHorz?this.height>0&&this.sections.forEach(((s,t)=>{s.resize(e[2*(t+1)]-e[2*(t+1)-1],this.height),s.trans(e[2*t+1]-e[1],0),s.layout()})):this.width>0&&this.sections.forEach(((s,t)=>{s.resize(this.width,e[2*(t+1)]-e[2*(t+1)-1]),s.trans(0,this.height-(e[2*(t+1)]-e[1])),s.layout()}))}}class S extends p{constructor(e,s){super(e,s),this.row=0,this.col=0,this.add(this._legendView=new g(e))}getCol(){return this.col}getRow(){return this.row}getTooltipPos(){return{x:this.parent.parent.tx+this.tx,y:this.parent.parent.ty+this.ty}}prepareRender(e,s){const t=s.chart,i=s.depth.visible,o=this.row,r=this.col,n=t._split.getPane(o,r).body;this._animatable=w._animatable&&t.animatable(),this._prepareSeries(e,s,t._getSeries().getPaneSeries(o,r),i),this._prepareGauges(e,t,t._getGauges().getPaneVisibles(o,r)),this._prepareAnnotations(e,n.getAnnotations().concat(t._getAnnotations().getPaneVisibles(o,r)))}_doMeasure(e,s,t,i,o){return this._legendView.setVis(s.pane.legend.visible)&&this._legendView.measure(e,s.pane.legend,t,i,o),super._doMeasure(e,s,t,i,o)}_doLayout(){super._doLayout();const e=this._legendView;if(e.visible){this._seriesViews.forEach((s=>{if(s.needDecoreateLegend()){const t=e.legendOfSeries(s.model);t&&s.decoreateLegend(t)}}));const s=e.model.options,t=s.align,i=s.verticalAlign;let o=0,r=0,n=+s.offsetX||0;switch(t){case"right":o+=this.width-e.mw-n;break;case"center":o+=(this.width-e.mw)/2+n;break;default:o+=n}switch(n=+s.offsetY||0,i){case"bottom":r+=this.height-e.mh-n;break;case"middle":r+=(this.height-e.mh)/2+n;break;default:r+=n}e.trans(o,r).resize(e.mw,e.mh),e.layout()}}}class $ extends l{constructor(e,s){super(e,$.STYLE_NAME),this._bodies=[],this._xContainers=[],this._yContainers=[],this._owner=s}get bodies(){return this._bodies}bodyViewOf(e){return this._bodies.find((s=>s.contains(e)))}prepare(e,s){s.chart,this.$_init(e),this._model=s,this.$_prepareBodies(e,s)}measure(e,s,t,i,o){const r=s.chart,n=this._inverted=s.chart.isInverted(),h=s._xAxes,a=s._yAxes,c=t,l=i;this.$_prepareAxes(e,h,!0,n),this.$_prepareAxes(e,a,!1,n),s.measureAxes(t,i,n,o),n?(t-=this._xContainers.reduce(((s,o)=>s+o.checkWidths(e,t,i)),0),i-=this._yContainers.reduce(((s,o)=>s+o.checkHeights(e,t,i)),0)):(i-=this._xContainers.reduce(((s,o)=>s+o.checkHeights(e,t,i)),0),t-=this._yContainers.reduce(((s,o)=>s+o.checkWidths(e,t,i)),0)),s.measureAxes(t,i,n,o),this._xContainers.forEach((s=>s.measure(e,r,t,i,o))),this._yContainers.forEach((s=>s.measure(e,r,t,i,o))),t=c,i=l,n?(t-=this._xContainers.reduce(((e,s)=>e+s.mw),0),i-=this._yContainers.reduce(((e,s)=>e+s.mh),0)):(i-=this._xContainers.reduce(((e,s)=>e+s.mh),0),t-=this._yContainers.reduce(((e,s)=>e+s.mw),0)),o++,s.measureAxes(t,i,n,o),this.$_prepareAxisGuides(e,h,!0),this.$_prepareAxisGuides(e,a,!1),this._xContainers.forEach((s=>{s.measure(e,r,t,i,o)})),this._yContainers.forEach((s=>{s.measure(e,r,t,i,o)}));const _=s.getXLens(n?i:t),d=s.getYLens(n?t:i);s.completeAxesPoints(_,d)}layout(){const e=this._model,s=this.width,t=this.height;this._back.resize(s,t),this.$_calcExtents(e,s,t),this.$_layoutAxes(e,!0,s,t),this.$_layoutAxes(e,!1,s,t),this.$_layoutBodies(e,s,t)}seriesByDom(e){for(const s of this._bodies){const t=s.seriesByDom(e);if(t)return t}}getSeries(e){for(const s of this.bodies){const t=s.findSeries(e);if(t)return t}}legendByDom(e){for(const s of this.bodies){const t=s._legendView.legendByDom(e);if(t)return t}}$_init(e){this._back||(this.add(this._back=new _(e)),this._back.setStyles({fill:"none"}),this.add(this._bodyContainer=new d(e,void 0)),this.add(this._axisContainer=new d(e,void 0)))}$_prepareBodies(e,s){s.chart;const t=s.paneCount,i=s.rowCount,o=s.colCount,r=this._bodies,n=this._bodyMap=[];for(;r.length<t;){const s=new S(e,this._owner);this._bodyContainer.add(s),r.push(s)}for(;r.length>t;)r.pop().remove();for(let e=0;e<i;e++){const s=[];for(let t=0;t<o;t++){const i=r[e*o+t];s.push(i),i.row=e,i.col=t}n.push(s)}r.forEach((t=>{t.prepareRender(e,s.getPane(t.row,t.col).body),t.prepareGuideContainers(),t._gridRowContainer.prepare()}))}$_prepareAxes(e,s,t,i){const o=this._model.chart,r=t?this._xContainers:this._yContainers,n=t?s.rows():s.cols();for(;r.length<n;){const s=new z(e,t);this._axisContainer.add(s),r.push(s)}for(;r.length>n;)r.pop().remove();r.forEach(((t,r)=>{t.prepare(e,o,s,r,i)}))}$_prepareAxisGuides(e,s,t){(t?this._xContainers:this._yContainers).forEach(((t,i)=>{t.prepareGuides(e,this._bodyMap,s,i)}))}$_calc(e,s,t,i){const o=t.length,r=new Array(2*(o+1)),n=s-e.reduce(((e,s)=>e+s[i]),0),h=this._model._calcSizes(t,n);let a=0,c=0;for(c=0;c<o;c++)r[2*c]=a,r[2*c+1]=a+=e[c][i],a+=h[c];return r[2*c]=a,r[2*c+1]=a+e[c][i],r}$_calcExtents(e,s,t){this._inverted?(this._rowPoints=this.$_calc(this._xContainers,s,e.rowSizes(),"mw"),this._colPoints=this.$_calc(this._yContainers,t,e.colSizes(),"mh")):(this._rowPoints=this.$_calc(this._xContainers,t,e.rowSizes(),"mh"),this._colPoints=this.$_calc(this._yContainers,s,e.colSizes(),"mw"))}$_layoutAxes(e,s,t,i){const o=this.control._padding,r=this._rowPoints,n=this._colPoints,h=s?this._xContainers:this._yContainers;if(this._inverted)if(s){const e=n[1],s=n[n.length-2]-e;h.forEach(((e,t)=>{e.resize(e.mw,s),e.trans(r[2*t],i-n[n.length-2]),e.layout(n)}))}else{const e=r[1],s=r[r.length-2]-e;h.forEach(((t,h)=>{const a=t.sections;for(let e=0,s=a.length;e<s;e++){const t=a[e],i=0===e?o.left:0,n=e===s-1?o.right:0;let h=0,c=0;s>1&&(h=r[2*e+1]-r[2*e],c=r[2*(e+1)+1]-r[2*(e+1)],0===e?a[e+1].isEmpty()?c=r[2*(e+1)]-r[2*(e+1)-1]:c/=2:e===s-1?a[e-1].isEmpty()?h=r[2*(e-1)]-r[2*(e-1)-1]:h/=2:(a[e-1].isEmpty()?h=r[2*(e-1)]-r[2*(e-1)-1]:h/=2,a[e+1].isEmpty()?c=r[2*(e+1)]-r[2*(e+1)-1]:c/=2)),t.setMargins(i,h,c,n)}t.resize(s,t.mh),t.trans(e,i-n[2*h+1]),t.layout(r)}))}else if(s){const e=n[1];t=n[n.length-2]-e,h.forEach(((s,a)=>{const c=s.sections;for(let e=0,s=c.length;e<s;e++){const t=c[e],i=0===a?o.left:0,l=a===h.length-1?o.right:0;let _=0,d=0;s>1&&(_=n[2*e+1]-n[2*e],d=n[2*(e+1)+1]-n[2*(e+1)],0===e?c[e+1].isEmpty()?d=n[2*(e+1)]-n[2*(e+1)-1]:d/=2:e===s-1?c[e-1].isEmpty()?_=n[2*(e-1)]-n[2*(e-1)-1]:_/=2:(c[e-1].isEmpty()?_=n[2*(e-1)]-n[2*(e-1)-1]:_/=2,c[e+1].isEmpty()?d=n[2*(e+1)]-r[2*(e+1)-1]:d/=2)),t.setMargins(i,_,d,l)}s.resize(t,s.mh),s.trans(e,i-r[2*a+1]),s.layout(n)}))}else{const e=r[r.length-2],s=e-r[1];h.forEach(((t,o)=>{t.resize(t.mw,s),t.trans(n[2*o],i-e),t.layout(r)}))}}$_layoutBodies(e,s,t){const i=e.rowCount,o=e.colCount,r=this._rowPoints,n=this._colPoints,h=this._bodies;if(this._inverted)for(let s=0;s<i;s++){const t=r[2*(s+1)-1],i=r[2*(s+1)];for(let r=0;r<o;r++){const a=h[s*o+r],c=n[2*r+1],l=n[2*(r+1)];a.measure(this.doc,e.getPane(s,r).body,i-t,l-c,1),a.resize(i-t,l-c),a.trans(t,this.height-l),a.layout()}}else for(let s=0;s<i;s++){const i=r[2*(s+1)-1],a=r[2*(s+1)];for(let r=0;r<o;r++){const c=h[s*o+r],l=n[2*(r+1)-1],_=n[2*(r+1)];c.measure(this.doc,e.getPane(s,r).body,_-l,a-i,1),c.resize(_-l,a-i),c.trans(l,t-a),c.layout()}}}}function k(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.ChartObject.registerSplitClass(P),e.ChartView.registerPaneClass($))}$.STYLE_NAME="rct-panes";export{P as Split,k as default,k as registerSplit};
|
package/treemap.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Treemap v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Treemap v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RealChartTreemap={},e.RealChart)}(this,(function(e,t){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var s=i(t);class r extends t.DataPoint{_assignTo(e){return t.assignObj(super._assignTo(e),{id:this.id,group:this.group})}_readArray(e,i){if(i.length<=2)this.isNull=!0;else{const s=i.length>3?1:0;s>0&&(this.x=i[t.pickNum(e.options.xField,0)]),this.y=i[t.pickNum(e.options.yField,0+s)],this.id=t.toStr(i[t.pickNum(e.options.idField,1+s)]),this.group=t.toStr(i[t.pickNum(e.options.groupField,2+s)])}}_readObject(e,i){super._readObject(e,i),this.id=t.toStr(i[e.options.idField]),this.group=t.toStr(i[e.options.groupField])}}class h extends t.ChartItem{constructor(e){super(e.chart),this.level=e,this.floating=!0}}h.defaults=t.extend(t.ChartItem.defaults,{visible:!1});class o{constructor(e){this.point=e}level(){return this.parent?this.parent.level()+1:0}getArea(){return{x:this.x,y:this.y,width:this.width,height:this.height}}setArea(e,t,i,s){this.x=e,this.y=t,this.width=i,this.height=s}getTotal(){return this.children.reduce(((e,t)=>e+t.value),0)}}class n extends t.Series{constructor(){super(...arguments),this._map={},this._levels=1}buildMap(e,i){function s(e){if(e.children){let i=0;e.children.forEach(((e,t)=>{s(e),i+=e.value})),e.value=i,e.children=e.children.sort(((e,t)=>t.value-e.value)),e.children.forEach(((e,t)=>{e.index=t})),o=t.maxv(o,e.level()+1+1)}else h.push(e),e.value=e.point?e.point.yValue:0}const r="vertical"===this._op.startDir||i>e,h=this._leafs=[];let o=1;return this._roots.forEach(((e,t)=>{s(e)})),this._roots=this._roots.sort(((e,t)=>t.value-e.value)),this._roots.forEach(((e,t)=>{e.index=t})),(this[this._op.algorithm]||this.squarify).call(this,this._roots,e,i,r),this._levels=o,{roots:this._roots,leafs:this._leafs}}needAxes(){return!1}canMixWith(e){return!1}_createPoint(e){return new r(e)}_getLabeledPoints(){return this._leafs.map((e=>e.point))}_doPrepareRender(){super._doPrepareRender(),this._roots=this.$_buildTree(this._runPoints)}$_buildTree(e){const t=[],i=[],s=this._map;e.forEach((e=>{if(e.id||!e.isNull){const r=new o(e);e.id&&(s[e.id]=r),e.group?i.push(r):t.push(r)}}));for(let e=i.length-1;e>=0;e--){const r=i[e],h=s[r.point.group];(r.parent=h)?(h.children||(h.children=[]),h.children.push(r),r.children&&i.splice(e,1)):(t.push(r),i.splice(e,1))}return t}$_squarifyRow(e,i,s,r){const h=i.width*i.height,o=i.width,n=i.height;let l=i.x,a=i.y,d=Number.MAX_VALUE,u=0;const c=[];if(2===e.length){return(1===s?o>n:o>=n)?e.forEach((e=>{e.setArea(l,a,o*e.value/r,n),l+=e.width})):e.forEach((e=>{e.setArea(l,a,o,n*e.value/r),a+=e.height})),0}for(;e.length>0;){let p,g,_,f,w;if(p=e.shift(),u+=p.value,f=u*h/r,1===s?(g=f/n,_=n*p.value/u):(_=f/o,g=o*p.value/u),w=t.maxv(g/_,_/g),e.length>0&&w>d)return e.unshift(p),u-=p.value,f=h*u/r,1===s?(_=n,g=f/_):(g=o,_=f/g),c.forEach((e=>{1===s?(e.setArea(l,a,g,n*e.value/u),a+=e.height):(e.setArea(l,a,o*e.value/u,_),l+=e.width)})),1===s?(i.x+=g,i.width-=g):(i.y+=_,i.height-=_),r-u;if(0===e.length)return f=h*u/r,1===s?(_=n,g=f/_):(g=o,_=f/g),c.push(p),c.forEach((e=>{1===s?(e.setArea(l,a,g,n*e.value/u),a+=e.height):(e.setArea(l,a,o*e.value/u,_),l+=e.width)})),0;d=w,c.push(p)}}$_squarify(e,t,i,s){const r=e.slice(0);let h=i?1:0,o=e.reduce(((e,t)=>e+t.value),0);do{o=this.$_squarifyRow(r,t,h,o),s&&(h=1-h)}while(o>0);e.forEach((e=>{e.children&&this.$_squarify(e.children,e.getArea(),!i,!0)}))}squarify(e,t,i,s){this.$_squarify(e,{x:0,y:0,width:t,height:i},s,!0)}strip(e,t,i,s){this.$_squarify(e,{x:0,y:0,width:t,height:i},s,!1)}$_sliceNext(e,t,i,s){if(e.x=t.x,e.y=t.y,1===i){const i=t.height*e.value/s;e.width=t.width,e.height=i,t.y+=i,t.height-=i}else{const i=t.width*e.value/s;e.height=t.height,e.width=i,t.x+=i,t.width-=i}e.children&&this.$_slice(e.children,e.getArea(),0===i,!0)}$_slice(e,t,i,s){let r=e.reduce(((e,t)=>e+t.value),0),h=i?1:0;e.forEach((e=>{this.$_sliceNext(e,t,h,r),r-=e.value,s&&(h=1-h)}))}slice(e,t,i,s){this.$_slice(e,{x:0,y:0,width:t,height:i},s,!1)}sliceDice(e,t,i,s){this.$_slice(e,{x:0,y:0,width:t,height:i},s,!0)}}n.type=t.TreemapSeriesType,n.defaults=t.extend(t.Series.defaults,{idField:"id",groupField:"group",algorithm:"squarify",alternate:!0,groupMode:!0});class l extends t.RectElement{constructor(e){super(e,t.SeriesView.POINT_CLASS)}get point(){return this.node.point}render(e){if(1!==e){const t=Object.assign({},this.node);t.width*=e,t.height*=e,t.x+=(this.node.width-t.width)/2,t.y+=(this.node.height-t.height)/2,this.setRect(t)}else this.setRect(this.node)}}class a extends t.SeriesView{constructor(e){super(e,"rct-treemap-series"),this._nodeViews=new t.ElementPool(this._pointContainer,l)}_lazyPrepareLabels(){return!0}_getPointPool(){return this._nodeViews}_prepareSeries(e,t){}_renderSeries(e,t){this._pointContainer.invert(this._inverted,t),this._rootView?this.$_renderGroups(e,t):this.$_renderLeafs(e,t)}_runShowEffect(e){e&&t.SeriesAnimation.grow(this)}_doViewRateChanged(e){this._rootView?this.$_renderGroups(this.width,this.height):this.$_renderLeafs(this.width,this.height)}$_renderLeafs(e,i){const s=this.model,r=s._xAxisObj,h=s._yAxisObj,o=this._inverted;s.pointLabel;const n=this._getGrowRate(),l=this._labelViews(),a=o?e:i,d=o?i:e,{roots:u,leafs:c}=s.buildMap(d,a),p=new t.Color(s._calcedColor),g=[{fill:""}];let _;null==l||l.prepare(this.doc,this);const f=this._labelContainer._textAlign;this._nodeViews.prepare(c.length,((e,i,u)=>{const w=c[i],y=w.point,x=w.parent;let v=p;x&&(!x._color&&x.point.color?v=x._color=new t.Color(x.point.color):x._color&&(v=x._color)),e.node=w,g[0].fill=v.brighten(w.index/u).toString(),this._setPointStyle(e,s,y,g),r.options.reversed&&(w.x=d-w.x-w.width),h.options.reversed&&(w.y=a-w.y-w.height),o&&(w.y=w.y-a),e.render(n);let b=w.x+w.width/2,m=w.y+w.height/2;if(y.xPos=o?-w.y-w.height/2:b,y.yPos=o?d-w.x-w.width/2:m,l&&(_=l.get(y,0))){_.setContrast(e.dom).layout(f);const t=_.getBBox();_.setVis(w.width>=t.height&&w.height>=t.height)&&(o?(b=-w.y-w.height/2-t.width/2,m=d-w.x-(w.width+t.height)/2):(b-=t.width/2,m-=t.height/2),_.trans(b,m),this._layoutLabelRotation(_))}}))}$_renderGroups(e,t){}}function d(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(n),e.SeriesView.register([n,a]))}d(s),e.TreemapSeries=n,e.default=d,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/treemap.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Treemap v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Treemap v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
import{extend as e,ChartItem as t,TreemapSeriesType as i,Series as s,maxv as h,DataPoint as r,assignObj as o,pickNum as n,toStr as l,SeriesView as a,ElementPool as d,SeriesAnimation as u,Color as c,RectElement as p}from"./index.mjs";class _ extends r{_assignTo(e){return o(super._assignTo(e),{id:this.id,group:this.group})}_readArray(e,t){if(t.length<=2)this.isNull=!0;else{const i=t.length>3?1:0;i>0&&(this.x=t[n(e.options.xField,0)]),this.y=t[n(e.options.yField,0+i)],this.id=l(t[n(e.options.idField,1+i)]),this.group=l(t[n(e.options.groupField,2+i)])}}_readObject(e,t){super._readObject(e,t),this.id=l(t[e.options.idField]),this.group=l(t[e.options.groupField])}}(class extends t{constructor(e){super(e.chart),this.level=e,this.floating=!0}}).defaults=e(t.defaults,{visible:!1});class g{constructor(e){this.point=e}level(){return this.parent?this.parent.level()+1:0}getArea(){return{x:this.x,y:this.y,width:this.width,height:this.height}}setArea(e,t,i,s){this.x=e,this.y=t,this.width=i,this.height=s}getTotal(){return this.children.reduce(((e,t)=>e+t.value),0)}}class f extends s{constructor(){super(...arguments),this._map={},this._levels=1}buildMap(e,t){function i(e){if(e.children){let t=0;e.children.forEach(((e,s)=>{i(e),t+=e.value})),e.value=t,e.children=e.children.sort(((e,t)=>t.value-e.value)),e.children.forEach(((e,t)=>{e.index=t})),o=h(o,e.level()+1+1)}else r.push(e),e.value=e.point?e.point.yValue:0}const s="vertical"===this._op.startDir||t>e,r=this._leafs=[];let o=1;return this._roots.forEach(((e,t)=>{i(e)})),this._roots=this._roots.sort(((e,t)=>t.value-e.value)),this._roots.forEach(((e,t)=>{e.index=t})),(this[this._op.algorithm]||this.squarify).call(this,this._roots,e,t,s),this._levels=o,{roots:this._roots,leafs:this._leafs}}needAxes(){return!1}canMixWith(e){return!1}_createPoint(e){return new _(e)}_getLabeledPoints(){return this._leafs.map((e=>e.point))}_doPrepareRender(){super._doPrepareRender(),this._roots=this.$_buildTree(this._runPoints)}$_buildTree(e){const t=[],i=[],s=this._map;e.forEach((e=>{if(e.id||!e.isNull){const h=new g(e);e.id&&(s[e.id]=h),e.group?i.push(h):t.push(h)}}));for(let e=i.length-1;e>=0;e--){const h=i[e],r=s[h.point.group];(h.parent=r)?(r.children||(r.children=[]),r.children.push(h),h.children&&i.splice(e,1)):(t.push(h),i.splice(e,1))}return t}$_squarifyRow(e,t,i,s){const r=t.width*t.height,o=t.width,n=t.height;let l=t.x,a=t.y,d=Number.MAX_VALUE,u=0;const c=[];if(2===e.length){return(1===i?o>n:o>=n)?e.forEach((e=>{e.setArea(l,a,o*e.value/s,n),l+=e.width})):e.forEach((e=>{e.setArea(l,a,o,n*e.value/s),a+=e.height})),0}for(;e.length>0;){let p,_,g,f,w;if(p=e.shift(),u+=p.value,f=u*r/s,1===i?(_=f/n,g=n*p.value/u):(g=f/o,_=o*p.value/u),w=h(_/g,g/_),e.length>0&&w>d)return e.unshift(p),u-=p.value,f=r*u/s,1===i?(g=n,_=f/g):(_=o,g=f/_),c.forEach((e=>{1===i?(e.setArea(l,a,_,n*e.value/u),a+=e.height):(e.setArea(l,a,o*e.value/u,g),l+=e.width)})),1===i?(t.x+=_,t.width-=_):(t.y+=g,t.height-=g),s-u;if(0===e.length)return f=r*u/s,1===i?(g=n,_=f/g):(_=o,g=f/_),c.push(p),c.forEach((e=>{1===i?(e.setArea(l,a,_,n*e.value/u),a+=e.height):(e.setArea(l,a,o*e.value/u,g),l+=e.width)})),0;d=w,c.push(p)}}$_squarify(e,t,i,s){const h=e.slice(0);let r=i?1:0,o=e.reduce(((e,t)=>e+t.value),0);do{o=this.$_squarifyRow(h,t,r,o),s&&(r=1-r)}while(o>0);e.forEach((e=>{e.children&&this.$_squarify(e.children,e.getArea(),!i,!0)}))}squarify(e,t,i,s){this.$_squarify(e,{x:0,y:0,width:t,height:i},s,!0)}strip(e,t,i,s){this.$_squarify(e,{x:0,y:0,width:t,height:i},s,!1)}$_sliceNext(e,t,i,s){if(e.x=t.x,e.y=t.y,1===i){const i=t.height*e.value/s;e.width=t.width,e.height=i,t.y+=i,t.height-=i}else{const i=t.width*e.value/s;e.height=t.height,e.width=i,t.x+=i,t.width-=i}e.children&&this.$_slice(e.children,e.getArea(),0===i,!0)}$_slice(e,t,i,s){let h=e.reduce(((e,t)=>e+t.value),0),r=i?1:0;e.forEach((e=>{this.$_sliceNext(e,t,r,h),h-=e.value,s&&(r=1-r)}))}slice(e,t,i,s){this.$_slice(e,{x:0,y:0,width:t,height:i},s,!1)}sliceDice(e,t,i,s){this.$_slice(e,{x:0,y:0,width:t,height:i},s,!0)}}f.type=i,f.defaults=e(s.defaults,{idField:"id",groupField:"group",algorithm:"squarify",alternate:!0,groupMode:!0});class w extends p{constructor(e){super(e,a.POINT_CLASS)}get point(){return this.node.point}render(e){if(1!==e){const t=Object.assign({},this.node);t.width*=e,t.height*=e,t.x+=(this.node.width-t.width)/2,t.y+=(this.node.height-t.height)/2,this.setRect(t)}else this.setRect(this.node)}}class x extends a{constructor(e){super(e,"rct-treemap-series"),this._nodeViews=new d(this._pointContainer,w)}_lazyPrepareLabels(){return!0}_getPointPool(){return this._nodeViews}_prepareSeries(e,t){}_renderSeries(e,t){this._pointContainer.invert(this._inverted,t),this._rootView?this.$_renderGroups(e,t):this.$_renderLeafs(e,t)}_runShowEffect(e){e&&u.grow(this)}_doViewRateChanged(e){this._rootView?this.$_renderGroups(this.width,this.height):this.$_renderLeafs(this.width,this.height)}$_renderLeafs(e,t){const i=this.model,s=i._xAxisObj,h=i._yAxisObj,r=this._inverted;i.pointLabel;const o=this._getGrowRate(),n=this._labelViews(),l=r?e:t,a=r?t:e,{roots:d,leafs:u}=i.buildMap(a,l),p=new c(i._calcedColor),_=[{fill:""}];let g;null==n||n.prepare(this.doc,this);const f=this._labelContainer._textAlign;this._nodeViews.prepare(u.length,((e,t,d)=>{const w=u[t],x=w.point,y=w.parent;let v=p;y&&(!y._color&&y.point.color?v=y._color=new c(y.point.color):y._color&&(v=y._color)),e.node=w,_[0].fill=v.brighten(w.index/d).toString(),this._setPointStyle(e,i,x,_),s.options.reversed&&(w.x=a-w.x-w.width),h.options.reversed&&(w.y=l-w.y-w.height),r&&(w.y=w.y-l),e.render(o);let $=w.x+w.width/2,b=w.y+w.height/2;if(x.xPos=r?-w.y-w.height/2:$,x.yPos=r?a-w.x-w.width/2:b,n&&(g=n.get(x,0))){g.setContrast(e.dom).layout(f);const t=g.getBBox();g.setVis(w.width>=t.height&&w.height>=t.height)&&(r?($=-w.y-w.height/2-t.width/2,b=a-w.x-(w.width+t.height)/2):($-=t.width/2,b-=t.height/2),g.trans($,b),this._layoutLabelRotation(g))}}))}$_renderGroups(e,t){}}function y(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(f),e.SeriesView.register([f,x]))}export{f as TreemapSeries,y as default};
|
package/vector.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Vector v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Vector v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RealChartVector={},e.RealChart)}(this,(function(e,t){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var n=s(t);class i extends t.DataPoint{_assignTo(e){return t.assignObj(super._assignTo(e),{length:this.length,angle:this.angle,lengthValue:this.lengthValue,angleValue:this.angleValue})}_valuesChangd(e){return this.length!==e.length||this.angle!==e.angle||super._valuesChangd(e)}_readArray(e,s){if(s.length<=2)this.isNull=!0;else{const n=s.length>3?1:0;n>0&&(this.x=s[t.pickNum(e.options.xField,0)]),this.y=s[t.pickNum(e.options.yField,0+n)],this.length=s[t.pickNum(e.options.lengthField,1+n)],this.angle=s[t.pickNum(e.options.angleField,2+n)]}}_readObject(e,s){super._readObject(e,s),this.length=t.pickProp(s[e.options.lengthField],s.length),this.angle=t.pickProp(s[e.options.angleField],s.angle),this.y=t.pickProp3(e._yFielder(s),s.y,s.value)}_readSingle(e){super._readSingle(e),this.length=this.angle=this.y}parse(e){super.parse(e),this.isNull||(this.isNull=isNaN(this.lengthValue)||isNaN(this.angleValue))}initValues(){this.lengthValue=parseFloat(this.length),this.angleValue=parseFloat(this.angle)}initPrev(e,t){t.yValue=this.yValue,t.lengthValue=.001}applyValueRate(e,s){this.lengthValue=t.incv(e.lengthValue,this.lengthValue,s)}}class r extends t.ConnectableSeries{_createPoint(e){return new i(e)}_doPrepareRender(){super._doPrepareRender();const e=this._runPoints;if(e.length>0){const s=this._op.maxLength,n=this._op.origin,i=e.map((e=>e.length)).reduce(((e,s)=>t.maxv(e,s)));e.forEach((e=>{const t=e.length/i;switch(e._len=t*s,n){case"start":e._off=-e._len/2;break;case"end":e._off=e._len/2;break;default:e._off=0}}))}}_createLegendMarker(e,s){const n=.3,i=.7*s,r=[0,-n*s,-.2*s,-n*s,0,-.6*s,.2*s,-n*s,0,-n*s,0,.6*s],a=["M",r[0],r[1]+i];for(let e=2;e<r.length;e+=2)a.push("L",r[e],r[e+1]+i);const o=new t.PathElement(e,t.Series.LEGEND_MARKER).setPath(a);return o.setStyle("strokeWidth","2px"),o.rotation=30,o}}r.type=t.VectorSeriesType,r.defaults=t.extend(t.Series.defaults,{origin:"center",maxLength:20,startAngle:0,arrowHead:"close"});class a extends t.PointElement{layout(e,t,s){const n=this.point._len,i=n*s,r=.5;let a,o=(n-i)/2;switch(e){case"none":a=[0,o-r*i,0,o+r*i];break;case"open":const e=.15,t=.45,s=.2;a=[0,o-t*i,0-e*i,o-s*i,0,o-r*i,0+e*i,o-s*i,0,o-t*i,0,o+r*i];break;default:const n=.1,l=.3;a=[0,o-l*i,0-n*i,o-l*i,0,o-r*i,0+n*i,o-l*i,0,o-l*i,0,o+r*i]}const l=this.point._off*s,h=["M",a[0],a[1]+l];for(let e=2;e<a.length;e+=2)h.push("L",a[e],a[e+1]+l);this.rotation=t,this.setPath(h)}}class o extends t.SeriesView{constructor(e){super(e,"rct-vector-series"),this._arrows=new t.ElementPool(this._pointContainer,a)}_getPointPool(){return this._arrows}_prepareSeries(e,t){this.$_prepareArrows(t,this._visPoints)}_renderSeries(e,t){const s=this.model;let n=s.options.startAngle;const i=s.options.arrowHead,r=s._xAxisObj,a=s._yAxisObj,o=this._inverted,l=o?e:t,h=o?t:e,u=this._getGrowRate(),g=o?0:t,c=r.options.reversed?-1:1,p=a.options.reversed;this._pointContainer.invert(o,t),this._arrows.forEach((e=>{const t=e.point;if(e.setVis(!t.isNull)){const s=r.getPos(h,t.xValue),d=g-a.getPos(l,t.yValue);let _=n+t.angleValue*c;p&&(_=180-_),t.xPos=o?g+a.getPos(l,t.yValue):s,t.yPos=o?h-r.getPos(h,t.xValue):d,e.trans(s,d),e.layout(i,_,u)}}))}_runShowEffect(e){e&&t.SeriesAnimation.grow(this)}_doViewRateChanged(e){this._renderSeries(this.width,this.height)}getPointsAt(e,t){return[]}$_prepareArrows(e,t){this._arrows.prepare(t.length,((s,n)=>{const i=s.point=t[n];this._setPointStyle(s,e,i)}))}}function l(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(r),e.SeriesView.register([r,o]))}l(n),e.VectorSeries=r,e.default=l,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/vector.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Vector v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Vector v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
7
|
import{VectorSeriesType as e,extend as t,Series as s,ConnectableSeries as n,maxv as i,PathElement as r,DataPoint as a,assignObj as l,pickNum as o,pickProp as h,pickProp3 as g,incv as u,SeriesView as p,ElementPool as _,SeriesAnimation as d,PointElement as c}from"./index.mjs";class f extends a{_assignTo(e){return l(super._assignTo(e),{length:this.length,angle:this.angle,lengthValue:this.lengthValue,angleValue:this.angleValue})}_valuesChangd(e){return this.length!==e.length||this.angle!==e.angle||super._valuesChangd(e)}_readArray(e,t){if(t.length<=2)this.isNull=!0;else{const s=t.length>3?1:0;s>0&&(this.x=t[o(e.options.xField,0)]),this.y=t[o(e.options.yField,0+s)],this.length=t[o(e.options.lengthField,1+s)],this.angle=t[o(e.options.angleField,2+s)]}}_readObject(e,t){super._readObject(e,t),this.length=h(t[e.options.lengthField],t.length),this.angle=h(t[e.options.angleField],t.angle),this.y=g(e._yFielder(t),t.y,t.value)}_readSingle(e){super._readSingle(e),this.length=this.angle=this.y}parse(e){super.parse(e),this.isNull||(this.isNull=isNaN(this.lengthValue)||isNaN(this.angleValue))}initValues(){this.lengthValue=parseFloat(this.length),this.angleValue=parseFloat(this.angle)}initPrev(e,t){t.yValue=this.yValue,t.lengthValue=.001}applyValueRate(e,t){this.lengthValue=u(e.lengthValue,this.lengthValue,t)}}class V extends n{_createPoint(e){return new f(e)}_doPrepareRender(){super._doPrepareRender();const e=this._runPoints;if(e.length>0){const t=this._op.maxLength,s=this._op.origin,n=e.map((e=>e.length)).reduce(((e,t)=>i(e,t)));e.forEach((e=>{const i=e.length/n;switch(e._len=i*t,s){case"start":e._off=-e._len/2;break;case"end":e._off=e._len/2;break;default:e._off=0}}))}}_createLegendMarker(e,t){const n=.3,i=.7*t,a=[0,-n*t,-.2*t,-n*t,0,-.6*t,.2*t,-n*t,0,-n*t,0,.6*t],l=["M",a[0],a[1]+i];for(let e=2;e<a.length;e+=2)l.push("L",a[e],a[e+1]+i);const o=new r(e,s.LEGEND_MARKER).setPath(l);return o.setStyle("strokeWidth","2px"),o.rotation=30,o}}V.type=e,V.defaults=t(s.defaults,{origin:"center",maxLength:20,startAngle:0,arrowHead:"close"});class w extends c{layout(e,t,s){const n=this.point._len,i=n*s,r=.5;let a,l=(n-i)/2;switch(e){case"none":a=[0,l-r*i,0,l+r*i];break;case"open":const e=.15,t=.45,s=.2;a=[0,l-t*i,0-e*i,l-s*i,0,l-r*i,0+e*i,l-s*i,0,l-t*i,0,l+r*i];break;default:const n=.1,o=.3;a=[0,l-o*i,0-n*i,l-o*i,0,l-r*i,0+n*i,l-o*i,0,l-o*i,0,l+r*i]}const o=this.point._off*s,h=["M",a[0],a[1]+o];for(let e=2;e<a.length;e+=2)h.push("L",a[e],a[e+1]+o);this.rotation=t,this.setPath(h)}}class y extends p{constructor(e){super(e,"rct-vector-series"),this._arrows=new _(this._pointContainer,w)}_getPointPool(){return this._arrows}_prepareSeries(e,t){this.$_prepareArrows(t,this._visPoints)}_renderSeries(e,t){const s=this.model;let n=s.options.startAngle;const i=s.options.arrowHead,r=s._xAxisObj,a=s._yAxisObj,l=this._inverted,o=l?e:t,h=l?t:e,g=this._getGrowRate(),u=l?0:t,p=r.options.reversed?-1:1,_=a.options.reversed;this._pointContainer.invert(l,t),this._arrows.forEach((e=>{const t=e.point;if(e.setVis(!t.isNull)){const s=r.getPos(h,t.xValue),d=u-a.getPos(o,t.yValue);let c=n+t.angleValue*p;_&&(c=180-c),t.xPos=l?u+a.getPos(o,t.yValue):s,t.yPos=l?h-r.getPos(h,t.xValue):d,e.trans(s,d),e.layout(i,c,g)}}))}_runShowEffect(e){e&&d.grow(this)}_doViewRateChanged(e){this._renderSeries(this.width,this.height)}getPointsAt(e,t){return[]}$_prepareArrows(e,t){this._arrows.prepare(t.length,((s,n)=>{const i=s.point=t[n];this._setPointStyle(s,e,i)}))}}function P(e){(function(e){return e.Series&&e.SeriesView})(e)&&(e.Series.register(V),e.SeriesView.register([V,y]))}export{V as VectorSeries,P as default};
|
package/wordcloud.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* RealChart Wordcloud v1.4.
|
|
4
|
-
* Copyright (C) 2023-
|
|
3
|
+
* RealChart Wordcloud v1.4.10
|
|
4
|
+
* Copyright (C) 2023-2026 WooriTech Inc.
|
|
5
5
|
* All Rights Reserved.
|
|
6
6
|
*/
|
|
7
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).RealChartWordCloud={},t.RealChart)}(this,(function(t,e){"use strict";function i(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var s=i(e);class n extends e.WidgetSeriesPoint{}class r extends n{constructor(t,e){super(t),this.points=e}}class o extends e.WidgetSeries{$_denormalizeFontSize(t,i,s){let n,r;return"min"==t?(n=e.calcPercent(e.parsePercentSize(o.MinFontSize,!1),i),r=e.calcPercent(e.parsePercentSize(o.MaxMinFontSize,!1),i)):(n=e.calcPercent(e.parsePercentSize(o.MinMaxFontSize,!1),i),r=e.calcPercent(e.parsePercentSize(o.MaxFontSize,!1),i)),s>1?r:s<0?n:s*(r-n)+n}calcFontRatio(t,i,s,n){return e.calcPercent(i,s,n)}getMinFontSize(t,i){const{fixed:s,size:n}=this._minFontSizeDim,r=s&&n<=1?this.$_denormalizeFontSize("min",t,n):e.calcPercent(this._minFontSizeDim,t,i);return Math.max(e.calcPercent(e.parsePercentSize(o.MinFontSize,!1),t),r)}getMaxFontSize(t,i){const{fixed:s,size:n}=this._maxFontSizeDim,r=s&&n<=1?this.$_denormalizeFontSize("max",t,n):e.calcPercent(this._maxFontSizeDim,t,i);return Math.min(e.calcPercent(e.parsePercentSize(o.MaxFontSize,!1),t),r)}getLogFunc(){const t=this._op.logBase;return t>=2?function(e){return Math.max(Math.log(e)/Math.log(t))}:function(t){return t}}_colorByPoint(){return this._op.colorByPoint}_createPoint(t){return new n(t)}_createOthersPoint(t,e){return t.y=e.map((t=>t.y)).reduce(((t,e)=>t+e)),new r(t,e)}_doApply(t){var i;super._doApply(t),(t.text!==this._text||e.Utils.equalArrays(this._excludes,t.excludes))&&(this._text=t.text,this._excludes=null===(i=t.excludes)||void 0===i?void 0:i.slice(),this._dataSourceDirty=!0),this._setDims(t,"minFontSize","maxFontSize")}_doLoadPoints(t){const i=this._op,s=i.text;let n=[];if(s){const t=Math.max(i.minLength||1,1),e={};let r=i.excludes,o=s.split(/\s+/g);Array.isArray(r)&&r.length>0&&(o=o.filter((t=>r.indexOf(t)<0))),o.forEach((i=>{i.length>=t&&(i in e?e[i]++:e[i]=1)}));for(const t in e)n.push({x:t,y:e[t]})}else if(Array.isArray(t)&&!(t.length>0&&"object"==typeof t[0]&&null!==t[0]))for(let i=0;i<t.length;i+=2)n.push({x:e.toStr(t[i]),y:t[i+1]||0});n.length>0&&(t=n.sort(((t,e)=>e.y-t.y))),super._doLoadPoints(t)}isPointLabelVisible(t){return!1}_prepareRender(){super._prepareRender(),this.collectValues(null,null),this.prepareReferents(null),this.collectRanges(null)}}o.type=e.WordCloudSeriesType,o.MinFontSize=8,o.MaxMinFontSize=15,o.MaxFontSize="15%",o.MinMaxFontSize="5%",o.defaults=e.extend(e.WidgetSeries.defaults,{frame:"rectangle",maxCount:100,maxFontSize:1,minFontSize:0,colorByPoint:!0,autoScale:!0,drawTimeout:2e4});const a=Math.floor;class h{constructor(t){this._options=t}start(t,i,s,n,r,o){this._container=t;const a="circle"===s.frame||"ellipse"===s.frame,h=s.autoScale,l=e.pickNum(s.seed,0)*Math.PI*2/360,c=Math.max(0,e.pickNum(s.wordGap,0));let d=n,u=0,_=r,x=0,m=0;this._prepare(s,n,r),this._unit,this._startTime=Date.now(),i.forEach((t=>{const e=t.point;if(this._findPos(t,a,s.shuffle,this._radius,l,c)){const{x:i,y:s,width:n,height:r}=t.box.bounds;this.$_placeWord(t),e.xPos=i+n/2,e.yPos=s,d=Math.min(d,i),u=Math.max(u,i+n),_=Math.min(_,s),x=Math.max(x,s+r),m++}else t.setVis(!1)})),e.Utils.log("Words placed.",m,"of",i.length);const p=u-d,f=x-_,g=n/2,y=r/2,M=h?1/(Math.max(p/n,f/r)+.02):1,w=~~((d+p/2-g)*M),P=~~((_+f/2-y)*M);return this._trans={x:w,y:P,cx:g,cy:y,rate:M},i.forEach((t=>{const e=t.point;e.xPos=g-w+(e.xPos-g)*M,e.yPos=y-P+(e.yPos-y)*M})),this.$_transform(),null==o||o(i),this}stop(){}$_transform(t=1){let{x:i,y:s,cx:n,cy:r,rate:o}=this._trans;if(i=~~(i*t),s=~~(s*t),e.isIE){const e=o*t,a=n*(1-e),h=r*(1-e);this._container.trans(-i+a,-s+h),this._container.scale(e)}else this._container.dom.setAttribute("transform-origin",`${n} ${r}`),this._container.trans(-i,-s),this._container.scale(o*t)}_prepare(t,e,i){const s=this._unit=8;this._grid=[],this._cols=a(e/s),this._rows=a(i/s),this._radius=a(Math.sqrt(this._cols*this._cols+this._rows*this._rows)/2);const n=2*this._radius;this._center={c:this._radius,r:this._radius};for(let t=0;t<n;t++)this._grid.push([]);this._rdPoints=[],this._ellipticity="ellipse"===t.frame||"rectangle"===t.frame?i/e:1}_isOverlapping(t){const e=this._grid;for(let i=t.r1;i<=t.r2;i++)for(let s=t.c1;s<=t.c2;s++)if(e[i]||(e[i]=[]),e[i][s])return!0;return!1}$_placeWord(t){const e=this._grid,i=t.box;for(let s=i.r1;s<=i.r2;s++)for(let n=i.c1;n<=i.c2;n++)e[s][n]=t}_getPoints(t,e,i){if(this._rdPoints[t])return this._rdPoints[t];const s=this._center,n=this._ellipticity,r=Math.min(t*this._unit,64);let o=0,a=[];for(0===t&&a.push([s.c,s.r]);o<r;){const h=o/r*2*Math.PI+i;let l=t*Math.cos(h)/n,c=t*Math.sin(h);if(!e){const t=Math.max(Math.abs(Math.cos(h)),Math.abs(Math.sin(h)));l/=t,c/=t}a.push([~~(s.c+l),~~(s.r+c)]),o++}return this._rdPoints[t]=a}_rotatePoint(t,e,i){const s=e*Math.PI/180,n=Math.cos(s),r=Math.sin(s),{x:o,y:a,width:h,height:l}=t,c=o+h,d=a+l,u=o+h/2,_=a+l/2,x=[{x:o,y:a},{x:c,y:a},{x:o,y:d},{x:c,y:d}].map((t=>({x:u+(t.x-u)*n-(t.y-_)*r,y:_+(t.x-u)*r+(t.y-_)*n}))),m=Math.min(...x.map((t=>t.x))),p=Math.min(...x.map((t=>t.y))),f=Math.max(...x.map((t=>t.x))),g=Math.max(...x.map((t=>t.y))),y=this._unit,M=f-m,w=g-p;return{c1:Math.max(0,~~(m/y)),r1:Math.max(0,~~(p/y)),c2:~~(f/y),r2:~~(g/y)+i,bounds:{x:m,y:p,width:M,height:w}}}_getBox(t,e,i,s,n=0){const r=this._unit,{width:o}=t.getBBox(),a=t.hText,h=o/r,l=a/r,c=Math.ceil(h/2),d=Math.ceil(l/2),u=Math.max(0,e-c),_=Math.max(0,i-d),x=u+Math.ceil(h),m=_+Math.ceil(l),p={x:(e-c)*r,y:(i-d)*r,width:o,height:a};return n?this._rotatePoint(p,n,s):{c1:u,r1:_,c2:x+s,r2:m,bounds:p}}$_drawDebugBox(t,i){const{doc:s}=this._container,{x:n,y:r,width:o,height:a}=t.bounds,h=e.RectElement.create(s,"",n,r,o,a);h.setFill((null==i?void 0:i.fill)||"#ff000055"),h.setStroke((null==i?void 0:i.stroke)||"none"),h.setAttr("stroke-dasharray",(null==i?void 0:i.strokeDashArray)||"4"),this._container.add(h)}_findPos(t,i,s,n,r,o){let a=0,h=0;n=Math.max(n,this._grid.length+1);const l=[0,-90],c=l.length;for(;a<n;){const n=Date.now()-this._startTime;if(n>e.pickNum(this._options.drawTimeout,5e3))throw new Error(`단어배치 시간이 ${n} ms 경과하여 중단합니다.`);const d=this._getPoints(a,i,r+h++%4*(Math.PI/4));s&&e.Utils.shuffle(d);if(d.some(((i,s)=>{let n=this._options.rotation?l[~~(e.Utils.randomLike(s+r)*c)]:0;const a=this._getBox(t,i[0],i[1],o,n);if(!this._isOverlapping(a)){if(a.bounds.x<0||a.bounds.y<0)return!1;const e=this._getBox(t,i[0],i[1],o),{bounds:s}=e,r={x:s.width/2,y:s.height/2};return t.wx=s.x,t.wy=s.y,t.setRotation(r.x,r.y,n),t.box=a,!0}})))return!0;a++}}}class l extends h{_findPos(t,e,i,s,n,r){if(this._getPoints(s,e,i?Math.random()*Math.PI*2:n).some((e=>{const i=this._getBox(t,e[0],e[1],r);if(!this._isOverlapping(i))return t.box=i,!0})))return!0}_getPoints(t,e,i){const s=this._center,n=this._ellipticity,r=2*t*this._unit;let o=-1,a=[];0===t&&a.push([s.c,s.r]);const h=i>Math.PI?1:-1;if(e)for(;++o<r;){const e=o/r,l=i+o*e*h,c=t*e,d=c*Math.cos(l)/n,u=c*Math.sin(l),_=s.c+d,x=s.r+u;a.push([~~_,~~x])}else{let e=this._unit>>1,r=e/n,l=s.c+r*Math.cos(i),c=s.r+e*Math.sin(i);const d=Math.max(1,this._unit>>1),u=d-Math.max(1,d>>1),_=.99;for(;++o>=0;){e=1+u*Math.pow(_,o),r=e/n;switch(3&(h*Math.sqrt(1+8*o)-1)/2){case 0:l+=r;break;case 1:c+=e;break;case 2:l-=r;break;default:c-=e}if(Math.max(Math.abs(l-t),Math.abs(c-t))>t)break;a.push([~~l,~~c])}}return a}_getBox(t,e,i,s){const n=this._unit,r=t.getBBox(),o=t.hText,h=Math.min(2*this._radius,Math.max(0,e-a(r.width/2/n))),l=Math.min(2*this._radius,Math.max(0,i-a(o/2/n)));return{c1:h,r1:l,c2:h+a(r.width/n)+s,r2:l+a(o/n),w:t.width,h:o}}}class c extends e.RcElement{constructor(t){super(t,e.SeriesView.POINT_CLASS),this.add(this.hintView=new e.RectElement(t)),this.hintView.setStyles({stroke:"none",fill:"transparent"}),this.add(this.textView=new e.TextElement(t)),this.textView.setStyle("pointerEvents","none")}getBBox(){return this._bbox?this._bbox:this._bbox=this.textView.getBBox()}layout(){const t=this.getBBox();this.hintView.setRect({x:0,y:this.yText*c.TOP_PAD,width:t.width,height:this.hText-this.yText}),this.textView.transY(-this.yText*c.TOP_PAD)}}c.TOP_PAD=.5;class d extends e.WidgetSeriesView{constructor(t){super(t,"rct-wordcloud-series"),this._pointContainer.add(this._wordContainer=new e.LayerElement(t,null)),this._words=new e.ElementPool(this._wordContainer,c)}_getPointPool(){return this._words}needFronting(){return!1}getClipContainer(){return null}isEmptyView(){return this._empty}_refreshZombie(){}_renderSeries(t,i){const s=this.model.options,n=s.text;if(t!==this._wSave||i!==this._hSave||n!==this._tSave){const r=+new Date;let o=this._visPoints.slice();if(s.minWeight>0&&(o=o.filter((t=>t.yValue>=s.minWeight))),s.minLength>1&&(o=o.filter((t=>t.x.length>=s.minLength))),s.maxCount<o.length&&(o.length=Math.max(0,s.maxCount)),this.$_prepareWords(this.doc,this.model,o),"spiral"===s.placer)this._placer=new l(s).start(this._wordContainer,this._words._internalItems(),s,t,i,(e=>{this.$_layoutWords(t,i)}));else this._placer=new h(s).start(this._wordContainer,this._words._internalItems(),s,t,i,(e=>{this.$_layoutWords(t,i)}));this._wSave=t,this._hSave=i,this._tSave=n,this._empty=o.length<1,e.Utils.log(o.length+" words placed in "+(+new Date-r)+"ms.")}else this.$_layoutWords(t,i)}_runShowEffect(t){t&&e.SeriesAnimation.spread(this,(()=>{}))}_doPosRateChanged(t){this.$_layoutWords(this.width,this.height)}$_prepareWords(t,i,s){const n=i._minY,r=i._maxY,o=r-n,a=this.height,h=i.getMaxFontSize(a,1);let l=Math.min(h,i.getMinFontSize(a,0));const d=n===r||l===h,u=d?NaN:i.options.logBase,_=getComputedStyle(this._wordContainer.dom).fontFamily,x=Math.min(2,Math.max(.1,+i.options.textHeight)),m=isNaN(x)?t.createElement("canvas").getContext("2d"):null,p=1-c.TOP_PAD;let f;this._words.prepare(s.length,((r,a)=>{const c=r.point=s[a],g=r.textView;r._bbox=null;let y=(c.y-n)/o;u>1&&(y=1-(Math.pow(u,1-y)-1)/(u-1));let M=l+(d?(h-l)/2:y*(h-l));const w=c.x;this._preparePoint(t,i,c,r),delete r.box,g.text=w,g.anchor=e.TextAnchor.START,g.setStyles({fontSize:e.pixel(M)}),g.layoutText(),m?(m.font=`${e.pixel(M)} ${_}`,f=m.measureText(w),r.yText=.9*Math.max(0,f.fontBoundingBoxAscent-f.actualBoundingBoxAscent),r.hText=Math.ceil((f.actualBoundingBoxAscent+f.actualBoundingBoxDescent)*(M<=10?1.1:1.08)-.1)+r.yText*p):(r.yText=0,r.hText=r.getBBox().height*x),r.layout(),r.setVis(!0)}))}$_layoutWords(t,e){var i;let s=this._getPosRate();null===(i=this._placer)||void 0===i||i.$_transform(s),s=1-s,this._words.forEach((i=>{const{bounds:n}=i.box,r=n.width,o=n.height,a=(t-r)/2;let h=(e-o)/2;i.trans(i.wx-(i.wx-a)*s,i.wy-(i.wy-h)*s)}))}}function u(t){(function(t){return t.Series&&t.SeriesView})(t)&&(t.Series.register(o),t.SeriesView.register([o,d]))}u(s),t.WordCloudSeries=o,t.default=u,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
7
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("realchart")):"function"==typeof define&&define.amd?define(["exports","realchart"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).RealChartWordCloud={},t.RealChart)}(this,(function(t,e){"use strict";function i(t){var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var s=i(e);class n extends e.WidgetSeriesPoint{}class r extends n{constructor(t,e){super(t),this.points=e}}class o extends e.WidgetSeries{$_denormalizeFontSize(t,i,s){let n,r;return"min"==t?(n=e.calcPercent(e.parsePercentSize(o.MinFontSize,!1),i),r=e.calcPercent(e.parsePercentSize(o.MaxMinFontSize,!1),i)):(n=e.calcPercent(e.parsePercentSize(o.MinMaxFontSize,!1),i),r=e.calcPercent(e.parsePercentSize(o.MaxFontSize,!1),i)),s>1?r:s<0?n:s*(r-n)+n}calcFontRatio(t,i,s,n){return e.calcPercent(i,s,n)}getMinFontSize(t,i){const{fixed:s,size:n}=this._minFontSizeDim,r=s&&n<=1?this.$_denormalizeFontSize("min",t,n):e.calcPercent(this._minFontSizeDim,t,i);return Math.max(e.calcPercent(e.parsePercentSize(o.MinFontSize,!1),t),r)}getMaxFontSize(t,i){const{fixed:s,size:n}=this._maxFontSizeDim,r=s&&n<=1?this.$_denormalizeFontSize("max",t,n):e.calcPercent(this._maxFontSizeDim,t,i);return Math.min(e.calcPercent(e.parsePercentSize(o.MaxFontSize,!1),t),r)}getLogFunc(){const t=this._op.logBase;return t>=2?function(e){return Math.max(Math.log(e)/Math.log(t))}:function(t){return t}}_colorByPoint(){return this._op.colorByPoint}_createPoint(t){return new n(t)}_createOthersPoint(t,e){return t.y=e.map((t=>t.y)).reduce(((t,e)=>t+e)),new r(t,e)}_doApply(t){var i;super._doApply(t),(t.text!==this._text||e.Utils.equalArrays(this._excludes,t.excludes))&&(this._text=t.text,this._excludes=null===(i=t.excludes)||void 0===i?void 0:i.slice(),this._dataSourceDirty=!0),this._setDims(t,"minFontSize","maxFontSize")}_doLoadPoints(t){const i=this._op,s=i.text;let n=[];if(s){const t=Math.max(i.minLength||1,1),e={};let r=i.excludes,o=s.split(/\s+/g);Array.isArray(r)&&r.length>0&&(o=o.filter((t=>r.indexOf(t)<0))),o.forEach((i=>{i.length>=t&&(i in e?e[i]++:e[i]=1)}));for(const t in e)n.push({x:t,y:e[t]})}else if(Array.isArray(t)&&!(t.length>0&&"object"==typeof t[0]&&null!==t[0]))for(let i=0;i<t.length;i+=2)n.push({x:e.toStr(t[i]),y:t[i+1]||0});n.length>0&&(t=n.sort(((t,e)=>e.y-t.y))),super._doLoadPoints(t)}isPointLabelVisible(t){return!1}_prepareRender(){super._prepareRender(),this.collectValues(null,null),this.prepareReferents(null),this.collectRanges(null,null)}}o.type=e.WordCloudSeriesType,o.MinFontSize=8,o.MaxMinFontSize=15,o.MaxFontSize="15%",o.MinMaxFontSize="5%",o.defaults=e.extend(e.WidgetSeries.defaults,{frame:"rectangle",maxCount:100,maxFontSize:1,minFontSize:0,colorByPoint:!0,autoScale:!0,drawTimeout:2e4});const a=Math.floor;class h{constructor(t){this._options=t}start(t,i,s,n,r,o){this._container=t;const a="circle"===s.frame||"ellipse"===s.frame,h=s.autoScale,l=e.pickNum(s.seed,0)*Math.PI*2/360,c=Math.max(0,e.pickNum(s.wordGap,0));let d=n,u=0,_=r,x=0,m=0;this._prepare(s,n,r),this._unit,this._startTime=Date.now(),i.forEach((t=>{const e=t.point;if(this._findPos(t,a,s.shuffle,this._radius,l,c)){const{x:i,y:s,width:n,height:r}=t.box.bounds;this.$_placeWord(t),e.xPos=i+n/2,e.yPos=s,d=Math.min(d,i),u=Math.max(u,i+n),_=Math.min(_,s),x=Math.max(x,s+r),m++}else t.setVis(!1)})),e.Utils.log("Words placed.",m,"of",i.length);const p=u-d,f=x-_,g=n/2,y=r/2,M=h?1/(Math.max(p/n,f/r)+.02):1,w=~~((d+p/2-g)*M),P=~~((_+f/2-y)*M);return this._trans={x:w,y:P,cx:g,cy:y,rate:M},i.forEach((t=>{const e=t.point;e.xPos=g-w+(e.xPos-g)*M,e.yPos=y-P+(e.yPos-y)*M})),this.$_transform(),null==o||o(i),this}stop(){}$_transform(t=1){let{x:i,y:s,cx:n,cy:r,rate:o}=this._trans;if(i=~~(i*t),s=~~(s*t),e.isIE){const e=o*t,a=n*(1-e),h=r*(1-e);this._container.trans(-i+a,-s+h),this._container.scale(e)}else this._container.dom.setAttribute("transform-origin",`${n} ${r}`),this._container.trans(-i,-s),this._container.scale(o*t)}_prepare(t,e,i){const s=this._unit=8;this._grid=[],this._cols=a(e/s),this._rows=a(i/s),this._radius=a(Math.sqrt(this._cols*this._cols+this._rows*this._rows)/2);const n=2*this._radius;this._center={c:this._radius,r:this._radius};for(let t=0;t<n;t++)this._grid.push([]);this._rdPoints=[],this._ellipticity="ellipse"===t.frame||"rectangle"===t.frame?i/e:1}_isOverlapping(t){const e=this._grid;for(let i=t.r1;i<=t.r2;i++)for(let s=t.c1;s<=t.c2;s++)if(e[i]||(e[i]=[]),e[i][s])return!0;return!1}$_placeWord(t){const e=this._grid,i=t.box;for(let s=i.r1;s<=i.r2;s++)for(let n=i.c1;n<=i.c2;n++)e[s][n]=t}_getPoints(t,e,i){if(this._rdPoints[t])return this._rdPoints[t];const s=this._center,n=this._ellipticity,r=Math.min(t*this._unit,64);let o=0,a=[];for(0===t&&a.push([s.c,s.r]);o<r;){const h=o/r*2*Math.PI+i;let l=t*Math.cos(h)/n,c=t*Math.sin(h);if(!e){const t=Math.max(Math.abs(Math.cos(h)),Math.abs(Math.sin(h)));l/=t,c/=t}a.push([~~(s.c+l),~~(s.r+c)]),o++}return this._rdPoints[t]=a}_rotatePoint(t,e,i){const s=e*Math.PI/180,n=Math.cos(s),r=Math.sin(s),{x:o,y:a,width:h,height:l}=t,c=o+h,d=a+l,u=o+h/2,_=a+l/2,x=[{x:o,y:a},{x:c,y:a},{x:o,y:d},{x:c,y:d}].map((t=>({x:u+(t.x-u)*n-(t.y-_)*r,y:_+(t.x-u)*r+(t.y-_)*n}))),m=Math.min(...x.map((t=>t.x))),p=Math.min(...x.map((t=>t.y))),f=Math.max(...x.map((t=>t.x))),g=Math.max(...x.map((t=>t.y))),y=this._unit,M=f-m,w=g-p;return{c1:Math.max(0,~~(m/y)),r1:Math.max(0,~~(p/y)),c2:~~(f/y),r2:~~(g/y)+i,bounds:{x:m,y:p,width:M,height:w}}}_getBox(t,e,i,s,n=0){const r=this._unit,{width:o}=t.getBBox(),a=t.hText,h=o/r,l=a/r,c=Math.ceil(h/2),d=Math.ceil(l/2),u=Math.max(0,e-c),_=Math.max(0,i-d),x=u+Math.ceil(h),m=_+Math.ceil(l),p={x:(e-c)*r,y:(i-d)*r,width:o,height:a};return n?this._rotatePoint(p,n,s):{c1:u,r1:_,c2:x+s,r2:m,bounds:p}}$_drawDebugBox(t,i){const{doc:s}=this._container,{x:n,y:r,width:o,height:a}=t.bounds,h=e.RectElement.create(s,"",n,r,o,a);h.setFill((null==i?void 0:i.fill)||"#ff000055"),h.setStroke((null==i?void 0:i.stroke)||"none"),h.setAttr("stroke-dasharray",(null==i?void 0:i.strokeDashArray)||"4"),this._container.add(h)}_findPos(t,i,s,n,r,o){let a=0,h=0;n=Math.max(n,this._grid.length+1);const l=[0,-90],c=l.length;for(;a<n;){const n=Date.now()-this._startTime;if(n>e.pickNum(this._options.drawTimeout,5e3))throw new Error(`단어배치 시간이 ${n} ms 경과하여 중단합니다.`);const d=this._getPoints(a,i,r+h++%4*(Math.PI/4));s&&e.Utils.shuffle(d);if(d.some(((i,s)=>{let n=this._options.rotation?l[~~(e.Utils.randomLike(s+r)*c)]:0;const a=this._getBox(t,i[0],i[1],o,n);if(!this._isOverlapping(a)){if(a.bounds.x<0||a.bounds.y<0)return!1;const e=this._getBox(t,i[0],i[1],o),{bounds:s}=e,r={x:s.width/2,y:s.height/2};return t.wx=s.x,t.wy=s.y,t.setRotation(r.x,r.y,n),t.box=a,!0}})))return!0;a++}}}class l extends h{_findPos(t,e,i,s,n,r){if(this._getPoints(s,e,i?Math.random()*Math.PI*2:n).some((e=>{const i=this._getBox(t,e[0],e[1],r);if(!this._isOverlapping(i))return t.box=i,!0})))return!0}_getPoints(t,e,i){const s=this._center,n=this._ellipticity,r=2*t*this._unit;let o=-1,a=[];0===t&&a.push([s.c,s.r]);const h=i>Math.PI?1:-1;if(e)for(;++o<r;){const e=o/r,l=i+o*e*h,c=t*e,d=c*Math.cos(l)/n,u=c*Math.sin(l),_=s.c+d,x=s.r+u;a.push([~~_,~~x])}else{let e=this._unit>>1,r=e/n,l=s.c+r*Math.cos(i),c=s.r+e*Math.sin(i);const d=Math.max(1,this._unit>>1),u=d-Math.max(1,d>>1),_=.99;for(;++o>=0;){e=1+u*Math.pow(_,o),r=e/n;switch(3&(h*Math.sqrt(1+8*o)-1)/2){case 0:l+=r;break;case 1:c+=e;break;case 2:l-=r;break;default:c-=e}if(Math.max(Math.abs(l-t),Math.abs(c-t))>t)break;a.push([~~l,~~c])}}return a}_getBox(t,e,i,s){const n=this._unit,r=t.getBBox(),o=t.hText,h=Math.min(2*this._radius,Math.max(0,e-a(r.width/2/n))),l=Math.min(2*this._radius,Math.max(0,i-a(o/2/n)));return{c1:h,r1:l,c2:h+a(r.width/n)+s,r2:l+a(o/n),w:t.width,h:o}}}class c extends e.RcElement{constructor(t){super(t,e.SeriesView.POINT_CLASS),this.add(this.hintView=new e.RectElement(t)),this.hintView.setStyles({stroke:"none",fill:"transparent"}),this.add(this.textView=new e.TextElement(t)),this.textView.setStyle("pointerEvents","none")}getBBox(){return this._bbox?this._bbox:this._bbox=this.textView.getBBox()}layout(){const t=this.getBBox();this.hintView.setRect({x:0,y:this.yText*c.TOP_PAD,width:t.width,height:this.hText-this.yText}),this.textView.transY(-this.yText*c.TOP_PAD)}}c.TOP_PAD=.5;class d extends e.WidgetSeriesView{constructor(t){super(t,"rct-wordcloud-series"),this._pointContainer.add(this._wordContainer=new e.LayerElement(t,null)),this._words=new e.ElementPool(this._wordContainer,c)}_getPointPool(){return this._words}needFronting(){return!1}getClipContainer(){return null}isEmptyView(){return this._empty}_refreshZombie(){}_renderSeries(t,i){const s=this.model.options,n=s.text;if(t!==this._wSave||i!==this._hSave||n!==this._tSave){const r=+new Date;let o=this._visPoints.slice();if(s.minWeight>0&&(o=o.filter((t=>t.yValue>=s.minWeight))),s.minLength>1&&(o=o.filter((t=>t.x.length>=s.minLength))),s.maxCount<o.length&&(o.length=Math.max(0,s.maxCount)),this.$_prepareWords(this.doc,this.model,o),"spiral"===s.placer)this._placer=new l(s).start(this._wordContainer,this._words._internalItems(),s,t,i,(e=>{this.$_layoutWords(t,i)}));else this._placer=new h(s).start(this._wordContainer,this._words._internalItems(),s,t,i,(e=>{this.$_layoutWords(t,i)}));this._wSave=t,this._hSave=i,this._tSave=n,this._empty=o.length<1,e.Utils.log(o.length+" words placed in "+(+new Date-r)+"ms.")}else this.$_layoutWords(t,i)}_runShowEffect(t){t&&e.SeriesAnimation.spread(this,(()=>{}))}_doPosRateChanged(t){this.$_layoutWords(this.width,this.height)}$_prepareWords(t,i,s){const n=i._minY,r=i._maxY,o=r-n,a=this.height,h=i.getMaxFontSize(a,1);let l=Math.min(h,i.getMinFontSize(a,0));const d=n===r||l===h,u=d?NaN:i.options.logBase,_=getComputedStyle(this._wordContainer.dom).fontFamily,x=Math.min(2,Math.max(.1,+i.options.textHeight)),m=isNaN(x)?t.createElement("canvas").getContext("2d"):null,p=1-c.TOP_PAD;let f;this._words.prepare(s.length,((r,a)=>{const c=r.point=s[a],g=r.textView;r._bbox=null;let y=(c.y-n)/o;u>1&&(y=1-(Math.pow(u,1-y)-1)/(u-1));let M=l+(d?(h-l)/2:y*(h-l));const w=c.x;this._preparePoint(t,i,c,r),delete r.box,g.text=w,g.anchor=e.TextAnchor.START,g.setStyles({fontSize:e.pixel(M)}),g.layoutText(),m?(m.font=`${e.pixel(M)} ${_}`,f=m.measureText(w),r.yText=.9*Math.max(0,f.fontBoundingBoxAscent-f.actualBoundingBoxAscent),r.hText=Math.ceil((f.actualBoundingBoxAscent+f.actualBoundingBoxDescent)*(M<=10?1.1:1.08)-.1)+r.yText*p):(r.yText=0,r.hText=r.getBBox().height*x),r.layout(),r.setVis(!0)}))}$_layoutWords(t,e){var i;let s=this._getPosRate();null===(i=this._placer)||void 0===i||i.$_transform(s),s=1-s,this._words.forEach((i=>{const{bounds:n}=i.box,r=n.width,o=n.height,a=(t-r)/2;let h=(e-o)/2;i.trans(i.wx-(i.wx-a)*s,i.wy-(i.wy-h)*s)}))}}function u(t){(function(t){return t.Series&&t.SeriesView})(t)&&(t.Series.register(o),t.SeriesView.register([o,d]))}u(s),t.WordCloudSeries=o,t.default=u,Object.defineProperty(t,"__esModule",{value:!0})}));
|