@orbcharts/plugins-basic 3.0.0-beta.2 → 3.0.0-beta.20

package/src/grid/plugins/LineAreas.ts

@@ -1,66 +1,66 @@
-import {
-  Subject } from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_LINE_AREAS_PARAMS } from '../defaults'
-import { createBaseLineAreas } from '../../base/BaseLineAreas'
-import { LAYER_INDEX_OF_GRAPHIC_GROUND } from '../../const'
-
-const pluginName = 'LineAreas'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_LINE_AREAS_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_LINE_AREAS_PARAMS,
-  layerIndex: LAYER_INDEX_OF_GRAPHIC_GROUND,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      lineCurve: {
-        toBeTypes: ['string']
-      },
-      linearGradientOpacity: {
-        toBe: '[number, number]',
-        test: (value: any) => {
-          return Array.isArray(value)
-            && value.length === 2
-            && typeof value[0] === 'number'
-            && typeof value[1] === 'number'
-        }
-      },
-    })
-    return result
-  }
-}
-
-export const LineAreas = defineGridPlugin(pluginConfig)(({ selection, name, observer, subject }) => {
-
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseLineAreas(pluginName, {
-    selection,
-    computedData$: observer.computedData$,
-    visibleComputedData$: observer.visibleComputedData$,
-    computedLayoutData$: observer.computedLayoutData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
-    seriesLabels$: observer.seriesLabels$,
-    SeriesDataMap$: observer.SeriesDataMap$,
-    GroupDataMap$: observer.GroupDataMap$,
-    fullParams$: observer.fullParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    allContainerPosition$: observer.gridContainerPosition$,
-    layout$: observer.layout$,
-    event$: subject.event$,
-  })
-
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
+import {
+  Subject } from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_LINE_AREAS_PARAMS } from '../defaults'
+import { createBaseLineAreas } from '../../base/BaseLineAreas'
+import { LAYER_INDEX_OF_GRAPHIC_GROUND } from '../../const'
+
+const pluginName = 'LineAreas'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_LINE_AREAS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_LINE_AREAS_PARAMS,
+  layerIndex: LAYER_INDEX_OF_GRAPHIC_GROUND,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      lineCurve: {
+        toBeTypes: ['string']
+      },
+      linearGradientOpacity: {
+        toBe: '[number, number]',
+        test: (value: any) => {
+          return Array.isArray(value)
+            && value.length === 2
+            && typeof value[0] === 'number'
+            && typeof value[1] === 'number'
+        }
+      },
+    })
+    return result
+  }
+}
+
+export const LineAreas = defineGridPlugin(pluginConfig)(({ selection, name, observer, subject }) => {
+
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseLineAreas(pluginName, {
+    selection,
+    computedData$: observer.computedData$,
+    visibleComputedData$: observer.visibleComputedData$,
+    computedAxesData$: observer.computedAxesData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
+    seriesLabels$: observer.seriesLabels$,
+    SeriesDataMap$: observer.SeriesDataMap$,
+    GroupDataMap$: observer.GroupDataMap$,
+    fullParams$: observer.fullParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    allContainerPosition$: observer.gridContainerPosition$,
+    layout$: observer.layout$,
+    event$: subject.event$,
+  })
+
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
 })

package/src/grid/plugins/Lines.ts

@@ -1,60 +1,60 @@
-import {
-  Subject } from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_LINES_PARAMS } from '../defaults'
-import { createBaseLines } from '../../base/BaseLines'
-import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-
-const pluginName = 'Lines'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_LINES_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_LINES_PARAMS,
-  layerIndex: LAYER_INDEX_OF_GRAPHIC,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      lineCurve: {
-        toBeTypes: ['string']
-      },
-      lineWidth: {
-        toBeTypes: ['number']
-      },
-    })
-    return result
-  }
-}
-
-export const Lines = defineGridPlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
-
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseLines(pluginName, {
-    selection,
-    computedData$: observer.computedData$,
-    computedLayoutData$: observer.computedLayoutData$,
-    visibleComputedData$: observer.visibleComputedData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
-    seriesLabels$: observer.seriesLabels$,
-    SeriesDataMap$: observer.SeriesDataMap$,
-    GroupDataMap$: observer.GroupDataMap$,
-    fullParams$: observer.fullParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    allContainerPosition$: observer.gridContainerPosition$,
-    layout$: observer.layout$,
-    event$: subject.event$,
-  })
-
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
+import {
+  Subject } from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_LINES_PARAMS } from '../defaults'
+import { createBaseLines } from '../../base/BaseLines'
+import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
+
+const pluginName = 'Lines'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_LINES_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_LINES_PARAMS,
+  layerIndex: LAYER_INDEX_OF_GRAPHIC,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      lineCurve: {
+        toBeTypes: ['string']
+      },
+      lineWidth: {
+        toBeTypes: ['number']
+      },
+    })
+    return result
+  }
+}
+
+export const Lines = defineGridPlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
+
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseLines(pluginName, {
+    selection,
+    computedData$: observer.computedData$,
+    computedAxesData$: observer.computedAxesData$,
+    visibleComputedData$: observer.visibleComputedData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
+    seriesLabels$: observer.seriesLabels$,
+    SeriesDataMap$: observer.SeriesDataMap$,
+    GroupDataMap$: observer.GroupDataMap$,
+    fullParams$: observer.fullParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    allContainerPosition$: observer.gridContainerPosition$,
+    layout$: observer.layout$,
+    event$: subject.event$,
+  })
+
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
 })

package/src/grid/plugins/{BarStack.ts → StackedBars.ts}

@@ -1,65 +1,65 @@
-import {
-  map,
-  distinctUntilChanged,
-  shareReplay,
-  takeUntil,
-  Subject,
-  Observable } from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import { defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_BAR_STACK_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-import { createBaseBarStack } from '../../base/BaseBarStack'
-
-const pluginName = 'BarStack'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BAR_STACK_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_BAR_STACK_PARAMS,
-  layerIndex: 5,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      barWidth: {
-        toBeTypes: ['number']
-      },
-      barGroupPadding: {
-        toBeTypes: ['number']
-      },
-      barRadius: {
-        toBeTypes: ['number', 'boolean']
-      }
-    })
-    return result
-  }
-}
-
-export const BarStack = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseBarStack(pluginName, {
-    selection,
-    computedData$: observer.computedData$,
-    computedLayoutData$: observer.computedLayoutData$,
-    visibleComputedData$: observer.visibleComputedData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
-    seriesLabels$: observer.seriesLabels$,
-    SeriesDataMap$: observer.SeriesDataMap$,
-    GroupDataMap$: observer.GroupDataMap$,
-    fullParams$: observer.fullParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    isSeriesSeprate$: observer.isSeriesSeprate$,
-    event$: subject.event$,
-  })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
+import {
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  takeUntil,
+  Subject,
+  Observable } from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import { defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_STACKED_BARS_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
+import { createBaseStackedBars } from '../../base/BaseStackedBars'
+
+const pluginName = 'StackedBars'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_STACKED_BARS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_STACKED_BARS_PARAMS,
+  layerIndex: 5,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      barWidth: {
+        toBeTypes: ['number']
+      },
+      barGroupPadding: {
+        toBeTypes: ['number']
+      },
+      barRadius: {
+        toBeTypes: ['number', 'boolean']
+      }
+    })
+    return result
+  }
+}
+
+export const StackedBars = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseStackedBars(pluginName, {
+    selection,
+    computedData$: observer.computedData$,
+    computedAxesData$: observer.computedAxesData$,
+    visibleComputedData$: observer.visibleComputedData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
+    seriesLabels$: observer.seriesLabels$,
+    SeriesDataMap$: observer.SeriesDataMap$,
+    GroupDataMap$: observer.GroupDataMap$,
+    fullParams$: observer.fullParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    isSeriesSeprate$: observer.isSeriesSeprate$,
+    event$: subject.event$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
 })

package/src/grid/plugins/{ValueStackAxis.ts → StackedValueAxis.ts}

@@ -1,96 +1,97 @@
-import {
-  takeUntil,
-  map,
-  distinctUntilChanged,
-  shareReplay,
-  switchMap,
-  iif,
-  Observable,
-  Subject } from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_VALUE_STACK_AXIS_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_AXIS } from '../../const'
-import { createBaseValueAxis } from '../../base/BaseValueAxis'
-
-const pluginName = 'ValueStackAxis'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_VALUE_STACK_AXIS_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_VALUE_STACK_AXIS_PARAMS,
-  layerIndex: LAYER_INDEX_OF_AXIS,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      labelOffset: {
-        toBe: '[number, number]',
-        test: (value: any) => {
-          return Array.isArray(value)
-            && value.length === 2
-            && typeof value[0] === 'number'
-            && typeof value[1] === 'number'
-        }
-      },
-      labelColorType: {
-        toBeOption: 'ColorType',
-      },
-      axisLineVisible: {
-        toBeTypes: ['boolean']
-      },
-      axisLineColorType: {
-        toBeOption: 'ColorType',
-      },
-      ticks: {
-        toBeTypes: ['number', 'null']
-      },
-      tickFormat: {
-        toBeTypes: ['string', 'Function']
-      },
-      tickLineVisible: {
-        toBeTypes: ['boolean']
-      },
-      tickPadding: {
-        toBeTypes: ['number']
-      },
-      tickFullLine: {
-        toBeTypes: ['boolean']
-      },
-      tickFullLineDasharray: {
-        toBeTypes: ['string']
-      },
-      tickColorType: {
-        toBeOption: 'ColorType',
-      },
-      tickTextRotate: {
-        toBeTypes: ['number']
-      },
-      tickTextColorType: {
-        toBeOption: 'ColorType',
-      }
-    })
-    return result
-  }
-}
-
-export const ValueStackAxis = defineGridPlugin(pluginConfig)(({ selection, name, observer, subject }) => {
-  
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseValueAxis = createBaseValueAxis(pluginName, {
-    selection,
-    computedData$: observer.computedStackedData$, // 計算疊加value的資料
-    fullParams$: observer.fullParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    fullChartParams$: observer.fullChartParams$,  
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridAxesReverseTransform$: observer.gridAxesReverseTransform$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    isSeriesSeprate$: observer.isSeriesSeprate$,
-  })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseValueAxis()
-  }
+import {
+  takeUntil,
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  switchMap,
+  iif,
+  Observable,
+  Subject } from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_STACKED_VALUE_AXIS_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_AXIS } from '../../const'
+import { createBaseValueAxis } from '../../base/BaseValueAxis'
+
+const pluginName = 'StackedValueAxis'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_STACKED_VALUE_AXIS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_STACKED_VALUE_AXIS_PARAMS,
+  layerIndex: LAYER_INDEX_OF_AXIS,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      labelOffset: {
+        toBe: '[number, number]',
+        test: (value: any) => {
+          return Array.isArray(value)
+            && value.length === 2
+            && typeof value[0] === 'number'
+            && typeof value[1] === 'number'
+        }
+      },
+      labelColorType: {
+        toBeOption: 'ColorType',
+      },
+      axisLineVisible: {
+        toBeTypes: ['boolean']
+      },
+      axisLineColorType: {
+        toBeOption: 'ColorType',
+      },
+      ticks: {
+        toBeTypes: ['number', 'null']
+      },
+      tickFormat: {
+        toBeTypes: ['string', 'Function']
+      },
+      tickLineVisible: {
+        toBeTypes: ['boolean']
+      },
+      tickPadding: {
+        toBeTypes: ['number']
+      },
+      tickFullLine: {
+        toBeTypes: ['boolean']
+      },
+      tickFullLineDasharray: {
+        toBeTypes: ['string']
+      },
+      tickColorType: {
+        toBeOption: 'ColorType',
+      },
+      tickTextRotate: {
+        toBeTypes: ['number']
+      },
+      tickTextColorType: {
+        toBeOption: 'ColorType',
+      }
+    })
+    return result
+  }
+}
+
+export const StackedValueAxis = defineGridPlugin(pluginConfig)(({ selection, name, observer, subject }) => {
+  
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseValueAxis = createBaseValueAxis(pluginName, {
+    selection,
+    computedData$: observer.computedStackedData$, // 計算疊加value的資料
+    filteredMinMaxValue$: observer.filteredMinMaxValue$,
+    fullParams$: observer.fullParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    fullChartParams$: observer.fullChartParams$,  
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridAxesReverseTransform$: observer.gridAxesReverseTransform$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    isSeriesSeprate$: observer.isSeriesSeprate$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseValueAxis()
+  }
 })