@orbcharts/plugins-basic 3.0.0-alpha.49 → 3.0.0-alpha.51

package/src/multiGrid/plugins/MultiGroupAxis.ts

@@ -1,69 +1,69 @@
-import * as d3 from 'd3'
-import {
-  Subject,
-  map,
-  distinctUntilChanged,
-  shareReplay,
-  takeUntil
-} from 'rxjs'
-import {
-  defineMultiGridPlugin } from '@orbcharts/core'
-import { DEFAULT_MULTI_GROUP_AXIS_PARAMS } from '../defaults'
-import { createBaseGroupAxis } from '../../base/BaseGroupAxis'
-import { multiGridPluginObservables } from '../multiGridObservables'
-import { getClassName, getUniID } from '../../utils/orbchartsUtils'
-
-const pluginName = 'MultiGroupAxis'
-
-const gridClassName = getClassName(pluginName, 'grid')
-
-export const MultiGroupAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_GROUP_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-  
-  const unsubscribeFnArr: (() => void)[] = []
-
-  const multiGridPlugin$ = multiGridPluginObservables(observer)
-
-  multiGridPlugin$
-    .pipe(
-      takeUntil(destroy$)
-    )
-    .subscribe(data => {
-      // 每次重新計算時，清除之前的訂閱
-      unsubscribeFnArr.forEach(fn => fn())
-
-      selection.selectAll(`g.${gridClassName}`)
-        .data(data)
-        .join('g')
-        .attr('class', gridClassName)
-        .each((d, i, g) => {
-
-          const gridSelection = d3.select(g[i])
-
-          const isSeriesSeprate$ = d.dataFormatter$.pipe(
-            takeUntil(destroy$),
-            map(d => d.grid.separateSeries),
-            distinctUntilChanged(),
-            shareReplay(1)
-          )
-
-          unsubscribeFnArr[i] = createBaseGroupAxis(pluginName, {
-            selection: gridSelection,
-            computedData$: d.computedData$,
-            fullParams$: observer.fullParams$,
-            fullDataFormatter$: d.dataFormatter$,
-            fullChartParams$: observer.fullChartParams$,  
-            gridAxesTransform$: d.gridAxesTransform$,
-            gridAxesReverseTransform$: d.gridAxesReverseTransform$,
-            gridAxesSize$: d.gridAxesSize$,
-            gridContainerPosition$: d.gridContainerPosition$,
-            isSeriesSeprate$,
-          })
-        })
-    })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeFnArr.forEach(fn => fn())
-  }
-})
+import * as d3 from 'd3'
+import {
+  Subject,
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  takeUntil
+} from 'rxjs'
+import {
+  defineMultiGridPlugin } from '@orbcharts/core'
+import { DEFAULT_MULTI_GROUP_AXIS_PARAMS } from '../defaults'
+import { createBaseGroupAxis } from '../../base/BaseGroupAxis'
+import { multiGridPluginDetailObservables } from '../multiGridObservables'
+import { getClassName, getUniID } from '../../utils/orbchartsUtils'
+
+const pluginName = 'MultiGroupAxis'
+
+const gridClassName = getClassName(pluginName, 'grid')
+
+export const MultiGroupAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_GROUP_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+  
+  const unsubscribeFnArr: (() => void)[] = []
+
+  const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
+
+  multiGridPluginDetail$
+    .pipe(
+      takeUntil(destroy$)
+    )
+    .subscribe(data => {
+      // 每次重新計算時，清除之前的訂閱
+      unsubscribeFnArr.forEach(fn => fn())
+
+      selection.selectAll(`g.${gridClassName}`)
+        .data(data)
+        .join('g')
+        .attr('class', gridClassName)
+        .each((d, i, g) => {
+
+          const gridSelection = d3.select(g[i])
+
+          const isSeriesSeprate$ = d.dataFormatter$.pipe(
+            takeUntil(destroy$),
+            map(d => d.grid.separateSeries),
+            distinctUntilChanged(),
+            shareReplay(1)
+          )
+
+          unsubscribeFnArr[i] = createBaseGroupAxis(pluginName, {
+            selection: gridSelection,
+            computedData$: d.computedData$,
+            fullParams$: observer.fullParams$,
+            fullDataFormatter$: d.dataFormatter$,
+            fullChartParams$: observer.fullChartParams$,  
+            gridAxesTransform$: d.gridAxesTransform$,
+            gridAxesReverseTransform$: d.gridAxesReverseTransform$,
+            gridAxesSize$: d.gridAxesSize$,
+            gridContainerPosition$: d.gridContainerPosition$,
+            isSeriesSeprate$,
+          })
+        })
+    })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeFnArr.forEach(fn => fn())
+  }
+})

package/src/multiGrid/plugins/MultiLineAreas.ts

@@ -1,67 +1,67 @@
-import * as d3 from 'd3'
-import {
-  takeUntil,
-  Subject } from 'rxjs'
-import {
-  defineMultiGridPlugin } from '@orbcharts/core'
-
-import { DEFAULT_MULTI_LINE_AREAS_PARAMS } from '../defaults'
-import { createBaseLineAreas } from '../../base/BaseLineAreas'
-import { multiGridPluginObservables } from '../multiGridObservables'
-import { getClassName, getUniID } from '../../utils/orbchartsUtils'
-
-const pluginName = 'MultiLineAreas'
-
-const gridClassName = getClassName(pluginName, 'grid')
-
-export const MultiLineAreas = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINE_AREAS_PARAMS)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-  
-  const unsubscribeFnArr: (() => void)[] = []
-
-  const multiGridPlugin$ = multiGridPluginObservables(observer)
-
-  multiGridPlugin$
-    .pipe(
-      takeUntil(destroy$)
-    )
-    .subscribe(data => {
-      // 每次重新計算時，清除之前的訂閱
-      unsubscribeFnArr.forEach(fn => fn())
-
-      selection.selectAll(`g.${gridClassName}`)
-        .data(data)
-        .join('g')
-        .attr('class', gridClassName)
-        .each((d, i, g) => {
-
-          const gridSelection = d3.select(g[i])
-
-          unsubscribeFnArr[i] = createBaseLineAreas(pluginName, {
-            selection: gridSelection,
-            computedData$: d.computedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedData$: d.visibleComputedData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
-            seriesLabels$: d.seriesLabels$,
-            SeriesDataMap$: d.SeriesDataMap$,
-            GroupDataMap$: d.GroupDataMap$,
-            fullDataFormatter$: d.dataFormatter$,
-            fullParams$: observer.fullParams$,
-            fullChartParams$: observer.fullChartParams$,
-            gridAxesTransform$: d.gridAxesTransform$,
-            gridGraphicTransform$: d.gridGraphicTransform$,
-            gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
-            gridContainerPosition$: d.gridContainerPosition$,
-            layout$: observer.layout$,
-            event$: subject.event$ as Subject<any>,
-          })
-        })
-    })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeFnArr.forEach(fn => fn())
-  }
-})
+import * as d3 from 'd3'
+import {
+  takeUntil,
+  Subject } from 'rxjs'
+import {
+  defineMultiGridPlugin } from '@orbcharts/core'
+
+import { DEFAULT_MULTI_LINE_AREAS_PARAMS } from '../defaults'
+import { createBaseLineAreas } from '../../base/BaseLineAreas'
+import { multiGridPluginDetailObservables } from '../multiGridObservables'
+import { getClassName, getUniID } from '../../utils/orbchartsUtils'
+
+const pluginName = 'MultiLineAreas'
+
+const gridClassName = getClassName(pluginName, 'grid')
+
+export const MultiLineAreas = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINE_AREAS_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+  
+  const unsubscribeFnArr: (() => void)[] = []
+
+  const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
+
+  multiGridPluginDetail$
+    .pipe(
+      takeUntil(destroy$)
+    )
+    .subscribe(data => {
+      // 每次重新計算時，清除之前的訂閱
+      unsubscribeFnArr.forEach(fn => fn())
+
+      selection.selectAll(`g.${gridClassName}`)
+        .data(data)
+        .join('g')
+        .attr('class', gridClassName)
+        .each((d, i, g) => {
+
+          const gridSelection = d3.select(g[i])
+
+          unsubscribeFnArr[i] = createBaseLineAreas(pluginName, {
+            selection: gridSelection,
+            computedData$: d.computedData$,
+            computedLayoutData$: d.computedLayoutData$,
+            visibleComputedData$: d.visibleComputedData$,
+            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            seriesLabels$: d.seriesLabels$,
+            SeriesDataMap$: d.SeriesDataMap$,
+            GroupDataMap$: d.GroupDataMap$,
+            fullDataFormatter$: d.dataFormatter$,
+            fullParams$: observer.fullParams$,
+            fullChartParams$: observer.fullChartParams$,
+            gridAxesTransform$: d.gridAxesTransform$,
+            gridGraphicTransform$: d.gridGraphicTransform$,
+            gridAxesSize$: d.gridAxesSize$,
+            gridHighlight$: d.gridHighlight$,
+            gridContainerPosition$: d.gridContainerPosition$,
+            layout$: observer.layout$,
+            event$: subject.event$ as Subject<any>,
+          })
+        })
+    })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeFnArr.forEach(fn => fn())
+  }
+})

package/src/multiGrid/plugins/MultiLines.ts

@@ -1,66 +1,66 @@
-import * as d3 from 'd3'
-import {
-  takeUntil,
-  Subject } from 'rxjs'
-import {
-  defineMultiGridPlugin } from '@orbcharts/core'
-
-import { DEFAULT_MULTI_LINES_PARAMS } from '../defaults'
-import { createBaseLines } from '../../base/BaseLines'
-import { multiGridPluginObservables } from '../multiGridObservables'
-import { getClassName, getUniID } from '../../utils/orbchartsUtils'
-
-const pluginName = 'MultiLines'
-
-const gridClassName = getClassName(pluginName, 'grid')
-
-export const MultiLines = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINES_PARAMS)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-  
-  const unsubscribeFnArr: (() => void)[] = []
-
-  const multiGridPlugin$ = multiGridPluginObservables(observer)
-
-  multiGridPlugin$
-    .pipe(
-      takeUntil(destroy$)
-    )
-    .subscribe(data => {
-      // 每次重新計算時，清除之前的訂閱
-      unsubscribeFnArr.forEach(fn => fn())
-
-      selection.selectAll(`g.${gridClassName}`)
-        .data(data)
-        .join('g')
-        .attr('class', gridClassName)
-        .each((d, i, g) => {
-
-          const gridSelection = d3.select(g[i])
-
-          unsubscribeFnArr[i] = createBaseLines(pluginName, {
-            selection: gridSelection,
-            computedData$: d.computedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedData$: d.visibleComputedData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
-            seriesLabels$: d.seriesLabels$,
-            SeriesDataMap$: d.SeriesDataMap$,
-            GroupDataMap$: d.GroupDataMap$,
-            fullDataFormatter$: d.dataFormatter$,
-            fullParams$: observer.fullParams$,
-            fullChartParams$: observer.fullChartParams$,
-            gridAxesTransform$: d.gridAxesTransform$,
-            gridGraphicTransform$: d.gridGraphicTransform$,
-            gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
-            gridContainerPosition$: d.gridContainerPosition$,
-            event$: subject.event$ as Subject<any>,
-          })
-        })
-    })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeFnArr.forEach(fn => fn())
-  }
-})
+import * as d3 from 'd3'
+import {
+  takeUntil,
+  Subject } from 'rxjs'
+import {
+  defineMultiGridPlugin } from '@orbcharts/core'
+
+import { DEFAULT_MULTI_LINES_PARAMS } from '../defaults'
+import { createBaseLines } from '../../base/BaseLines'
+import { multiGridPluginDetailObservables } from '../multiGridObservables'
+import { getClassName, getUniID } from '../../utils/orbchartsUtils'
+
+const pluginName = 'MultiLines'
+
+const gridClassName = getClassName(pluginName, 'grid')
+
+export const MultiLines = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_LINES_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+  
+  const unsubscribeFnArr: (() => void)[] = []
+
+  const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
+
+  multiGridPluginDetail$
+    .pipe(
+      takeUntil(destroy$)
+    )
+    .subscribe(data => {
+      // 每次重新計算時，清除之前的訂閱
+      unsubscribeFnArr.forEach(fn => fn())
+
+      selection.selectAll(`g.${gridClassName}`)
+        .data(data)
+        .join('g')
+        .attr('class', gridClassName)
+        .each((d, i, g) => {
+
+          const gridSelection = d3.select(g[i])
+
+          unsubscribeFnArr[i] = createBaseLines(pluginName, {
+            selection: gridSelection,
+            computedData$: d.computedData$,
+            computedLayoutData$: d.computedLayoutData$,
+            visibleComputedData$: d.visibleComputedData$,
+            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            seriesLabels$: d.seriesLabels$,
+            SeriesDataMap$: d.SeriesDataMap$,
+            GroupDataMap$: d.GroupDataMap$,
+            fullDataFormatter$: d.dataFormatter$,
+            fullParams$: observer.fullParams$,
+            fullChartParams$: observer.fullChartParams$,
+            gridAxesTransform$: d.gridAxesTransform$,
+            gridGraphicTransform$: d.gridGraphicTransform$,
+            gridAxesSize$: d.gridAxesSize$,
+            gridHighlight$: d.gridHighlight$,
+            gridContainerPosition$: d.gridContainerPosition$,
+            event$: subject.event$ as Subject<any>,
+          })
+        })
+    })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeFnArr.forEach(fn => fn())
+  }
+})

package/src/multiGrid/plugins/MultiValueAxis.ts

@@ -1,69 +1,69 @@
-import * as d3 from 'd3'
-import {
-  Subject,
-  map,
-  distinctUntilChanged,
-  shareReplay,
-  takeUntil
-} from 'rxjs'
-import {
-  defineMultiGridPlugin } from '@orbcharts/core'
-import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
-import { createBaseValueAxis } from '../../base/BaseValueAxis'
-import { multiGridPluginObservables } from '../multiGridObservables'
-import { getClassName, getUniID } from '../../utils/orbchartsUtils'
-
-const pluginName = 'MultiValueAxis'
-
-const gridClassName = getClassName(pluginName, 'grid')
-
-export const MultiValueAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
-  const destroy$ = new Subject()
-
-  const unsubscribeFnArr: (() => void)[] = []
-
-  const multiGridPlugin$ = multiGridPluginObservables(observer)
-
-  multiGridPlugin$
-    .pipe(
-      takeUntil(destroy$)
-    )
-    .subscribe(data => {
-      // 每次重新計算時，清除之前的訂閱
-      unsubscribeFnArr.forEach(fn => fn())
-
-      selection.selectAll(`g.${gridClassName}`)
-        .data(data)
-        .join('g')
-        .attr('class', gridClassName)
-        .each((d, i, g) => {
-
-          const gridSelection = d3.select(g[i])
-
-          const isSeriesSeprate$ = d.dataFormatter$.pipe(
-            takeUntil(destroy$),
-            map(d => d.grid.separateSeries),
-            distinctUntilChanged(),
-            shareReplay(1)
-          )
-
-          unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
-            selection: gridSelection,
-            computedData$: d.computedData$,
-            fullParams$: observer.fullParams$,
-            fullDataFormatter$: d.dataFormatter$,
-            fullChartParams$: observer.fullChartParams$,  
-            gridAxesTransform$: d.gridAxesTransform$,
-            gridAxesReverseTransform$: d.gridAxesReverseTransform$,
-            gridAxesSize$: d.gridAxesSize$,
-            gridContainerPosition$: d.gridContainerPosition$,
-            isSeriesSeprate$,
-          })
-        })
-    })
-
-  return () => {
-    destroy$.next(undefined)
-    unsubscribeFnArr.forEach(fn => fn())
-  }
-})
+import * as d3 from 'd3'
+import {
+  Subject,
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  takeUntil
+} from 'rxjs'
+import {
+  defineMultiGridPlugin } from '@orbcharts/core'
+import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
+import { createBaseValueAxis } from '../../base/BaseValueAxis'
+import { multiGridPluginDetailObservables } from '../multiGridObservables'
+import { getClassName, getUniID } from '../../utils/orbchartsUtils'
+
+const pluginName = 'MultiValueAxis'
+
+const gridClassName = getClassName(pluginName, 'grid')
+
+export const MultiValueAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeFnArr: (() => void)[] = []
+
+  const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
+
+  multiGridPluginDetail$
+    .pipe(
+      takeUntil(destroy$)
+    )
+    .subscribe(data => {
+      // 每次重新計算時，清除之前的訂閱
+      unsubscribeFnArr.forEach(fn => fn())
+
+      selection.selectAll(`g.${gridClassName}`)
+        .data(data)
+        .join('g')
+        .attr('class', gridClassName)
+        .each((d, i, g) => {
+
+          const gridSelection = d3.select(g[i])
+
+          const isSeriesSeprate$ = d.dataFormatter$.pipe(
+            takeUntil(destroy$),
+            map(d => d.grid.separateSeries),
+            distinctUntilChanged(),
+            shareReplay(1)
+          )
+
+          unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
+            selection: gridSelection,
+            computedData$: d.computedData$,
+            fullParams$: observer.fullParams$,
+            fullDataFormatter$: d.dataFormatter$,
+            fullChartParams$: observer.fullChartParams$,  
+            gridAxesTransform$: d.gridAxesTransform$,
+            gridAxesReverseTransform$: d.gridAxesReverseTransform$,
+            gridAxesSize$: d.gridAxesSize$,
+            gridContainerPosition$: d.gridContainerPosition$,
+            isSeriesSeprate$,
+          })
+        })
+    })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeFnArr.forEach(fn => fn())
+  }
+})

package/src/multiGrid/plugins/MultiValueStackAxis.ts

@@ -0,0 +1,69 @@
+import * as d3 from 'd3'
+import {
+  Subject,
+  map,
+  distinctUntilChanged,
+  shareReplay,
+  takeUntil
+} from 'rxjs'
+import {
+  defineMultiGridPlugin } from '@orbcharts/core'
+import { DEFAULT_MULTI_VALUE_AXIS_PARAMS } from '../defaults'
+import { createBaseValueAxis } from '../../base/BaseValueAxis'
+import { multiGridPluginDetailObservables } from '../multiGridObservables'
+import { getClassName, getUniID } from '../../utils/orbchartsUtils'
+
+const pluginName = 'MultiValueStackAxis'
+
+const gridClassName = getClassName(pluginName, 'grid')
+
+export const MultiValueStackAxis = defineMultiGridPlugin(pluginName, DEFAULT_MULTI_VALUE_AXIS_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeFnArr: (() => void)[] = []
+
+  const multiGridPluginDetail$ = multiGridPluginDetailObservables(observer)
+
+  multiGridPluginDetail$
+    .pipe(
+      takeUntil(destroy$)
+    )
+    .subscribe(data => {
+      // 每次重新計算時，清除之前的訂閱
+      unsubscribeFnArr.forEach(fn => fn())
+
+      selection.selectAll(`g.${gridClassName}`)
+        .data(data)
+        .join('g')
+        .attr('class', gridClassName)
+        .each((d, i, g) => {
+
+          const gridSelection = d3.select(g[i])
+
+          const isSeriesSeprate$ = d.dataFormatter$.pipe(
+            takeUntil(destroy$),
+            map(d => d.grid.separateSeries),
+            distinctUntilChanged(),
+            shareReplay(1)
+          )
+
+          unsubscribeFnArr[i] = createBaseValueAxis(pluginName, {
+            selection: gridSelection,
+            computedData$: d.computedStackedData$, // 計算疊加value的資料
+            fullParams$: observer.fullParams$,
+            fullDataFormatter$: d.dataFormatter$,
+            fullChartParams$: observer.fullChartParams$,  
+            gridAxesTransform$: d.gridAxesTransform$,
+            gridAxesReverseTransform$: d.gridAxesReverseTransform$,
+            gridAxesSize$: d.gridAxesSize$,
+            gridContainerPosition$: d.gridContainerPosition$,
+            isSeriesSeprate$,
+          })
+        })
+    })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeFnArr.forEach(fn => fn())
+  }
+})