npm - @orbcharts/presets-basic - Versions diffs - 3.0.6 → 3.0.7 - Mend

@orbcharts/presets-basic 3.0.6 → 3.0.7

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.

Files changed (14) hide show

package/dist/orbcharts-presets-basic.es.js +477 -199
package/dist/orbcharts-presets-basic.umd.js +1 -1
package/dist/src/series/PRESET_PIE_INDICATOR_LINE.d.ts +4 -0
package/dist/src/series/PRESET_PIE_INDICATOR_NEEDLE.d.ts +4 -0
package/dist/src/series/PRESET_PIE_INDICATOR_PIN.d.ts +4 -0
package/dist/src/series/PRESET_PIE_INDICATOR_TRIANGLE.d.ts +4 -0
package/dist/src/series/index.d.ts +4 -1
package/package.json +3 -3
package/src/series/PRESET_PIE_INDICATOR_LINE.ts +95 -0
package/src/series/PRESET_PIE_INDICATOR_NEEDLE.ts +95 -0
package/src/series/{PRESET_PIE_GAUGE.ts → PRESET_PIE_INDICATOR_PIN.ts} +17 -7
package/src/series/PRESET_PIE_INDICATOR_TRIANGLE.ts +95 -0
package/src/series/index.ts +4 -1
package/dist/src/series/PRESET_PIE_GAUGE.d.ts +0 -4

package/src/series/PRESET_PIE_INDICATOR_NEEDLE.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import type { PresetPartial, EventSeries } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+export const PRESET_PIE_INDICATOR_NEEDLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_INDICATOR_NEEDLE',
+  description: 'Needle indicator chart',
+  descriptionZh: '指針圖',
+  chartParams: {
+    // 和 Rose 一樣的配色
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 120,
+      right: 60,
+      bottom: 0,
+      left: 60
+    },
+    styles: {
+      // unhighlightedOpacity: 1
+    },
+    highlightTarget: 'datum',
+  },
+  pluginParams: {
+    Pie: {
+      outerRadius: 1,
+      outerRadiusWhileHighlight: 1,
+      innerRadius: 0.75,
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieLabels: {},
+    PieEventTexts: {
+      textAttrs: [
+        {
+          "transform": "translate(0, -36)"
+        }
+      ],
+      textStyles: [
+        {
+          "font-weight": "bold",
+          "text-anchor": "middle",
+          "pointer-events": "none",
+          "dominant-baseline": "middle",
+          "font-size": 24,
+          "fill": "#000"
+        }
+      ],
+      renderFn: (eventData: EventSeries) => {
+        return eventData.mark ?? null
+      },
+    },
+    Indicator: {
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+      radius: 0.65,
+      indicatorType: 'needle',
+      size: 10,
+      // autoHighlight: true,
+      value: 0
+    },
+    SeriesLegend: {
+      placement: 'bottom',
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/{PRESET_PIE_GAUGE.ts → PRESET_PIE_INDICATOR_PIN.ts} RENAMED Viewed

@@ -1,11 +1,11 @@
-import type { PresetPartial } from '../../lib/core-types'
+import type { PresetPartial, EventSeries } from '../../lib/core-types'
 import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
-export const PRESET_PIE_GAUGE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+export const PRESET_PIE_INDICATOR_PIN: PresetPartial<'series', Partial<PresetSeriesPluginParams>
 & Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_PIE_GAUGE',
-  description: 'Gauge chart',
-  descriptionZh: '儀表圖',
+  name: 'PRESET_PIE_INDICATOR_PIN',
+  description: 'Pin indicator chart',
+  descriptionZh: '大頭指針圖',
   chartParams: {
     // 和 Rose 一樣的配色
     colors: {
@@ -44,6 +44,10 @@ export const PRESET_PIE_GAUGE: PresetPartial<'series', Partial<PresetSeriesPlugi
       bottom: 0,
       left: 60
     },
+    styles: {
+      // unhighlightedOpacity: 1
+    },
+    highlightTarget: 'datum',
   },
   pluginParams: {
     Pie: {
@@ -57,7 +61,7 @@ export const PRESET_PIE_GAUGE: PresetPartial<'series', Partial<PresetSeriesPlugi
     PieEventTexts: {
       textAttrs: [
         {
-          "transform": "translate(0, -24)"
+          "transform": "translate(0, -36)"
         }
       ],
       textStyles: [
@@ -69,12 +73,18 @@ export const PRESET_PIE_GAUGE: PresetPartial<'series', Partial<PresetSeriesPlugi
           "font-size": 24,
           "fill": "#000"
         }
-      ]
+      ],
+      renderFn: (eventData: EventSeries) => {
+        return eventData.mark ?? null
+      },
     },
     Indicator: {
       startAngle: - Math.PI / 2,
       endAngle: Math.PI / 2,
       radius: 0.65,
+      indicatorType: 'pin',
+      size: 15,
+      // autoHighlight: true,
       value: 0
     },
     SeriesLegend: {

package/src/series/PRESET_PIE_INDICATOR_TRIANGLE.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import type { PresetPartial, EventSeries } from '../../lib/core-types'
+import type { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types'
+export const PRESET_PIE_INDICATOR_TRIANGLE: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_INDICATOR_TRIANGLE',
+  description: 'Triangle indicator chart',
+  descriptionZh: '三角指針圖',
+  chartParams: {
+    // 和 Rose 一樣的配色
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#0088FF",
+          "#435399",
+          "#86DC72",
+          "#42C724",
+          "#16B59B",
+          "#F9B052",
+          "#F4721B",
+          "#FF3232",
+          "#7E7D7D"
+        ]
+      },
+      dark: {
+        label: [
+          "#8BC8FF",
+          "#4BABFF",
+          "#0088FF",
+          "#55D339",
+          "#29AB0C",
+          "#16B59B",
+          "#FCDCAD",
+          "#F9B052",
+          "#FF6C6C",
+          "#C4C4C4"
+        ]
+      }
+    },
+    padding: {
+      top: 120,
+      right: 60,
+      bottom: 0,
+      left: 60
+    },
+    styles: {
+      // unhighlightedOpacity: 1
+    },
+    highlightTarget: 'datum',
+  },
+  pluginParams: {
+    Pie: {
+      outerRadius: 1,
+      outerRadiusWhileHighlight: 1,
+      innerRadius: 0.75,
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+    },
+    PieLabels: {},
+    PieEventTexts: {
+      textAttrs: [
+        {
+          "transform": "translate(0, -36)"
+        }
+      ],
+      textStyles: [
+        {
+          "font-weight": "bold",
+          "text-anchor": "middle",
+          "pointer-events": "none",
+          "dominant-baseline": "middle",
+          "font-size": 24,
+          "fill": "#000"
+        }
+      ],
+      renderFn: (eventData: EventSeries) => {
+        return eventData.mark ?? null
+      },
+    },
+    Indicator: {
+      startAngle: - Math.PI / 2,
+      endAngle: Math.PI / 2,
+      radius: 0.65,
+      indicatorType: 'triangle',
+      size: 20,
+      // autoHighlight: true,
+      value: 0
+    },
+    SeriesLegend: {
+      placement: 'bottom',
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/series/index.ts CHANGED Viewed

@@ -7,7 +7,10 @@ export { PRESET_BUBBLES_SIMPLE } from './PRESET_BUBBLES_SIMPLE'
 export { PRESET_BUBBLES_SUM_SERIES } from './PRESET_BUBBLES_SUM_SERIES'
 export { PRESET_PIE_BASIC } from './PRESET_PIE_BASIC'
 export { PRESET_PIE_DONUT } from './PRESET_PIE_DONUT'
-export { PRESET_PIE_GAUGE } from './PRESET_PIE_GAUGE'
+export { PRESET_PIE_INDICATOR_LINE } from './PRESET_PIE_INDICATOR_LINE'
+export { PRESET_PIE_INDICATOR_NEEDLE } from './PRESET_PIE_INDICATOR_NEEDLE'
+export { PRESET_PIE_INDICATOR_PIN } from './PRESET_PIE_INDICATOR_PIN'
+export { PRESET_PIE_INDICATOR_TRIANGLE } from './PRESET_PIE_INDICATOR_TRIANGLE'
 export { PRESET_PIE_HALF_DONUT } from './PRESET_PIE_HALF_DONUT'
 export { PRESET_PIE_WITH_INNER_LABELS } from './PRESET_PIE_WITH_INNER_LABELS'
 export { PRESET_PIE_SEPARATE_SERIES } from './PRESET_PIE_SEPARATE_SERIES'

package/dist/src/series/PRESET_PIE_GAUGE.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { PresetPartial } from '../../lib/core-types';
-import { PresetSeriesPluginParams, PresetNoneDataPluginParams } from '../types';
-export declare const PRESET_PIE_GAUGE: PresetPartial<'series', Partial<PresetSeriesPluginParams> & Partial<PresetNoneDataPluginParams>>;