@orbcharts/plugins-basic 3.0.0-alpha.36 → 3.0.0-alpha.37

package/dist/src/grid/defaults.d.ts

@@ -4,6 +4,7 @@ export declare const DEFAULT_LINES_PARAMS: LinesParams;
 export declare const DEFAULT_DOTS_PARAMS: DotsParams;
 export declare const DEFAULT_GROUP_AREA_PARAMS: GroupAuxParams;
 export declare const DEFAULT_BARS_PARAMS: BarsParams;
+export declare const DEFAULT_BARS_DIVERGING_PARAMS: BarsParams;
 export declare const DEFAULT_BAR_STACK_PARAMS: BarStackParams;
 export declare const DEFAULT_BARS_TRIANGLE_PARAMS: BarsTriangleParams;
 export declare const DEFAULT_GROUP_AXIS_PARAMS: GroupAxisParams;

package/dist/src/grid/index.d.ts

@@ -2,6 +2,7 @@ export * from './defaults';
 export * from './types';
 export { Lines } from './plugins/Lines';
 export { Bars } from './plugins/Bars';
+export { BarsDiverging } from './plugins/BarsDiverging';
 export { BarStack } from './plugins/BarStack';
 export { BarsTriangle } from './plugins/BarsTriangle';
 export { Dots } from './plugins/Dots';

package/dist/src/grid/plugins/BarsDiverging.d.ts

@@ -0,0 +1 @@
+export declare const BarsDiverging: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').BarsParams>;

package/dist/src/grid/types.d.ts

@@ -27,6 +27,8 @@ export interface BarsParams {
     barGroupPadding: number;
     barRadius: number | boolean;
 }
+export interface BarsDivergingParams extends BarsParams {
+}
 export interface BarStackParams {
     barWidth: number;
     barGroupPadding: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbcharts/plugins-basic",
-  "version": "3.0.0-alpha.36",
+  "version": "3.0.0-alpha.37",
   "description": "plugins for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core": "^3.0.0-alpha.35",
+    "@orbcharts/core": "^3.0.0-alpha.36",
     "d3": "^7.8.5",
     "rxjs": "^7.8.1"
   }

package/src/base/BaseValueAxis.ts

@@ -116,6 +116,10 @@ function renderLinearAxis ({ selection, yAxisClassName, textClassName, fullParam
 
   const valueLength = minAndMax[1] - minAndMax[0]
   
+  // const _valueScale = d3.scaleLinear()
+  //   .domain([0, 150])
+  //   .range([416.5, 791.349])
+
   // 設定Y軸刻度
   const yAxis = d3.axisLeft(valueScale)
     .scale(valueScale)
@@ -365,6 +369,7 @@ export const createBaseValueAxis: BasePluginFn<BaseLinesContext> = (pluginName:
       // 轉換後會退訂前一個未完成的訂閱事件，因此可以取到「同時間」最後一次的訂閱事件
       switchMap(async (d) => d),
     ).subscribe(data => {
+      console.log(data)
     
       const valueScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
         maxValue: data.minAndMax[1],

package/src/grid/defaults.ts

@@ -43,6 +43,10 @@ export const DEFAULT_BARS_PARAMS: BarsParams = {
   barRadius: false,
 }
 
+export const DEFAULT_BARS_DIVERGING_PARAMS: BarsParams = {
+  ...DEFAULT_BARS_PARAMS
+}
+
 export const DEFAULT_BAR_STACK_PARAMS: BarStackParams = {
   barWidth: 0,
   barGroupPadding: 10,

package/src/grid/index.ts

@@ -2,6 +2,7 @@ export * from './defaults'
 export * from './types'
 export { Lines } from './plugins/Lines'
 export { Bars } from './plugins/Bars'
+export { BarsDiverging } from './plugins/BarsDiverging'
 export { BarStack } from './plugins/BarStack'
 export { BarsTriangle } from './plugins/BarsTriangle'
 export { Dots } from './plugins/Dots'

package/src/grid/plugins/BarsDiverging.ts

@@ -0,0 +1,39 @@
+import {
+  of,
+  Subject,
+  Observable } from 'rxjs'
+import {
+  defineGridPlugin } from '@orbcharts/core'
+import { DEFAULT_BARS_PARAMS } from '../defaults'
+import { createBaseBars } from '../../base/BaseBars'
+
+const pluginName = 'BarsDiverging'
+
+export const BarsDiverging = defineGridPlugin(pluginName, DEFAULT_BARS_PARAMS)(({ selection, name, subject, observer }) => {
+  const destroy$ = new Subject()
+
+  const unsubscribeBaseBars = createBaseBars(pluginName, {
+    selection,
+    computedData$: observer.computedData$,
+    visibleComputedData$: observer.visibleComputedData$,
+    existedSeriesLabels$: observer.existedSeriesLabels$,
+    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$,
+    gridContainer$: observer.gridContainer$,
+    // isSeriesPositionSeprate$: observer.isSeriesPositionSeprate$,
+    isSeriesPositionSeprate$: of(true), // hack: 永遠為true，可以強制讓每組series的bars的x位置都是一樣的
+    event$: subject.event$,
+  })
+
+  return () => {
+    destroy$.next(undefined)
+    unsubscribeBaseBars()
+  }
+})

package/src/grid/types.ts

@@ -43,6 +43,8 @@ export interface BarsParams {
   barRadius: number | boolean
 }
 
+export interface BarsDivergingParams extends BarsParams {}
+
 export interface BarStackParams {
   barWidth: number
   barGroupPadding: number