@orbcharts/plugins-basic 3.0.0-beta.7 → 3.0.0-beta.8

package/src/grid/index.ts

@@ -1,16 +1,16 @@
-export * from './defaults'
-// export * from './types'
-export { Lines } from './plugins/Lines'
-export { LineAreas } from './plugins/LineAreas'
-export { Bars } from './plugins/Bars'
-export { BarsPN } from './plugins/BarsPN'
-export { BarStack } from './plugins/BarStack'
-export { BarsTriangle } from './plugins/BarsTriangle'
-export { Dots } from './plugins/Dots'
-export { GridLegend } from './plugins/GridLegend'
-export { GroupAxis } from './plugins/GroupAxis'
-export { ValueAxis } from './plugins/ValueAxis'
-export { ValueStackAxis } from './plugins/ValueStackAxis'
-export { GridTooltip } from './plugins/GridTooltip'
-export { GridZoom } from './plugins/GridZoom'
-export { GroupAux } from './plugins/GroupAux'
+export * from './defaults'
+// export * from './types'
+export { Lines } from './plugins/Lines'
+export { LineAreas } from './plugins/LineAreas'
+export { Bars } from './plugins/Bars'
+export { BarsPN } from './plugins/BarsPN'
+export { StackedBar } from './plugins/StackedBar'
+export { BarsTriangle } from './plugins/BarsTriangle'
+export { Dots } from './plugins/Dots'
+export { GridLegend } from './plugins/GridLegend'
+export { GroupAxis } from './plugins/GroupAxis'
+export { ValueAxis } from './plugins/ValueAxis'
+export { StackedValueAxis } from './plugins/StackedValueAxis'
+export { GridTooltip } from './plugins/GridTooltip'
+export { GridZoom } from './plugins/GridZoom'
+export { GroupAux } from './plugins/GroupAux'

package/src/grid/plugins/Bars.ts

@@ -1,69 +1,69 @@
-import {
-  Subject,
-  Observable,
-  map,
-  distinctUntilChanged,
-  shareReplay,
-  takeUntil
-} from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_BARS_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-import { createBaseBars } from '../../base/BaseBars'
-
-const pluginName = 'Bars'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_BARS_PARAMS,
-  layerIndex: LAYER_INDEX_OF_GRAPHIC,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      barWidth: {
-        toBeTypes: ['number']
-      },
-      barPadding: {
-        toBeTypes: ['number']
-      },
-      barGroupPadding: {
-        toBeTypes: ['number']
-      },
-      barRadius: {
-        toBeTypes: ['number', 'boolean']
-      }
-    })
-    return result
-  }
-}
-
-export const Bars = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseBars(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$,
-    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 {
+  Subject,
+  Observable,
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  takeUntil
+} from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_BARS_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
+import { createBaseBars } from '../../base/BaseBars'
+
+const pluginName = 'Bars'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_BARS_PARAMS,
+  layerIndex: LAYER_INDEX_OF_GRAPHIC,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      barWidth: {
+        toBeTypes: ['number']
+      },
+      barPadding: {
+        toBeTypes: ['number']
+      },
+      barGroupPadding: {
+        toBeTypes: ['number']
+      },
+      barRadius: {
+        toBeTypes: ['number', 'boolean']
+      }
+    })
+    return result
+  }
+}
+
+export const Bars = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseBars(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$,
+    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/BarsPN.ts

@@ -1,66 +1,66 @@
-import {
-  of,
-  Subject,
-  Observable } from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_BARS_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-import { createBaseBars } from '../../base/BaseBars'
-
-const pluginName = 'BarsPN'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_BARS_PARAMS,
-  layerIndex: LAYER_INDEX_OF_GRAPHIC,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      barWidth: {
-        toBeTypes: ['number']
-      },
-      barPadding: {
-        toBeTypes: ['number']
-      },
-      barGroupPadding: {
-        toBeTypes: ['number']
-      },
-      barRadius: {
-        toBeTypes: ['number', 'boolean']
-      }
-    })
-    return result
-  }
-}
-
-export const BarsPN = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseBars(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$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    // isSeriesSeprate$: observer.isSeriesSeprate$,
-    isSeriesSeprate$: of(true), // hack: 永遠為true，可以強制讓每組series的bars的x位置都是一樣的
-    event$: subject.event$,
-  })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
-})
+import {
+  of,
+  Subject,
+  Observable } from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_BARS_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
+import { createBaseBars } from '../../base/BaseBars'
+
+const pluginName = 'BarsPN'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_BARS_PARAMS,
+  layerIndex: LAYER_INDEX_OF_GRAPHIC,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      barWidth: {
+        toBeTypes: ['number']
+      },
+      barPadding: {
+        toBeTypes: ['number']
+      },
+      barGroupPadding: {
+        toBeTypes: ['number']
+      },
+      barRadius: {
+        toBeTypes: ['number', 'boolean']
+      }
+    })
+    return result
+  }
+}
+
+export const BarsPN = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseBars(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$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    // isSeriesSeprate$: observer.isSeriesSeprate$,
+    isSeriesSeprate$: of(true), // hack: 永遠為true，可以強制讓每組series的bars的x位置都是一樣的
+    event$: subject.event$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
+})

package/src/grid/plugins/BarsTriangle.ts

@@ -1,74 +1,74 @@
-import {
-  Subject,
-  Observable,
-  takeUntil,
-  map,
-  distinctUntilChanged,
-  shareReplay
-} from 'rxjs'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import { defineGridPlugin } from '../../../lib/core'
-import { DEFAULT_BARS_TRIANGLE_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-import { createBaseBarsTriangle } from '../../base/BaseBarsTriangle'
-
-const pluginName = 'BarsTriangle'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_TRIANGLE_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_BARS_TRIANGLE_PARAMS,
-  layerIndex: 5,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      barWidth: {
-        toBeTypes: ['number']
-      },
-      barPadding: {
-        toBeTypes: ['number']
-      },
-      barGroupPadding: {
-        toBeTypes: ['number']
-      },
-      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 BarsTriangle = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseBarsTriangle(pluginName, {
-    selection,
-    computedData$: observer.computedData$,
-    computedLayoutData$: observer.computedLayoutData$,
-    visibleComputedData$: observer.visibleComputedData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    seriesLabels$: observer.seriesLabels$,
-    SeriesDataMap$: observer.SeriesDataMap$,
-    GroupDataMap$: observer.GroupDataMap$,
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    isSeriesSeprate$: observer.isSeriesSeprate$,
-    event$: subject.event$,
-  })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
+import {
+  Subject,
+  Observable,
+  takeUntil,
+  map,
+  distinctUntilChanged,
+  shareReplay
+} from 'rxjs'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import { defineGridPlugin } from '../../../lib/core'
+import { DEFAULT_BARS_TRIANGLE_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
+import { createBaseBarsTriangle } from '../../base/BaseBarsTriangle'
+
+const pluginName = 'BarsTriangle'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_BARS_TRIANGLE_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_BARS_TRIANGLE_PARAMS,
+  layerIndex: 5,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      barWidth: {
+        toBeTypes: ['number']
+      },
+      barPadding: {
+        toBeTypes: ['number']
+      },
+      barGroupPadding: {
+        toBeTypes: ['number']
+      },
+      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 BarsTriangle = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseBarsTriangle(pluginName, {
+    selection,
+    computedData$: observer.computedData$,
+    computedLayoutData$: observer.computedLayoutData$,
+    visibleComputedData$: observer.visibleComputedData$,
+    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    seriesLabels$: observer.seriesLabels$,
+    SeriesDataMap$: observer.SeriesDataMap$,
+    GroupDataMap$: observer.GroupDataMap$,
+    fullParams$: observer.fullParams$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    isSeriesSeprate$: observer.isSeriesSeprate$,
+    event$: subject.event$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
 })

package/src/grid/plugins/Dots.ts

@@ -1,69 +1,69 @@
-import {
-  Subject } from 'rxjs'
-import {
-  defineGridPlugin } from '../../../lib/core'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import { DEFAULT_DOTS_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_GRAPHIC_COVER } from '../../const'
-import { createBaseDots } from '../../base/BaseDots'
-
-const pluginName = 'Dots'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_DOTS_PARAMS> = {
-  name: pluginName,
-  defaultParams: DEFAULT_DOTS_PARAMS,
-  layerIndex: LAYER_INDEX_OF_GRAPHIC_COVER,
-  validator: (params, { validateColumns }) => {
-    const result = validateColumns(params, {
-      radius: {
-        toBeTypes: ['number']
-      },
-      fillColorType: {
-        toBeOption: 'ColorType',
-      },
-      strokeColorType: {
-        toBeOption: 'ColorType',
-      },
-      strokeWidth: {
-        toBeTypes: ['number']
-      },
-      // strokeWidthWhileHighlight: {
-      //   toBeTypes: ['number']
-      // },
-      onlyShowHighlighted: {
-        toBeTypes: ['boolean']
-      }
-    })
-    return result
-  }
-}
-
-export const Dots = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
-  
-  const destroy$ = new Subject()
-
-  const unsubscribeBaseBars = createBaseDots(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$,
-    fullChartParams$: observer.fullChartParams$,
-    gridAxesTransform$: observer.gridAxesTransform$,
-    gridGraphicTransform$: observer.gridGraphicTransform$,
-    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
-    gridAxesSize$: observer.gridAxesSize$,
-    gridHighlight$: observer.gridHighlight$,
-    gridContainerPosition$: observer.gridContainerPosition$,
-    event$: subject.event$,
-  })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeBaseBars()
-  }
+import {
+  Subject } from 'rxjs'
+import {
+  defineGridPlugin } from '../../../lib/core'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import { DEFAULT_DOTS_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_GRAPHIC_COVER } from '../../const'
+import { createBaseDots } from '../../base/BaseDots'
+
+const pluginName = 'Dots'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_DOTS_PARAMS> = {
+  name: pluginName,
+  defaultParams: DEFAULT_DOTS_PARAMS,
+  layerIndex: LAYER_INDEX_OF_GRAPHIC_COVER,
+  validator: (params, { validateColumns }) => {
+    const result = validateColumns(params, {
+      radius: {
+        toBeTypes: ['number']
+      },
+      fillColorType: {
+        toBeOption: 'ColorType',
+      },
+      strokeColorType: {
+        toBeOption: 'ColorType',
+      },
+      strokeWidth: {
+        toBeTypes: ['number']
+      },
+      // strokeWidthWhileHighlight: {
+      //   toBeTypes: ['number']
+      // },
+      onlyShowHighlighted: {
+        toBeTypes: ['boolean']
+      }
+    })
+    return result
+  }
+}
+
+export const Dots = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+  
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseDots(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$,
+    fullChartParams$: observer.fullChartParams$,
+    gridAxesTransform$: observer.gridAxesTransform$,
+    gridGraphicTransform$: observer.gridGraphicTransform$,
+    gridGraphicReverseScale$: observer.gridGraphicReverseScale$,
+    gridAxesSize$: observer.gridAxesSize$,
+    gridHighlight$: observer.gridHighlight$,
+    gridContainerPosition$: observer.gridContainerPosition$,
+    event$: subject.event$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
 })