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

@orbcharts/presets-basic 3.0.5 → 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 (15) hide show

package/dist/orbcharts-presets-basic.es.js +561 -201
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 -0
package/dist/src/types.d.ts +5 -2
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_INDICATOR_PIN.ts +95 -0
package/src/series/PRESET_PIE_INDICATOR_TRIANGLE.ts +95 -0
package/src/series/index.ts +4 -0
package/src/types.ts +6 -0

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_INDICATOR_PIN.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_PIN: PresetPartial<'series', Partial<PresetSeriesPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_PIE_INDICATOR_PIN',
+  description: 'Pin 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: 'pin',
+      size: 15,
+      // autoHighlight: true,
+      value: 0
+    },
+    SeriesLegend: {
+      placement: 'bottom',
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

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,6 +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_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/src/types.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type {
   // -- series --
   BubblesParams,
+  IndicatorParams,
   PieParams,
   PieEventTextsParams,
   PieLabelsParams,
@@ -77,6 +78,7 @@ import type { DeepPartial } from '../lib/core-types'
 // -- series --
 // series的全部plugin參數
 export type PresetSeriesPluginParams = PresetBubblesParams
+  & PresetIndicatorParams
   & PresetPieParams
   & PresetPieEventTextsParams
   & PresetPieLabelsParams
@@ -89,6 +91,10 @@ export interface PresetBubblesParams {
   Bubbles: DeepPartial<BubblesParams>
 }
+export interface PresetIndicatorParams {
+  Indicator: DeepPartial<IndicatorParams>
+}
 export interface PresetPieParams {
   Pie: Partial<PieParams>
 }