chartjs-chart-error-bars - npm Package Compare versions

Comparing version 4.1.1 to 4.1.2

build/index.js

@@ -429,2 +429,3 @@ /**
 
+const NUMERIC_SCALE_TYPES = ['linear', 'logarithmic', 'time', 'timeseries'];
 class LineWithErrorBarsController extends LineController {
@@ -447,3 +448,3 @@ getMinMax(scale, canStack) {
         const iScale = meta.iScale;
-        const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+        const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
         if (hasNumberIScale) {
@@ -465,3 +466,3 @@ parseErrorNumberData(parsed, meta.iScale, data, start, count);
         const iScale = this._cachedMeta.iScale;
-        const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+        const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
         if (hasNumberIScale) {
@@ -468,0 +469,0 @@ calculateScale(properties, this.getParsed(index), index, this._cachedMeta.iScale, mode === 'reset');

build/index.umd.js

@@ -432,2 +432,3 @@ /**
 
+    const NUMERIC_SCALE_TYPES = ['linear', 'logarithmic', 'time', 'timeseries'];
     class LineWithErrorBarsController extends chart_js.LineController {
@@ -450,3 +451,3 @@ getMinMax(scale, canStack) {
             const iScale = meta.iScale;
-            const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+            const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
             if (hasNumberIScale) {
@@ -468,3 +469,3 @@ parseErrorNumberData(parsed, meta.iScale, data, start, count);
             const iScale = this._cachedMeta.iScale;
-            const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+            const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
             if (hasNumberIScale) {
@@ -471,0 +472,0 @@ calculateScale(properties, this.getParsed(index), index, this._cachedMeta.iScale, mode === 'reset');

build/index.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["exports","chart.js","chart.js/helpers"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).ChartErrorBars={},e.Chart,e.Chart.helpers)}(this,(function(e,r,t){"use strict";const a=["xMin","xMax","yMin","yMax"];function n(e){return e?a.slice(0,2):a.slice(2)}function s(e,r,t,a,n){const s=[`${a.axis}Min`,`${a.axis}Max`],o=a.getBasePixel();for(const i of s){const s=r[i];Array.isArray(s)?e[i]=s.map((e=>n?o:a.getPixelForValue(e,t))):e[i]="number"==typeof s?n?o:a.getPixelForValue(s,t):null}}const o={errorBarLineWidth:{v:[1,3]},errorBarColor:{v:["#2c2c2c","#1f1f1f"]},errorBarWhiskerLineWidth:{v:[1,3]},errorBarWhiskerRatio:{v:[.2,.25]},errorBarWhiskerSize:{v:[20,24]},errorBarWhiskerColor:{v:["#2c2c2c","#1f1f1f"]}},i={_scriptable:!0,_indexable:e=>"v"!==e},l=Object.keys(o);function c(e,r){const t=Array.isArray(e)?e:[e],a=Array.isArray(r)?r:[r];if(t.length===a.length)return t.map(((e,r)=>[e,a[r]]));const n=Math.max(t.length,a.length);return Array(n).map(((e,r)=>[t[r%t.length],a[r%a.length]]))}function u(e,r){if("string"==typeof e||"number"==typeof e)return e;const t=Array.isArray(e)?e:e.v;return t[r%t.length]}function d(e,r,t){const a=u(r.errorBarWhiskerRatio,t);if(null!=e&&a>0)return e*a*.5;return.5*u(r.errorBarWhiskerSize,t)}function h(e,r){var t,a,n,s;const o=e.getProps(["x","y","width","height","xMin","xMax","yMin","yMax"]);null==o.xMin&&null==o.xMax||function(e,r,t,a,n){n.save(),n.translate(0,e.y);const s=c(null==r?e.x:r,null==t?e.x:t);s.reverse().forEach((([r,t],o)=>{const i=s.length-o-1,l=d(e.height,a,i);n.lineWidth=u(a.errorBarLineWidth,i),n.strokeStyle=u(a.errorBarColor,i),n.beginPath(),n.moveTo(r,0),n.lineTo(t,0),n.stroke(),n.lineWidth=u(a.errorBarWhiskerLineWidth,i),n.strokeStyle=u(a.errorBarWhiskerColor,i),n.beginPath(),n.moveTo(r,-l),n.lineTo(r,l),n.moveTo(t,-l),n.lineTo(t,l),n.stroke()})),n.restore()}(o,null!==(t=o.xMin)&&void 0!==t?t:null,null!==(a=o.xMax)&&void 0!==a?a:null,e.options,r),null==o.yMin&&null==o.yMax||function(e,r,t,a,n){n.save(),n.translate(e.x,0);const s=c(null==r?e.y:r,null==t?e.y:t);s.reverse().forEach((([r,t],o)=>{const i=s.length-o-1,l=d(e.width,a,i);n.lineWidth=u(a.errorBarLineWidth,i),n.strokeStyle=u(a.errorBarColor,i),n.beginPath(),n.moveTo(0,r),n.lineTo(0,t),n.stroke(),n.lineWidth=u(a.errorBarWhiskerLineWidth,i),n.strokeStyle=u(a.errorBarWhiskerColor,i),n.beginPath(),n.moveTo(-l,r),n.lineTo(l,r),n.moveTo(-l,t),n.lineTo(l,t),n.stroke()})),n.restore()}(o,null!==(n=o.yMin)&&void 0!==n?n:null,null!==(s=o.yMax)&&void 0!==s?s:null,e.options,r)}function p(e,r){const t=e.getProps(["x","y","startAngle","endAngle","rMin","rMax","outerRadius"]);null==t.rMin&&null==t.rMax||function(e,r,t,a,n){n.save(),n.translate(e.x,e.y);const s=(e.startAngle+e.endAngle)/2,o=Math.cos(s),i=Math.sin(s),l={x:-i,y:o},h=Math.sqrt(l.x*l.x+l.y*l.y);l.x/=h,l.y/=h;const p=c(null!=r?r:e.outerRadius,null!=t?t:e.outerRadius);p.reverse().forEach((([e,r],t)=>{const s=p.length-t-1,c=e*o,h=e*i,f=r*o,m=r*i,y=d(null,a,s),x=l.x*y,g=l.y*y;n.lineWidth=u(a.errorBarLineWidth,s),n.strokeStyle=u(a.errorBarColor,s),n.beginPath(),n.moveTo(c,h),n.lineTo(f,m),n.stroke(),n.lineWidth=u(a.errorBarWhiskerLineWidth,s),n.strokeStyle=u(a.errorBarWhiskerColor,s),n.beginPath(),n.moveTo(c+x,h+g),n.lineTo(c-x,h-g),n.moveTo(f+x,m+g),n.lineTo(f-x,m-g),n.stroke()})),n.restore()}(t,t.rMin,t.rMax,e.options,r)}class f extends r.BarElement{draw(e){super.draw(e),h(this,e)}}f.id="barWithErrorBar",f.defaults={...r.BarElement.defaults,...o},f.defaultRoutes=r.BarElement.defaultRoutes,f.descriptors=i;class m extends r.PointElement{draw(e,r){super.draw.call(this,e,r),h(this,e)}}m.id="pointWithErrorBar",m.defaults={...r.PointElement.defaults,...o},m.defaultRoutes=r.PointElement.defaultRoutes,m.descriptors=i;class y extends r.ArcElement{draw(e){super.draw(e),p(this,e)}}function x(e){return Array.isArray(e)?e.slice().reverse():e}function g(e){const t=n(e.element.horizontal),a=r.Tooltip.defaults.callbacks.label.call(this,e),s=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex];return null==s||t.every((e=>null==s[e]))?a:`${a} (${x(s[t[0]])} .. ${s[t[1]]})`}y.id="arcWithErrorBar",y.defaults={...r.ArcElement.defaults,...o},y.defaultRoutes=r.ArcElement.defaultRoutes,y.descriptors=i;const E={color(e,r,a){const n=e||"transparent",s=r||"transparent";if(n===s)return r;const o=t.color(n),i=o.valid&&t.color(s);return i&&i.valid?i.mix(o,a).hexString():r},number:(e,r,t)=>e===r?r:e+(r-e)*t};function M(e,r,t,a,n){if(typeof e===a&&typeof r===a)return n(e,r,t);if(Array.isArray(e)&&Array.isArray(r))return e.map(((e,a)=>n(e,r[a],t)));const s=e=>e&&Array.isArray(e.v);return s(e)&&s(r)?{v:e.v.map(((e,a)=>n(e,r.v[a],t)))}:r}const b={animations:{numberArray:{fn:function(e,r,t){return M(e,r,t,"number",E.number)},properties:a.concat(l.filter((e=>!e.endsWith("Color"))),["rMin","rMax"])},colorArray:{fn:function(e,r,t){return M(e,r,t,"string",E.color)},properties:l.filter((e=>e.endsWith("Color")))}}};function v(e,r){const{axis:t}=e;e.axis=`${t}MinMin`;const{min:a}=r(e);e.axis=`${t}MaxMax`;const{max:n}=r(e);return e.axis=t,{min:a,max:n}}function B(e,r,t){return Array.isArray(r)?t(e,...r):"number"==typeof r?t(e,r):e}function C(e,r,t,a,n){const s="string"==typeof r?r:r.axis,o=`${s}Min`,i=`${s}Max`,l=`${s}MinMin`,c=`${s}MaxMax`;for(let r=0;r<n;r+=1){const n=r+a,u=e[r];u[o]="object"==typeof t[n]?t[n][o]:null,u[i]="object"==typeof t[n]?t[n][i]:null,u[l]=B(u[s],u[o],Math.min),u[c]=B(u[s],u[i],Math.max)}}function W(e,r,t,a){const{axis:n}=r,s=r.getLabels();for(let o=0;o<a;o+=1){const a=o+t;e[o][n]=r.parse(s[a],a)}}function S(e,t,a,n=[],s=[]){r.registry.addControllers(a),Array.isArray(n)?r.registry.addElements(...n):r.registry.addElements(n),Array.isArray(s)?r.registry.addScales(...s):r.registry.addScales(s);const o=t;return o.type=e,o}class A extends r.BarController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const n=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseObjectData(e,r,t,a){const n=super.parseObjectData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseErrorData(e,r,t,a,n){C(e,r.vScale,t,a,n),W(e,r.iScale,a,n)}updateElement(e,r,t,a){"number"==typeof r&&s(t,this.getParsed(r),r,this._cachedMeta.vScale,"reset"===a),super.updateElement(e,r,t,a)}}A.id="barWithErrorBars",A.defaults=t.merge({},[r.BarController.defaults,b,{dataElementType:f.id}]),A.overrides=t.merge({},[r.BarController.overrides,{plugins:{tooltip:{callbacks:{label:g}}}}]),A.defaultRoutes=r.BarController.defaultRoutes;class P extends r.Chart{constructor(e,t){super(e,S("barWithErrorBars",t,A,f,[r.LinearScale,r.CategoryScale]))}}P.id=A.id;class D extends r.LineController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const n=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseObjectData(e,r,t,a){const n=super.parseObjectData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseErrorData(e,r,t,a,n){C(e,r.vScale,t,a,n);const s=r.iScale;"linear"===s.type||"logarithmic"===s.type?C(e,r.iScale,t,a,n):W(e,r.iScale,a,n)}updateElement(e,r,t,a){e instanceof m&&"number"==typeof r&&this.updateElementScale(r,t,a),super.updateElement(e,r,t,a)}updateElementScale(e,r,t){s(r,this.getParsed(e),e,this._cachedMeta.vScale,"reset"===t);const a=this._cachedMeta.iScale;("linear"===a.type||"logarithmic"===a.type)&&s(r,this.getParsed(e),e,this._cachedMeta.iScale,"reset"===t)}updateElements(e,r,t,a){const n="reset"===a,s=this.chart._animationsDisabled||n||"none"===a;if(super.updateElements(e,r,t,a),s)for(let n=r;n<r+t;++n){const r=e[n];r instanceof m&&this.updateElementScale(n,r,a)}}}D.id="lineWithErrorBars",D.defaults=t.merge({},[r.LineController.defaults,b,{dataElementType:m.id}]),D.overrides=t.merge({},[r.LineController.overrides,{plugins:{tooltip:{callbacks:{label:g}}}}]),D.defaultRoutes=r.LineController.defaultRoutes;class k extends r.Chart{constructor(e,t){super(e,S("lineWithErrorBars",t,D,m,[r.LinearScale,r.CategoryScale]))}}k.id=D.id;class T extends r.ScatterController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const n=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseObjectData(e,r,t,a){const n=super.parseObjectData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseErrorData(e,r,t,a,n){C(e,r.xScale,t,a,n),C(e,r.yScale,t,a,n)}updateElement(e,r,t,a){e instanceof m&&"number"==typeof r&&this.updateElementScale(r,t,a),super.updateElement(e,r,t,a)}updateElementScale(e,r,t){s(r,this.getParsed(e),e,this._cachedMeta.xScale,"reset"===t),s(r,this.getParsed(e),e,this._cachedMeta.yScale,"reset"===t)}updateElements(e,r,t,a){const n="reset"===a,s=this.chart._animationsDisabled||n||"none"===a;if(super.updateElements(e,r,t,a),s)for(let n=r;n<r+t;++n){const r=e[n];r instanceof m&&this.updateElementScale(n,r,a)}}}T.id="scatterWithErrorBars",T.defaults=t.merge({},[r.ScatterController.defaults,b,{dataElementType:m.id}]),T.overrides=t.merge({},[r.ScatterController.overrides,{plugins:{tooltip:{callbacks:{label:function(e){const r=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex],t=(e,t)=>{const a=n(t);return null==r||a.every((e=>null==r[e]))?e:`${e} [${x(r[a[0]])} .. ${r[a[1]]}]`};return`(${t(e.label,!0)}, ${t(e.parsed.y,!1)})`}}}}}]),T.defaultRoutes=r.LineController.defaultRoutes;class $ extends r.Chart{constructor(e,t){super(e,S("scatterWithErrorBars",t,T,m,[r.LinearScale]))}}$.id=T.id;class L extends r.PolarAreaController{getMinMaxImpl(e){const r=this._cachedMeta,t={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return r.data.forEach(((r,a)=>{const n=this.getParsed(a)[e.axis];!Number.isNaN(n)&&this.chart.getDataVisibility(a)&&(n<t.min&&(t.min=n),n>t.max&&(t.max=n))})),t}getMinMax(e){return v(e,(e=>this.getMinMaxImpl(e)))}countVisibleElements(){const e=this._cachedMeta;return e.data.reduce(((r,t,a)=>!Number.isNaN(e._parsed[a].r)&&this.chart.getDataVisibility(a)?r+1:r),0)}parsePrimitiveData(e,r,t,a){const n=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseObjectData(e,r,t,a){const n=super.parseObjectData(e,r,t,a);return this.parseErrorData(n,e,r,t,a),n}parseErrorData(e,r,t,a,n){const s=r.rScale;for(let r=0;r<n;r+=1){const n=r+a,o=t[n],i=s.parse(o[s.axis],n);e[r]={[s.axis]:i}}C(e,s,t,a,n)}updateElement(e,r,t,a){"number"==typeof r&&function(e,r,t,a,n){const s=n.animation,o=[`${t.axis}Min`,`${t.axis}Max`],i=e=>{const r=t.getDistanceFromCenterForValue(e),n=s.animateScale?0:r;return a?n:r};for(const t of o){const a=r[t];Array.isArray(a)?e[t]=a.map(i):e[t]="number"==typeof a?i(a):null}}(t,this.getParsed(r),this._cachedMeta.rScale,"reset"===a,this.chart.options),super.updateElement(e,r,t,a)}updateElements(e,r,t,a){const n=this.chart.scales.r,s=n.getDistanceFromCenterForValue;n.getDistanceFromCenterForValue=function(e){return"number"==typeof e?s.call(this,e):s.call(this,e.r)},super.updateElements(e,r,t,a),n.getDistanceFromCenterForValue=s}}L.id="polarAreaWithErrorBars",L.defaults=t.merge({},[r.PolarAreaController.defaults,b,{dataElementType:y.id}]),L.overrides=t.merge({},[r.PolarAreaController.overrides,{plugins:{tooltip:{callbacks:{label:function(e){const t=r.PolarAreaController.overrides.plugins.tooltip.callbacks.label.call(this,e),a=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex],n=["rMin","rMax"];return null==a||n.every((e=>null==a[e]))?t:`${t} [${x(a[n[0]])} .. ${a[n[1]]}]`}}}}}]),L.defaultRoutes=r.PolarAreaController.defaultRoutes;class R extends r.Chart{constructor(e,t){super(e,S("polarAreaWithErrorBars",t,L,y,[r.RadialLinearScale]))}}R.id=L.id,r.registry.addControllers(A,D,L,T),r.registry.addElements(f,y,m),e.ArcWithErrorBar=y,e.BarWithErrorBar=f,e.BarWithErrorBarsChart=P,e.BarWithErrorBarsController=A,e.LineWithErrorBarsChart=k,e.LineWithErrorBarsController=D,e.PointWithErrorBar=m,e.PolarAreaWithErrorBarsChart=R,e.PolarAreaWithErrorBarsController=L,e.ScatterWithErrorBarsChart=$,e.ScatterWithErrorBarsController=T}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["exports","chart.js","chart.js/helpers"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).ChartErrorBars={},e.Chart,e.Chart.helpers)}(this,(function(e,r,t){"use strict";const a=["xMin","xMax","yMin","yMax"];function s(e){return e?a.slice(0,2):a.slice(2)}function n(e,r,t,a,s){const n=[`${a.axis}Min`,`${a.axis}Max`],o=a.getBasePixel();for(const i of n){const n=r[i];Array.isArray(n)?e[i]=n.map((e=>s?o:a.getPixelForValue(e,t))):e[i]="number"==typeof n?s?o:a.getPixelForValue(n,t):null}}const o={errorBarLineWidth:{v:[1,3]},errorBarColor:{v:["#2c2c2c","#1f1f1f"]},errorBarWhiskerLineWidth:{v:[1,3]},errorBarWhiskerRatio:{v:[.2,.25]},errorBarWhiskerSize:{v:[20,24]},errorBarWhiskerColor:{v:["#2c2c2c","#1f1f1f"]}},i={_scriptable:!0,_indexable:e=>"v"!==e},l=Object.keys(o);function c(e,r){const t=Array.isArray(e)?e:[e],a=Array.isArray(r)?r:[r];if(t.length===a.length)return t.map(((e,r)=>[e,a[r]]));const s=Math.max(t.length,a.length);return Array(s).map(((e,r)=>[t[r%t.length],a[r%a.length]]))}function u(e,r){if("string"==typeof e||"number"==typeof e)return e;const t=Array.isArray(e)?e:e.v;return t[r%t.length]}function d(e,r,t){const a=u(r.errorBarWhiskerRatio,t);if(null!=e&&a>0)return e*a*.5;return.5*u(r.errorBarWhiskerSize,t)}function h(e,r){var t,a,s,n;const o=e.getProps(["x","y","width","height","xMin","xMax","yMin","yMax"]);null==o.xMin&&null==o.xMax||function(e,r,t,a,s){s.save(),s.translate(0,e.y);const n=c(null==r?e.x:r,null==t?e.x:t);n.reverse().forEach((([r,t],o)=>{const i=n.length-o-1,l=d(e.height,a,i);s.lineWidth=u(a.errorBarLineWidth,i),s.strokeStyle=u(a.errorBarColor,i),s.beginPath(),s.moveTo(r,0),s.lineTo(t,0),s.stroke(),s.lineWidth=u(a.errorBarWhiskerLineWidth,i),s.strokeStyle=u(a.errorBarWhiskerColor,i),s.beginPath(),s.moveTo(r,-l),s.lineTo(r,l),s.moveTo(t,-l),s.lineTo(t,l),s.stroke()})),s.restore()}(o,null!==(t=o.xMin)&&void 0!==t?t:null,null!==(a=o.xMax)&&void 0!==a?a:null,e.options,r),null==o.yMin&&null==o.yMax||function(e,r,t,a,s){s.save(),s.translate(e.x,0);const n=c(null==r?e.y:r,null==t?e.y:t);n.reverse().forEach((([r,t],o)=>{const i=n.length-o-1,l=d(e.width,a,i);s.lineWidth=u(a.errorBarLineWidth,i),s.strokeStyle=u(a.errorBarColor,i),s.beginPath(),s.moveTo(0,r),s.lineTo(0,t),s.stroke(),s.lineWidth=u(a.errorBarWhiskerLineWidth,i),s.strokeStyle=u(a.errorBarWhiskerColor,i),s.beginPath(),s.moveTo(-l,r),s.lineTo(l,r),s.moveTo(-l,t),s.lineTo(l,t),s.stroke()})),s.restore()}(o,null!==(s=o.yMin)&&void 0!==s?s:null,null!==(n=o.yMax)&&void 0!==n?n:null,e.options,r)}function p(e,r){const t=e.getProps(["x","y","startAngle","endAngle","rMin","rMax","outerRadius"]);null==t.rMin&&null==t.rMax||function(e,r,t,a,s){s.save(),s.translate(e.x,e.y);const n=(e.startAngle+e.endAngle)/2,o=Math.cos(n),i=Math.sin(n),l={x:-i,y:o},h=Math.sqrt(l.x*l.x+l.y*l.y);l.x/=h,l.y/=h;const p=c(null!=r?r:e.outerRadius,null!=t?t:e.outerRadius);p.reverse().forEach((([e,r],t)=>{const n=p.length-t-1,c=e*o,h=e*i,f=r*o,m=r*i,x=d(null,a,n),y=l.x*x,g=l.y*x;s.lineWidth=u(a.errorBarLineWidth,n),s.strokeStyle=u(a.errorBarColor,n),s.beginPath(),s.moveTo(c,h),s.lineTo(f,m),s.stroke(),s.lineWidth=u(a.errorBarWhiskerLineWidth,n),s.strokeStyle=u(a.errorBarWhiskerColor,n),s.beginPath(),s.moveTo(c+y,h+g),s.lineTo(c-y,h-g),s.moveTo(f+y,m+g),s.lineTo(f-y,m-g),s.stroke()})),s.restore()}(t,t.rMin,t.rMax,e.options,r)}class f extends r.BarElement{draw(e){super.draw(e),h(this,e)}}f.id="barWithErrorBar",f.defaults={...r.BarElement.defaults,...o},f.defaultRoutes=r.BarElement.defaultRoutes,f.descriptors=i;class m extends r.PointElement{draw(e,r){super.draw.call(this,e,r),h(this,e)}}m.id="pointWithErrorBar",m.defaults={...r.PointElement.defaults,...o},m.defaultRoutes=r.PointElement.defaultRoutes,m.descriptors=i;class x extends r.ArcElement{draw(e){super.draw(e),p(this,e)}}function y(e){return Array.isArray(e)?e.slice().reverse():e}function g(e){const t=s(e.element.horizontal),a=r.Tooltip.defaults.callbacks.label.call(this,e),n=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex];return null==n||t.every((e=>null==n[e]))?a:`${a} (${y(n[t[0]])} .. ${n[t[1]]})`}x.id="arcWithErrorBar",x.defaults={...r.ArcElement.defaults,...o},x.defaultRoutes=r.ArcElement.defaultRoutes,x.descriptors=i;const E={color(e,r,a){const s=e||"transparent",n=r||"transparent";if(s===n)return r;const o=t.color(s),i=o.valid&&t.color(n);return i&&i.valid?i.mix(o,a).hexString():r},number:(e,r,t)=>e===r?r:e+(r-e)*t};function M(e,r,t,a,s){if(typeof e===a&&typeof r===a)return s(e,r,t);if(Array.isArray(e)&&Array.isArray(r))return e.map(((e,a)=>s(e,r[a],t)));const n=e=>e&&Array.isArray(e.v);return n(e)&&n(r)?{v:e.v.map(((e,a)=>s(e,r.v[a],t)))}:r}const b={animations:{numberArray:{fn:function(e,r,t){return M(e,r,t,"number",E.number)},properties:a.concat(l.filter((e=>!e.endsWith("Color"))),["rMin","rMax"])},colorArray:{fn:function(e,r,t){return M(e,r,t,"string",E.color)},properties:l.filter((e=>e.endsWith("Color")))}}};function v(e,r){const{axis:t}=e;e.axis=`${t}MinMin`;const{min:a}=r(e);e.axis=`${t}MaxMax`;const{max:s}=r(e);return e.axis=t,{min:a,max:s}}function B(e,r,t){return Array.isArray(r)?t(e,...r):"number"==typeof r?t(e,r):e}function C(e,r,t,a,s){const n="string"==typeof r?r:r.axis,o=`${n}Min`,i=`${n}Max`,l=`${n}MinMin`,c=`${n}MaxMax`;for(let r=0;r<s;r+=1){const s=r+a,u=e[r];u[o]="object"==typeof t[s]?t[s][o]:null,u[i]="object"==typeof t[s]?t[s][i]:null,u[l]=B(u[n],u[o],Math.min),u[c]=B(u[n],u[i],Math.max)}}function W(e,r,t,a){const{axis:s}=r,n=r.getLabels();for(let o=0;o<a;o+=1){const a=o+t;e[o][s]=r.parse(n[a],a)}}function S(e,t,a,s=[],n=[]){r.registry.addControllers(a),Array.isArray(s)?r.registry.addElements(...s):r.registry.addElements(s),Array.isArray(n)?r.registry.addScales(...n):r.registry.addScales(n);const o=t;return o.type=e,o}class A extends r.BarController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const s=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseObjectData(e,r,t,a){const s=super.parseObjectData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseErrorData(e,r,t,a,s){C(e,r.vScale,t,a,s),W(e,r.iScale,a,s)}updateElement(e,r,t,a){"number"==typeof r&&n(t,this.getParsed(r),r,this._cachedMeta.vScale,"reset"===a),super.updateElement(e,r,t,a)}}A.id="barWithErrorBars",A.defaults=t.merge({},[r.BarController.defaults,b,{dataElementType:f.id}]),A.overrides=t.merge({},[r.BarController.overrides,{plugins:{tooltip:{callbacks:{label:g}}}}]),A.defaultRoutes=r.BarController.defaultRoutes;class P extends r.Chart{constructor(e,t){super(e,S("barWithErrorBars",t,A,f,[r.LinearScale,r.CategoryScale]))}}P.id=A.id;const D=["linear","logarithmic","time","timeseries"];class k extends r.LineController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const s=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseObjectData(e,r,t,a){const s=super.parseObjectData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseErrorData(e,r,t,a,s){C(e,r.vScale,t,a,s);const n=r.iScale;D.includes(n.type)?C(e,r.iScale,t,a,s):W(e,r.iScale,a,s)}updateElement(e,r,t,a){e instanceof m&&"number"==typeof r&&this.updateElementScale(r,t,a),super.updateElement(e,r,t,a)}updateElementScale(e,r,t){n(r,this.getParsed(e),e,this._cachedMeta.vScale,"reset"===t);const a=this._cachedMeta.iScale;D.includes(a.type)&&n(r,this.getParsed(e),e,this._cachedMeta.iScale,"reset"===t)}updateElements(e,r,t,a){const s="reset"===a,n=this.chart._animationsDisabled||s||"none"===a;if(super.updateElements(e,r,t,a),n)for(let s=r;s<r+t;++s){const r=e[s];r instanceof m&&this.updateElementScale(s,r,a)}}}k.id="lineWithErrorBars",k.defaults=t.merge({},[r.LineController.defaults,b,{dataElementType:m.id}]),k.overrides=t.merge({},[r.LineController.overrides,{plugins:{tooltip:{callbacks:{label:g}}}}]),k.defaultRoutes=r.LineController.defaultRoutes;class T extends r.Chart{constructor(e,t){super(e,S("lineWithErrorBars",t,k,m,[r.LinearScale,r.CategoryScale]))}}T.id=k.id;class $ extends r.ScatterController{getMinMax(e,r){return v(e,(e=>super.getMinMax(e,r)))}parsePrimitiveData(e,r,t,a){const s=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseObjectData(e,r,t,a){const s=super.parseObjectData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseErrorData(e,r,t,a,s){C(e,r.xScale,t,a,s),C(e,r.yScale,t,a,s)}updateElement(e,r,t,a){e instanceof m&&"number"==typeof r&&this.updateElementScale(r,t,a),super.updateElement(e,r,t,a)}updateElementScale(e,r,t){n(r,this.getParsed(e),e,this._cachedMeta.xScale,"reset"===t),n(r,this.getParsed(e),e,this._cachedMeta.yScale,"reset"===t)}updateElements(e,r,t,a){const s="reset"===a,n=this.chart._animationsDisabled||s||"none"===a;if(super.updateElements(e,r,t,a),n)for(let s=r;s<r+t;++s){const r=e[s];r instanceof m&&this.updateElementScale(s,r,a)}}}$.id="scatterWithErrorBars",$.defaults=t.merge({},[r.ScatterController.defaults,b,{dataElementType:m.id}]),$.overrides=t.merge({},[r.ScatterController.overrides,{plugins:{tooltip:{callbacks:{label:function(e){const r=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex],t=(e,t)=>{const a=s(t);return null==r||a.every((e=>null==r[e]))?e:`${e} [${y(r[a[0]])} .. ${r[a[1]]}]`};return`(${t(e.label,!0)}, ${t(e.parsed.y,!1)})`}}}}}]),$.defaultRoutes=r.LineController.defaultRoutes;class L extends r.Chart{constructor(e,t){super(e,S("scatterWithErrorBars",t,$,m,[r.LinearScale]))}}L.id=$.id;class R extends r.PolarAreaController{getMinMaxImpl(e){const r=this._cachedMeta,t={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return r.data.forEach(((r,a)=>{const s=this.getParsed(a)[e.axis];!Number.isNaN(s)&&this.chart.getDataVisibility(a)&&(s<t.min&&(t.min=s),s>t.max&&(t.max=s))})),t}getMinMax(e){return v(e,(e=>this.getMinMaxImpl(e)))}countVisibleElements(){const e=this._cachedMeta;return e.data.reduce(((r,t,a)=>!Number.isNaN(e._parsed[a].r)&&this.chart.getDataVisibility(a)?r+1:r),0)}parsePrimitiveData(e,r,t,a){const s=super.parsePrimitiveData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseObjectData(e,r,t,a){const s=super.parseObjectData(e,r,t,a);return this.parseErrorData(s,e,r,t,a),s}parseErrorData(e,r,t,a,s){const n=r.rScale;for(let r=0;r<s;r+=1){const s=r+a,o=t[s],i=n.parse(o[n.axis],s);e[r]={[n.axis]:i}}C(e,n,t,a,s)}updateElement(e,r,t,a){"number"==typeof r&&function(e,r,t,a,s){const n=s.animation,o=[`${t.axis}Min`,`${t.axis}Max`],i=e=>{const r=t.getDistanceFromCenterForValue(e),s=n.animateScale?0:r;return a?s:r};for(const t of o){const a=r[t];Array.isArray(a)?e[t]=a.map(i):e[t]="number"==typeof a?i(a):null}}(t,this.getParsed(r),this._cachedMeta.rScale,"reset"===a,this.chart.options),super.updateElement(e,r,t,a)}updateElements(e,r,t,a){const s=this.chart.scales.r,n=s.getDistanceFromCenterForValue;s.getDistanceFromCenterForValue=function(e){return"number"==typeof e?n.call(this,e):n.call(this,e.r)},super.updateElements(e,r,t,a),s.getDistanceFromCenterForValue=n}}R.id="polarAreaWithErrorBars",R.defaults=t.merge({},[r.PolarAreaController.defaults,b,{dataElementType:x.id}]),R.overrides=t.merge({},[r.PolarAreaController.overrides,{plugins:{tooltip:{callbacks:{label:function(e){const t=r.PolarAreaController.overrides.plugins.tooltip.callbacks.label.call(this,e),a=e.chart.data.datasets[e.datasetIndex].data[e.dataIndex],s=["rMin","rMax"];return null==a||s.every((e=>null==a[e]))?t:`${t} [${y(a[s[0]])} .. ${a[s[1]]}]`}}}}}]),R.defaultRoutes=r.PolarAreaController.defaultRoutes;class I extends r.Chart{constructor(e,t){super(e,S("polarAreaWithErrorBars",t,R,x,[r.RadialLinearScale]))}}I.id=R.id,r.registry.addControllers(A,k,R,$),r.registry.addElements(f,x,m),e.ArcWithErrorBar=x,e.BarWithErrorBar=f,e.BarWithErrorBarsChart=P,e.BarWithErrorBarsController=A,e.LineWithErrorBarsChart=T,e.LineWithErrorBarsController=k,e.PointWithErrorBar=m,e.PolarAreaWithErrorBarsChart=I,e.PolarAreaWithErrorBarsController=R,e.ScatterWithErrorBarsChart=L,e.ScatterWithErrorBarsController=$}));
 //# sourceMappingURL=index.umd.min.js.map

package.json

 {
   "name": "chartjs-chart-error-bars",
   "description": "Chart.js module for charting error bars",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "author": {
@@ -56,16 +56,18 @@ "name": "Samuel Gratzl",
     "@chiogen/rollup-plugin-terser": "^7.1.3",
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@types/jest": "^29.2.5",
+    "@types/jest": "^29.4.0",
     "@types/jest-image-snapshot": "^6.1.0",
-    "@types/node": "^18.11.18",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
-    "@yarnpkg/sdks": "^2.6.3",
+    "@types/node": "^18.14.6",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
+    "@yarnpkg/sdks": "^2.7.0",
     "canvas": "^2.11.0",
     "canvas-5-polyfill": "^0.1.5",
-    "chart.js": "^4.1.2",
-    "eslint": "^8.31.0",
+    "chart.js": "^4.2.1",
+    "chartjs-adapter-date-fns": "^3.0.0",
+    "date-fns": "^2.29.3",
+    "eslint": "^8.35.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
@@ -75,22 +77,22 @@ "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.27.4",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-image-snapshot": "^6.1.0",
-    "prettier": "^2.8.3",
-    "rimraf": "^4.0.5",
-    "rollup": "^3.10.0",
+    "prettier": "^2.8.4",
+    "rimraf": "^4.3.0",
+    "rollup": "^3.18.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-dts": "^5.2.0",
     "ts-jest": "^29.0.5",
-    "tslib": "^2.4.1",
-    "typedoc": "^0.23.24",
-    "typescript": "^4.9.4"
+    "tslib": "^2.5.0",
+    "typedoc": "^0.23.26",
+    "typescript": "^4.9.5"
   },
   "scripts": {
-    "clean": "rimraf build docs node_modules \"*.tgz\" \"*.tsbuildinfo\"",
+    "clean": "rimraf --glob build docs node_modules \"*.tgz\" \"*.tsbuildinfo\"",
     "compile": "tsc -b tsconfig.c.json",
@@ -114,3 +116,3 @@ "compile:types": "tsc -p tsconfig.c.json --emitDeclarationOnly",
   },
-  "packageManager": "yarn@3.3.1"
+  "packageManager": "yarn@3.4.1"
 }

src/controllers/LineWithErrorBarsController.spec.ts

@@ -1,2 +0,11 @@
-import { registry, LinearScale, CategoryScale, LineElement } from 'chart.js';
+import {
+  registry,
+  LinearScale,
+  CategoryScale,
+  LineElement,
+  TimeScale,
+  TimeSeriesScale,
+  LogarithmicScale,
+} from 'chart.js';
+import 'chartjs-adapter-date-fns';
 import createChart from '../__tests__/createChart';
@@ -10,3 +19,3 @@ import { LineWithErrorBarsController } from './LineWithErrorBarsController';
     registry.addElements(PointWithErrorBar, LineElement);
-    registry.addScales(LinearScale, CategoryScale);
+    registry.addScales(LinearScale, CategoryScale, TimeScale, TimeSeriesScale, LogarithmicScale);
   });
@@ -84,2 +93,125 @@ test('default', () => {
   });
+
+  test('linear scale', () => {
+    return createChart({
+      type: LineWithErrorBarsController.id,
+      data: {
+        datasets: [
+          {
+            data: [
+              {
+                x: 1,
+                y: 4,
+                yMin: 1,
+                yMax: 6,
+              },
+              {
+                x: 2,
+                y: 2,
+                yMin: 1,
+                yMax: 4,
+              },
+            ],
+          },
+        ],
+      },
+      options: {
+        scales: {
+          x: {
+            type: 'logarithmic',
+            display: false,
+          },
+          y: {
+            display: false,
+          },
+        },
+      },
+    }).toMatchImageSnapshot();
+  });
+
+  test('time scale', () => {
+    return createChart({
+      type: LineWithErrorBarsController.id,
+      data: {
+        datasets: [
+          {
+            data: [
+              {
+                x: '2016-12-25',
+                y: 4,
+                yMin: 1,
+                yMax: 6,
+              },
+              {
+                x: '2017-12-25',
+                y: 6,
+                yMin: 2,
+                yMax: 8,
+              },
+              {
+                x: '2018-12-25',
+                y: 2,
+                yMin: 1,
+                yMax: 4,
+              },
+            ],
+          },
+        ],
+      },
+      options: {
+        scales: {
+          x: {
+            type: 'time',
+            display: false,
+          },
+          y: {
+            display: false,
+          },
+        },
+      },
+    }).toMatchImageSnapshot();
+  });
+
+  test('time scale', () => {
+    return createChart({
+      type: LineWithErrorBarsController.id,
+      data: {
+        datasets: [
+          {
+            data: [
+              {
+                x: '2016-12-25',
+                y: 4,
+                yMin: 1,
+                yMax: 6,
+              },
+              {
+                x: '2017-12-25',
+                y: 6,
+                yMin: 2,
+                yMax: 8,
+              },
+              {
+                x: '2018-12-25',
+                y: 2,
+                yMin: 1,
+                yMax: 4,
+              },
+            ],
+          },
+        ],
+      },
+      options: {
+        scales: {
+          x: {
+            type: 'timeseries',
+            display: false,
+          },
+          y: {
+            display: false,
+          },
+        },
+      },
+    }).toMatchImageSnapshot();
+  });
 });

src/controllers/LineWithErrorBarsController.ts

@@ -33,2 +33,4 @@ import {
 
+const NUMERIC_SCALE_TYPES = ['linear', 'logarithmic', 'time', 'timeseries'];
+
 export class LineWithErrorBarsController extends LineController {
@@ -62,3 +64,3 @@ getMinMax(scale: Scale, canStack: boolean): { min: number; max: number } {
     const iScale = meta.iScale as Scale;
-    const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+    const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
     if (hasNumberIScale) {
@@ -95,3 +97,3 @@ parseErrorNumberData(parsed, meta.iScale!, data, start, count);
     const iScale = this._cachedMeta.iScale as Scale;
-    const hasNumberIScale = iScale.type === 'linear' || iScale.type === 'logarithmic';
+    const hasNumberIScale = NUMERIC_SCALE_TYPES.includes(iScale.type);
     if (hasNumberIScale) {
@@ -98,0 +100,0 @@ calculateScale(

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

282874

increased by1.07%

Lines of code

4019

increased by3.42%

Worsened metrics

Dev dependency count

38

increased by5.56%

No dependency changes