@plotdb/chart 2.1.23 → 2.1.25

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/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # Change Logs
2
2
 
3
+ ## v2.1.25
4
+
5
+ - chart.utils.tick: better tick gapping to prevent unused ticks.
6
+
7
+
8
+ ## v2.1.24
9
+
10
+ - line chart
11
+ - support customized color for dot filling
12
+ - correctly support linecap
13
+ - support linejoin
14
+ - tweak view size based on line stroke width
15
+ - gauge chart
16
+ - support better animation
17
+ - support correct label rendering
18
+ - auto resizing label
19
+ - support unit customization
20
+ - base chart
21
+ - correctly support font position by also setting font family in root element
22
+ - correctly config font size by setting font size separatedly
23
+
24
+
3
25
  ## v2.1.23
4
26
 
5
27
  - tweak axis padding range from 0 to 10 to 0 to 100
package/package.json CHANGED
@@ -1 +1 @@
1
- {"author":"zbryikt","name":"@plotdb/chart","license":"MIT","description":"plotdb charts","style":"index.min.css","browser":"index.min.js","main":"index.min.js","version":"2.1.23","homepage":"https://github.com/plotdb/chart","repository":{"type":"git","url":"https://github.com/plotdb/chart"},"engines":{"node":">=10.14.1","npm":">=6.4.1"},"scripts":{"start":"npx server -r web -o true"},"devDependencies":{"@loadingio/bootstrap.ext":"^0.0.9","@loadingio/ldquery":"^3.0.4","@loadingio/loading.css":"^3.1.0","@loadingio/vscroll":"^0.0.8","@plotdb/layout":"^0.0.12","@plotdb/pdmap-world":"^0.0.5","@plotdb/semver":"^0.0.3","@plotdb/sheet":"^0.2.0","@xlfont/choose":"^0.0.13","@xlfont/load":"^2.1.0","@zbryikt/template":"^2.3.38","bootstrap":"^4.6.1","bootstrap.native":"^3.0.15","fedep":"^1.1.7","ldbutton":"^2.0.1","ldfile":"^2.0.0","ldiconfont":"^0.2.3","ldloader":"^3.0.1","ldview":"^1.2.1","livescript":"^1.6.0","pdmaptw":"2.1.0","uglify-js":"^3.13.1","uglifycss":"^0.0.29","zmgr":"^2.2.3"},"frontendDependencies":{"root":"web/static/assets/lib","modules":["bootstrap","bootstrap.native","@loadingio/bootstrap.ext","@loadingio/ldquery","@loadingio/loading.css","@loadingio/ldcolorpicker","@loadingio/debounce.js","@loadingio/vscroll","@plotdb/pdmap-world","@plotdb/block","@plotdb/csscope","@plotdb/rescope","@plotdb/layout","@plotdb/sheet","@plotdb/konfig","@plotdb/semver","@xlfont/choose","@xlfont/load","@zbryikt/voronoijs","d3","d3-array","d3-axis","d3-brush","d3-color","d3-dispatch","d3-drag","d3-ease","d3-force","d3-force-boundary","d3-format","d3-hierarchy","d3-interpolate","d3-path","d3-quadtree","d3-random","d3-scale-chromatic","d3-selection","d3-shape","d3-timer","d3-transition","choosefont.js","pdmaptw","proxise","ldiconfont","ldloader","ldbutton","ldcover","ldcolor","ldfile","ldslider","wrap-svg-text","ldpalettepicker","zmgr","ldview"]},"dependencies":{"@loadingio/debounce.js":"^1.0.1","@loadingio/ldcolorpicker":"^3.0.0","@plotdb/block":"^4.7.1","@plotdb/csscope":"^4.0.6","@plotdb/konfig":"^4.7.2","@plotdb/rescope":"^4.1.6","@zbryikt/voronoijs":"^1.0.0","choosefont.js":"^0.0.1","d3":"^4.13.0","d3-array":"^3.1.1","d3-axis":"^3.0.0","d3-brush":"^3.0.0","d3-color":"^3.1.0","d3-dispatch":"^3.0.1","d3-drag":"^3.0.0","d3-ease":"^3.0.1","d3-force":"^3.0.0","d3-force-boundary":"^0.0.2","d3-format":"^3.1.0","d3-hierarchy":"^3.1.1","d3-interpolate":"^3.0.1","d3-path":"^3.0.1","d3-quadtree":"^3.0.1","d3-random":"^3.0.1","d3-scale-chromatic":"^3.0.0","d3-selection":"^3.0.0","d3-shape":"^3.1.0","d3-timer":"^3.0.1","d3-transition":"^3.0.1","ldcolor":"^1.0.0","ldcover":"^3.2.1","ldpalettepicker":"^4.0.1","ldslider":"^3.1.1","proxise":"^1.0.1","wrap-svg-text":"^0.0.7"}}
1
+ {"author":"zbryikt","name":"@plotdb/chart","license":"MIT","description":"plotdb charts","style":"index.min.css","browser":"index.min.js","main":"index.min.js","version":"2.1.25","homepage":"https://github.com/plotdb/chart","repository":{"type":"git","url":"https://github.com/plotdb/chart"},"engines":{"node":">=10.14.1","npm":">=6.4.1"},"scripts":{"start":"npx server -r web -o true"},"devDependencies":{"@loadingio/bootstrap.ext":"^0.0.9","@loadingio/ldquery":"^3.0.4","@loadingio/loading.css":"^3.1.0","@loadingio/vscroll":"^0.0.8","@plotdb/layout":"^0.0.12","@plotdb/pdmap-world":"^0.0.5","@plotdb/semver":"^0.0.3","@plotdb/sheet":"^0.2.0","@xlfont/choose":"^0.0.13","@xlfont/load":"^2.1.0","@zbryikt/template":"^2.3.38","bootstrap":"^4.6.1","bootstrap.native":"^3.0.15","fedep":"^1.1.7","ldbutton":"^2.0.1","ldfile":"^2.0.0","ldiconfont":"^0.2.3","ldloader":"^3.0.1","ldview":"^1.2.1","livescript":"^1.6.0","pdmaptw":"2.1.0","uglify-js":"^3.13.1","uglifycss":"^0.0.29","zmgr":"^2.2.3"},"frontendDependencies":{"root":"web/static/assets/lib","modules":["bootstrap","bootstrap.native","@loadingio/bootstrap.ext","@loadingio/ldquery","@loadingio/loading.css","@loadingio/ldcolorpicker","@loadingio/debounce.js","@loadingio/vscroll","@plotdb/pdmap-world","@plotdb/block","@plotdb/csscope","@plotdb/rescope","@plotdb/layout","@plotdb/sheet","@plotdb/konfig","@plotdb/semver","@xlfont/choose","@xlfont/load","@zbryikt/voronoijs","d3","d3-array","d3-axis","d3-brush","d3-color","d3-dispatch","d3-drag","d3-ease","d3-force","d3-force-boundary","d3-format","d3-hierarchy","d3-interpolate","d3-path","d3-quadtree","d3-random","d3-scale-chromatic","d3-selection","d3-shape","d3-timer","d3-transition","choosefont.js","pdmaptw","proxise","ldiconfont","ldloader","ldbutton","ldcover","ldcolor","ldfile","ldslider","wrap-svg-text","ldpalettepicker","zmgr","ldview"]},"dependencies":{"@loadingio/debounce.js":"^1.0.1","@loadingio/ldcolorpicker":"^3.0.0","@plotdb/block":"^4.7.1","@plotdb/csscope":"^4.0.6","@plotdb/konfig":"^4.7.2","@plotdb/rescope":"^4.1.6","@zbryikt/voronoijs":"^1.0.0","choosefont.js":"^0.0.1","d3":"^4.13.0","d3-array":"^3.1.1","d3-axis":"^3.0.0","d3-brush":"^3.0.0","d3-color":"^3.1.0","d3-dispatch":"^3.0.1","d3-drag":"^3.0.0","d3-ease":"^3.0.1","d3-force":"^3.0.0","d3-force-boundary":"^0.0.2","d3-format":"^3.1.0","d3-hierarchy":"^3.1.1","d3-interpolate":"^3.0.1","d3-path":"^3.0.1","d3-quadtree":"^3.0.1","d3-random":"^3.0.1","d3-scale-chromatic":"^3.0.0","d3-selection":"^3.0.0","d3-shape":"^3.1.0","d3-timer":"^3.0.1","d3-transition":"^3.0.1","ldcolor":"^1.0.0","ldcover":"^3.2.1","ldpalettepicker":"^4.0.1","ldslider":"^3.1.1","proxise":"^1.0.1","wrap-svg-text":"^0.0.7"}}
package/utils/tick.js CHANGED
@@ -1,7 +1,7 @@
1
1
  (function(){
2
2
  var tick;
3
3
  tick = function(o){
4
- var ext, len, delta, ticks, steps, pow, i$, i, g, s, j$, ref$, len$, j, step, ref1$, v, extent, base, lg, fmt, unit, labels, to$, t1, t2;
4
+ var ext, len, o_ext, delta, ticks, steps, pow, gaps, i$, i, g, s, j$, len$, j, step, ref$, ref1$, v, extent, base, lg, fmt, unit, labels, to$, t1, t2;
5
5
  o == null && (o = {});
6
6
  ext = o.extent || [0, 1];
7
7
  len = o.len || 3;
@@ -15,11 +15,13 @@
15
15
  if (ext[0] > ext[1]) {
16
16
  ext = [ext[1], ext[0]];
17
17
  }
18
+ o_ext = ext;
18
19
  if (o.exp != null) {
19
20
  delta = ext[1] - ext[0];
20
21
  ticks = [];
21
22
  steps = [];
22
23
  pow = Math.pow(10, o.exp);
24
+ gaps = [10, 15, 20, 25, 30, 40, 50, 75, 100];
23
25
  if (o.pretty != null && !o.pretty) {
24
26
  ticks = (function(){
25
27
  var i$, to$, results$ = [];
@@ -35,8 +37,8 @@
35
37
  i = i$;
36
38
  g = delta * (Math.pow(i / len, pow) - Math.pow((i - 1) / len, pow));
37
39
  s = Math.floor(Math.log(g) / Math.LN10);
38
- for (j$ = 0, len$ = (ref$ = [10, 20, 25, 50, 100]).length; j$ < len$; ++j$) {
39
- j = ref$[j$];
40
+ for (j$ = 0, len$ = gaps.length; j$ < len$; ++j$) {
41
+ j = gaps[j$];
40
42
  if ((step = j * Math.pow(10, s - 1)) > g) {
41
43
  break;
42
44
  }
@@ -50,7 +52,7 @@
50
52
  ext = [[ext[0], 'floor'], [ext[1], 'ceil']].map(function(arg$){
51
53
  var t, n, ret;
52
54
  t = arg$[0], n = arg$[1];
53
- ret = [10, 20, 25, 50, 100].map(function(d){
55
+ ret = gaps.map(function(d){
54
56
  return [d, Math.abs(t - Math[n](t / d) * d)];
55
57
  });
56
58
  ret.sort(function(a, b){
@@ -63,6 +65,9 @@
63
65
  i = i$;
64
66
  ticks.push(v);
65
67
  v = v + steps[i];
68
+ if (v >= o_ext[1]) {
69
+ break;
70
+ }
66
71
  }
67
72
  ticks.push(v);
68
73
  }
package/utils/tick.min.js CHANGED
@@ -1 +1 @@
1
- !function(){var t=function(t){var n,r,e,u,o,a,f,l,h,i,p,c,s,M,x,y,k,m,g,v,w,d,N,b=(t=null==t?{}:t).extent||[0,1],L=t.len||3;if((b=b.map(function(t){return isNaN(t)?0:t}))[0]>b[1]&&(b=[b[1],b[0]]),null!=t.exp){if(n=b[1]-b[0],r=[],e=[],u=Math.pow(10,t.exp),null==t.pretty||t.pretty){for(o=1;o<=L;++o){for(a=o,f=n*(Math.pow(a/L,u)-Math.pow((a-1)/L,u)),l=Math.floor(Math.log(f)/Math.LN10),h=0,p=(i=[10,20,25,50,100]).length;h<p&&(c=i[h],!((s=c*Math.pow(10,l-1))>f));++h);e.push(s)}for(n=e.reduce(function(t,n){return t+n},0),M=(b=[[(b=[b[0],(i=b[0]+n)>(x=b[1])?i:x])[0],"floor"],[b[1],"ceil"]].map(function(t){var n=t[0],r=t[1],t=[10,20,25,50,100].map(function(t){return[t,Math.abs(n-Math[r](n/t)*t)]});return t.sort(function(t,n){return t[1]-n[1]}),t[0][0]*Math[r](n/t[0][0])}))[0],o=0;o<L;++o)a=o,r.push(M),M+=e[a];r.push(M)}else r=function(){for(var t=[],n=0,r=L;n<=r;++n)t.push(n);return t}().map(function(t){return n*Math.pow(t/L,u)+b[0]});r.sort(function(t,n){return t-n}),x=[r[0],r[L-1]]}else if(null==t.pretty||t.pretty){for(f=(b[1]-b[0])/(L+1),l=Math.floor(Math.log((b[1]-b[0]||1)/(L+1))/Math.LN10),o=0,p=(i=[10,20,25,50,100]).length;o<p&&(a=i[o],!((s=a*Math.pow(10,l-1))>f));++o);y=s*Math.floor(b[0]/s),x=[(r=function(){for(var t=[],n=0,r=L;n<=r;++n)t.push(n);return t}().map(function(t){return y+s*t}))[0],r[L]]}else x=[(r=function(){for(var t=[],n=0,r=L;n<r;++n)t.push(n);return t}().map(function(t){return b[0]+(b[1]-b[0])*t/(1<(t=L-1)?t:1)}))[0],r[L-1]];if(k=t.legend){if(m=k.format||function(t){return t},g=k.unit||"",k.range)for(v=[],o=0,w=r.length-1;o<w;++o)d=(i=[r[a=o],r[a+1]])[0],N=i[1],v.push({ext:[d,N],key:(d+N)/2,text:k.text?k.text(d,N):m(d)+" - "+m(N)+g});else v=r.map(function(t){return{key:t,text:k.text?k.text(t):m(t)+""+g}});v.sort(function(t,n){return t.key<n.key?1:t.key>n.key?-1:0})}return{ticks:r,extent:x,labels:v}};"undefined"!=typeof chart&&null!==chart&&((chart.utils||(chart.utils={})).tick=t)}.call(this);
1
+ !function(){var t=function(t){var n,r,e,u,o,a,f,l,h,i,p,c,s,M,x,y,k,m,g,v,w,d,N,b,L=(t=null==t?{}:t).extent||[0,1],j=t.len||3,q=L=(L=L.map(function(t){return isNaN(t)?0:t}))[0]>L[1]?[L[1],L[0]]:L;if(null!=t.exp){if(n=L[1]-L[0],r=[],e=[],u=Math.pow(10,t.exp),o=[10,15,20,25,30,40,50,75,100],null==t.pretty||t.pretty){for(a=1;a<=j;++a){for(f=a,l=n*(Math.pow(f/j,u)-Math.pow((f-1)/j,u)),h=Math.floor(Math.log(l)/Math.LN10),i=0,p=o.length;i<p&&(c=o[i],!((s=c*Math.pow(10,h-1))>l));++i);e.push(s)}for(n=e.reduce(function(t,n){return t+n},0),x=(L=[[(L=[L[0],(M=L[0]+n)>(y=L[1])?M:y])[0],"floor"],[L[1],"ceil"]].map(function(t){var n=t[0],r=t[1],t=o.map(function(t){return[t,Math.abs(n-Math[r](n/t)*t)]});return t.sort(function(t,n){return t[1]-n[1]}),t[0][0]*Math[r](n/t[0][0])}))[0],a=0;a<j&&(f=a,r.push(x),!((x+=e[f])>=q[1]));++a);r.push(x)}else r=function(){for(var t=[],n=0,r=j;n<=r;++n)t.push(n);return t}().map(function(t){return n*Math.pow(t/j,u)+L[0]});r.sort(function(t,n){return t-n}),y=[r[0],r[j-1]]}else if(null==t.pretty||t.pretty){for(l=(L[1]-L[0])/(j+1),h=Math.floor(Math.log((L[1]-L[0]||1)/(j+1))/Math.LN10),a=0,p=(M=[10,20,25,50,100]).length;a<p&&(f=M[a],!((s=f*Math.pow(10,h-1))>l));++a);k=s*Math.floor(L[0]/s),y=[(r=function(){for(var t=[],n=0,r=j;n<=r;++n)t.push(n);return t}().map(function(t){return k+s*t}))[0],r[j]]}else y=[(r=function(){for(var t=[],n=0,r=j;n<r;++n)t.push(n);return t}().map(function(t){return L[0]+(L[1]-L[0])*t/(1<(t=j-1)?t:1)}))[0],r[j-1]];if(m=t.legend){if(g=m.format||function(t){return t},v=m.unit||"",m.range)for(w=[],a=0,d=r.length-1;a<d;++a)N=(M=[r[f=a],r[f+1]])[0],b=M[1],w.push({ext:[N,b],key:(N+b)/2,text:m.text?m.text(N,b):g(N)+" - "+g(b)+v});else w=r.map(function(t){return{key:t,text:m.text?m.text(t):g(t)+""+v}});w.sort(function(t,n){return t.key<n.key?1:t.key>n.key?-1:0})}return{ticks:r,extent:y,labels:w}};"undefined"!=typeof chart&&null!==chart&&((chart.utils||(chart.utils={})).tick=t)}.call(this);