small fix for boxplot.js, scale.js, etc

Author: Fan-iX

src/core/element/CorePoint.vue

@@ -31,10 +31,11 @@ const binds = computed(() => {
         'stroke-dasharray': parseLinetype(linetype).join(" ") || null,
     }
     if (d != null) {
-        let transform = `translate(${x + translateX},${y + translateY})`
-        if (size != 1) transform += `scale(${size})`
-        if (angle) transform += `rotate(${angle})`
-        Object.assign(result, { d, transform })
+        let transform = [], tslX = x + translateX, tslY = y + translateY
+        if (tslX !== 0 || tslY !== 0) transform.push(`translate(${tslX},${tslY})`)
+        if (size != 1) transform.push(`scale(${size})`)
+        if (angle) transform.push(`rotate(${angle})`)
+        Object.assign(result, { d, transform: transform.join(' ') || null })
     } else {
         let transform = (translateX || translateY) ? `translate(${translateX}, ${translateY})` : null
         Object.assign(result, { cx: x, cy: y, r: size / 2, transform })

src/core/layer/svg/CoreSvgEllipse.vue

@@ -32,8 +32,8 @@ const binds = computed(() => {
         const disc = Math.sqrt(Math.max(0, tr * tr / 4 - det))
         let vbind = {
             cx: ch, cy: cv,
-            rx: 1 / Math.sqrt(tr / 2 + disc), ry: 1 / Math.sqrt(tr / 2 - disc),
-            angle: -Math.atan2(2 * B, A - C) / 2 * 180 / Math.PI,
+            rx: 1 / Math.sqrt(tr / 2 + disc) || 0, ry: 1 / Math.sqrt(tr / 2 - disc) || 0,
+            angle: -Math.atan2(2 * B, A - C) / 2 * 180 / Math.PI || 0,
             fill, color, linetype, linewidth, alpha, title,
             translateX, translateY,
         }

src/js/scale.js

@@ -76,7 +76,7 @@ function disable_scale({ title, ...etc } = {}) {
 }
 
 function palette_scale_hue({
-    h = [15, 375], c = 100, l = 65, h_start = 0,
+    h = [15, 375], c = 100, l = 65, h_start = 0, alpha = 1,
     direction = 1,
     limits, oob = oob_censor,
     na_value = "#7f7f7f", null_value = null,
@@ -92,7 +92,7 @@ function palette_scale_hue({
             v = this.oob(v, { min: scale_min, max: scale_max })
             if (v === null) return null_value
             if (isNaN(v)) return na_value
-            return d3.hcl(h_start + h_min + h_interval * (v - scale_min) / scale_interval * direction, c, l).toString()
+            return d3.hcl(h_start + h_min + h_interval * (v - scale_min) / scale_interval * direction, c, l, alpha).toString()
         })
     }
     return Object.assign(fn, { title, limits, oob }, etc)
@@ -185,10 +185,11 @@ function palette_scale_gradientn({
 }
 
 function palette_scale_auto({
+    alpha,
     limits, oob = oob_censor,
     title, ...etc
 } = {}) {
-    let scale_hue = palette_scale_hue(),
+    let scale_hue = palette_scale_hue({ alpha }),
         scale_gradient = palette_scale_gradient()
     let fn = function (arr) {
         if (arr.level != null) {
@@ -201,12 +202,10 @@ function palette_scale_auto({
 }
 
 function palette_scale_dynamic({
-    discrete, continuous,
+    discrete = palette_scale_hue(), continuous = palette_scale_gradient(),
     limits, oob = oob_censor,
     title, ...etc
 } = {}) {
-    discrete ??= palette_scale_hue()
-    continuous ??= palette_scale_gradient()
     let fn = function (arr) {
         if (arr.level != null) {
             return discrete.call(this, arr)

src/js/stat/boxplot.js

@@ -47,4 +47,4 @@ export default Object.assign(function (data, { }) {
         result[key] = cates.map(x => x.group).map(i => group.categories[i][key])
     }
     return result
-}, { core_attrs: ['x', 'y', 'xnudge', 'ynudge'] })
+}, { core_attrs: ['x', 'y', 'width', 'height', 'xnudge', 'ynudge'] })