@orbcharts/plugins-basic 3.0.0-beta.15 → 3.0.0-beta.16

package/src/grid/plugins/{GridZoom.ts → GroupZoom.ts}

@@ -17,7 +17,7 @@ import { DEFAULT_GRID_ZOOM_PARAMS } from '../defaults'
 import { getClassName, getUniID } from '../../utils/orbchartsUtils'
 import { LAYER_INDEX_OF_ROOT } from '../../const'
 
-const pluginName = 'GridZoom'
+const pluginName = 'GroupZoom'
 const rectClassName = getClassName(pluginName, 'rect')
 
 const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_GRID_ZOOM_PARAMS> = {
@@ -33,7 +33,7 @@ const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_GRID_ZO
   }
 }
 
-export const GridZoom = defineGridPlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
+export const GroupZoom = defineGridPlugin(pluginConfig)(({ selection, rootSelection, name, observer, subject }) => {
 
   const destroy$ = new Subject()
 

package/src/grid/plugins/LineAreas.ts

@@ -40,8 +40,8 @@ export const LineAreas = defineGridPlugin(pluginConfig)(({ selection, name, obse
     selection,
     computedData$: observer.computedData$,
     visibleComputedData$: observer.visibleComputedData$,
-    computedLayoutData$: observer.computedLayoutData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
+    computedAxesData$: observer.computedAxesData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
     seriesLabels$: observer.seriesLabels$,
     SeriesDataMap$: observer.SeriesDataMap$,
     GroupDataMap$: observer.GroupDataMap$,

package/src/grid/plugins/Lines.ts

@@ -33,9 +33,9 @@ export const Lines = defineGridPlugin(pluginConfig)(({ selection, rootSelection,
   const unsubscribeBaseBars = createBaseLines(pluginName, {
     selection,
     computedData$: observer.computedData$,
-    computedLayoutData$: observer.computedLayoutData$,
+    computedAxesData$: observer.computedAxesData$,
     visibleComputedData$: observer.visibleComputedData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
     seriesLabels$: observer.seriesLabels$,
     SeriesDataMap$: observer.SeriesDataMap$,
     GroupDataMap$: observer.GroupDataMap$,

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

@@ -9,9 +9,9 @@ import type { DefinePluginConfig } from '../../../lib/core-types'
 import { defineGridPlugin } from '../../../lib/core'
 import { DEFAULT_STACKED_BAR_PARAMS } from '../defaults'
 import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
-import { createBaseStackedBar } from '../../base/BaseStackedBar'
+import { createBaseStackedBars } from '../../base/BaseStackedBars'
 
-const pluginName = 'StackedBar'
+const pluginName = 'StackedBars'
 
 const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_STACKED_BAR_PARAMS> = {
   name: pluginName,
@@ -33,15 +33,15 @@ const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_STACKED
   }
 }
 
-export const StackedBar = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+export const StackedBars = defineGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
   const destroy$ = new Subject()
 
-  const unsubscribeBaseBars = createBaseStackedBar(pluginName, {
+  const unsubscribeBaseBars = createBaseStackedBars(pluginName, {
     selection,
     computedData$: observer.computedData$,
-    computedLayoutData$: observer.computedLayoutData$,
+    computedAxesData$: observer.computedAxesData$,
     visibleComputedData$: observer.visibleComputedData$,
-    visibleComputedLayoutData$: observer.visibleComputedLayoutData$,
+    visibleComputedAxesData$: observer.visibleComputedAxesData$,
     seriesLabels$: observer.seriesLabels$,
     SeriesDataMap$: observer.SeriesDataMap$,
     GroupDataMap$: observer.GroupDataMap$,

package/src/multiGrid/defaults.ts

@@ -1,7 +1,7 @@
 import type {
   MultiGridLegendParams,
   MultiBarsParams,
-  MultiStackedBarParams,
+  MultiStackedBarsParams,
   MultiBarsTriangleParams,
   MultiLinesParams,
   MultiLineAreasParams,
@@ -85,7 +85,7 @@ export const DEFAULT_MULTI_BARS_PARAMS: MultiBarsParams = {
   gridIndexes: [0]
 }
 
-export const DEFAULT_MULTI_STACKED_BAR_PARAMS: MultiStackedBarParams = {
+export const DEFAULT_MULTI_STACKED_BAR_PARAMS: MultiStackedBarsParams = {
   barWidth: 0,
   barGroupPadding: 10,
   barRadius: false,

package/src/multiGrid/index.ts

@@ -2,7 +2,7 @@ export * from './defaults'
 // export * from './types'
 export { MultiGridLegend } from './plugins/MultiGridLegend'
 export { MultiBars } from './plugins/MultiBars'
-export { MultiStackedBar } from './plugins/MultiStackedBar'
+export { MultiStackedBars } from './plugins/MultiStackedBars'
 export { MultiBarsTriangle } from './plugins/MultiBarsTriangle'
 export { MultiLines } from './plugins/MultiLines'
 export { MultiLineAreas } from './plugins/MultiLineAreas'

package/src/multiGrid/multiGridObservables.ts

@@ -34,6 +34,7 @@ export const multiGridPluginDetailObservables = (observer: ContextObserverMultiG
     multiGridEachDetail: observer.multiGridEachDetail$,
     gridIndexes: gridIndexes$,
   }).pipe(
+    switchMap(async d => d),
     map(data => {
       // 對應所有grid
       if (data.gridIndexes === 'all') {

package/src/multiGrid/plugins/MultiBars.ts

@@ -82,8 +82,8 @@ export const MultiBars = defineMultiGridPlugin(pluginConfig)(({ selection, name,
             selection: gridSelection,
             computedData$: d.computedData$,
             visibleComputedData$: d.visibleComputedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -93,7 +93,7 @@ export const MultiBars = defineMultiGridPlugin(pluginConfig)(({ selection, name,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridGraphicReverseScale$: d.gridGraphicReverseScale$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             isSeriesSeprate$,
             event$: subject.event$ as Subject<any>,

package/src/multiGrid/plugins/MultiBarsTriangle.ts

@@ -88,8 +88,8 @@ export const MultiBarsTriangle = defineMultiGridPlugin(pluginConfig)(({ selectio
             selection: gridSelection,
             computedData$: d.computedData$,
             visibleComputedData$: d.visibleComputedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -99,7 +99,7 @@ export const MultiBarsTriangle = defineMultiGridPlugin(pluginConfig)(({ selectio
             gridAxesTransform$: d.gridAxesTransform$,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             isSeriesSeprate$: isSeriesSeprate$,
             event$: subject.event$ as Subject<any>,

package/src/multiGrid/plugins/MultiDots.ts

@@ -77,8 +77,8 @@ export const MultiDots = defineMultiGridPlugin(pluginConfig)(({ selection, name,
             selection: gridSelection,
             computedData$: d.computedData$,
             visibleComputedData$: d.visibleComputedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -88,7 +88,7 @@ export const MultiDots = defineMultiGridPlugin(pluginConfig)(({ selection, name,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridGraphicReverseScale$: d.gridGraphicReverseScale$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             event$: subject.event$ as Subject<any>,
           })

package/src/multiGrid/plugins/MultiGridLegend.ts

@@ -88,18 +88,28 @@ export const MultiGridLegend = defineMultiGridPlugin(pluginConfig)(({ selection,
   
   const destroy$ = new Subject()
 
+  // const seriesLabels$ = observer.multiGridEachDetail$.pipe(
+  //   takeUntil(destroy$),
+  //   map(multiGrid => {
+  //     const seriesLabelsObservableArr = multiGrid.map((grid, gridIndex) => {
+  //       return grid.SeriesDataMap$.pipe(
+  //         // grid內的seriesLabels
+  //         map(seriesDataMap => Array.from(seriesDataMap.keys()))
+  //       )
+  //     })
+  //     return seriesLabelsObservableArr
+  //   }),
+  //   switchMap(seriesLabelsObservableArr => combineLatest(seriesLabelsObservableArr)),
+  //   map(data => data.flat())
+  // )
+
   const seriesLabels$ = observer.multiGridEachDetail$.pipe(
-    takeUntil(destroy$),
-    map(multiGrid => {
-      const seriesLabelsObservableArr = multiGrid.map((grid, gridIndex) => {
-        return grid.SeriesDataMap$.pipe(
-          // grid內的seriesLabels
-          map(seriesDataMap => Array.from(seriesDataMap.keys()))
-        )
-      })
-      return seriesLabelsObservableArr
+    map(multiGridEachDetail => multiGridEachDetail.map(grid => grid.seriesLabels$)),
+    switchMap(d => {
+      return combineLatest(d).pipe(
+        switchMap(async d => d),
+      )
     }),
-    switchMap(seriesLabelsObservableArr => combineLatest(seriesLabelsObservableArr)),
     map(data => data.flat())
   )
 

package/src/multiGrid/plugins/MultiLineAreas.ts

@@ -79,9 +79,9 @@ export const MultiLineAreas = defineMultiGridPlugin(pluginConfig)(({ selection,
           unsubscribeFnArr[i] = createBaseLineAreas(pluginName, {
             selection: gridSelection,
             computedData$: d.computedData$,
-            computedLayoutData$: d.computedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
             visibleComputedData$: d.visibleComputedData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -91,7 +91,7 @@ export const MultiLineAreas = defineMultiGridPlugin(pluginConfig)(({ selection,
             gridAxesTransform$: d.gridAxesTransform$,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             allContainerPosition$: allContainerPosition$,
             layout$: observer.layout$,

package/src/multiGrid/plugins/MultiLines.ts

@@ -73,9 +73,9 @@ export const MultiLines = defineMultiGridPlugin(pluginConfig)(({ selection, root
           unsubscribeFnArr[i] = createBaseLines(pluginName, {
             selection: gridSelection,
             computedData$: d.computedData$,
-            computedLayoutData$: d.computedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
             visibleComputedData$: d.visibleComputedData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -85,7 +85,7 @@ export const MultiLines = defineMultiGridPlugin(pluginConfig)(({ selection, root
             gridAxesTransform$: d.gridAxesTransform$,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             allContainerPosition$,
             layout$: observer.layout$,

package/src/multiGrid/plugins/{MultiStackedBar.ts → MultiStackedBars.ts}

@@ -10,12 +10,12 @@ import type { DefinePluginConfig } from '../../../lib/core-types'
 import {
   defineMultiGridPlugin } from '../../../lib/core'
 import { DEFAULT_MULTI_STACKED_BAR_PARAMS } from '../defaults'
-import { createBaseStackedBar } from '../../base/BaseStackedBar'
+import { createBaseStackedBars } from '../../base/BaseStackedBars'
 import { multiGridPluginDetailObservables } from '../multiGridObservables'
 import { getClassName, getUniID } from '../../utils/orbchartsUtils'
 import { LAYER_INDEX_OF_GRAPHIC } from '../../const'
 
-const pluginName = 'MultiStackedBar'
+const pluginName = 'MultiStackedBars'
 
 const gridClassName = getClassName(pluginName, 'grid')
 
@@ -45,7 +45,7 @@ const pluginConfig: DefinePluginConfig<typeof pluginName, typeof DEFAULT_MULTI_S
   }
 }
 
-export const MultiStackedBar = defineMultiGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
+export const MultiStackedBars = defineMultiGridPlugin(pluginConfig)(({ selection, name, subject, observer }) => {
   const destroy$ = new Subject()
 
   const unsubscribeFnArr: (() => void)[] = []
@@ -75,12 +75,12 @@ export const MultiStackedBar = defineMultiGridPlugin(pluginConfig)(({ selection,
             shareReplay(1)
           )
 
-          unsubscribeFnArr[i] = createBaseStackedBar(pluginName, {
+          unsubscribeFnArr[i] = createBaseStackedBars(pluginName, {
             selection: gridSelection,
             computedData$: d.computedData$,
             visibleComputedData$: d.visibleComputedData$,
-            computedLayoutData$: d.computedLayoutData$,
-            visibleComputedLayoutData$: d.visibleComputedLayoutData$,
+            computedAxesData$: d.computedAxesData$,
+            visibleComputedAxesData$: d.visibleComputedAxesData$,
             seriesLabels$: d.seriesLabels$,
             SeriesDataMap$: d.SeriesDataMap$,
             GroupDataMap$: d.GroupDataMap$,
@@ -91,7 +91,7 @@ export const MultiStackedBar = defineMultiGridPlugin(pluginConfig)(({ selection,
             gridGraphicTransform$: d.gridGraphicTransform$,
             gridGraphicReverseScale$: d.gridGraphicReverseScale$,
             gridAxesSize$: d.gridAxesSize$,
-            gridHighlight$: d.gridHighlight$,
+            gridHighlight$: observer.multiGridHighlight$,
             gridContainerPosition$: d.gridContainerPosition$,
             isSeriesSeprate$,
             event$: subject.event$ as Subject<any>,

package/src/multiGrid/plugins/OverlappingStackedValueAxes.ts

@@ -19,6 +19,7 @@ import { createBaseValueAxis } from '../../base/BaseValueAxis'
 import { multiGridPluginDetailObservables } from '../multiGridObservables'
 import { getClassName, getUniID } from '../../utils/orbchartsUtils'
 import { gridAxesTransformObservable, gridAxesReverseTransformObservable, gridContainerPositionObservable } from '../../../lib/core'
+// import { gridAxesTransformObservable, gridAxesReverseTransformObservable, gridContainerPositionObservable } from '@orbcharts/core/src'
 import { LAYER_INDEX_OF_AXIS } from '../../const'
 
 const pluginName = 'OverlappingStackedValueAxes'

package/src/multiValue/defaults.ts

@@ -1,11 +1,16 @@
+import type { ComputedDataTypeMap } from '../../lib/core-types'
 import type {
   MultiValueLegendParams,
   MultiValueTooltipParams,
+  RacingBarsParams,
+  RacingCounterTextsParams,
+  RacingValueAxisParams,
   ScatterParams,
   ScatterBubblesParams,
+  XAxisParams,
   XYAuxParams,
   XYAxesParams,
-  XYZoomParams
+  XZoomParams
 } from '../../lib/plugins-basic-types'
 
 
@@ -47,7 +52,7 @@ export const DEFAULT_MULTI_VALUE_TOOLTIP_PARAMS: MultiValueTooltipParams = {
       ? `<tspan>${eventData.datum.label}</tspan>  `
       : ''
     const datumSvg = `<text font-size="${styles.textSizePx}" dominant-baseline="hanging" fill="${styles.textColor}">
-    ${datumLabelSvg}<tspan font-weight="bold">${eventData.datum.value}</tspan>
+    ${datumLabelSvg}<tspan font-weight="bold">${eventData.datum._visibleValue}</tspan>
   </text>`
 
     return `${categorySvg}
@@ -71,7 +76,7 @@ DEFAULT_MULTI_VALUE_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styl
       ? \`<tspan>\${eventData.datum.label}</tspan>  \`
       : ''
     const datumSvg = \`<text font-size="\${styles.textSizePx}" dominant-baseline="hanging" fill="\${styles.textColor}">
-    \${datumLabelSvg}<tspan font-weight="bold">\${eventData.datum.value}</tspan>
+    \${datumLabelSvg}<tspan font-weight="bold">\${eventData.datum._visibleValue}</tspan>
   </text>\`
 
     return \`\${categorySvg}
@@ -80,6 +85,117 @@ DEFAULT_MULTI_VALUE_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styl
   </g>\`
 }`
 
+// export const DEFAULT_RANKING_AXIS_PARAMS: RacingAxisParams = {
+//   labelOffset: [0, 0],
+//   labelColorType: 'primary',
+//   axisLineVisible: false,
+//   axisLineColorType: 'primary',
+//   // ticks: null,
+//   // tickFormat: v => v,
+//   tickLineVisible: true,
+//   tickPadding: 20,
+//   // tickFullLine: true,
+//   // tickFullLineDasharray: 'none',
+//   tickColorType: 'secondary',
+//   tickTextRotate: 0,
+//   tickTextColorType: 'primary'
+// }
+
+export const DEFAULT_RACING_BARS_PARAMS: RacingBarsParams = {
+  bar: {
+    barWidth: 0,
+    barPadding: 8,
+    barRadius: false,
+  },
+  barLabel: {
+    position: 'inside',
+    padding: 20,
+    rotate: 0,
+    colorType: 'labelContrast'
+  },
+  valueLabel: {
+    padding: 20,
+    colorType: 'primary',
+    // format: num => {
+    //   if (num === null || Number.isNaN(num) == true) {
+    //     return num || 0
+    //   }
+    //   var parts = num.toString().split('.')
+    //   parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+    //   return parts.join('.')
+    // }
+    format: v => v
+  },
+  axisLabel: {
+    offset: [0, 0],
+    colorType: 'primary'
+  },
+  // rankingAmount: 'auto'
+  rankingAmount: 10,
+  // timer: {
+  //   active: false,
+  //   period: 500
+  // }
+  autorun: false
+}
+// DEFAULT_RACING_BARS_PARAMS.valueLabel.format.toString = () => `num => {
+//     if (num === null || Number.isNaN(num) == true) {
+//       return num || 0
+//     }
+//     var parts = num.toString().split('.')
+//     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+//     return parts.join('.')
+//   }
+// }`
+DEFAULT_RACING_BARS_PARAMS.valueLabel.format.toString = () => `v => v`
+
+export const DEFAULT_RACING_COUNTER_TEXTS_PARAMS: RacingCounterTextsParams = {
+  renderFn: (valueLabel: string, valueIndex: number, data: ComputedDataTypeMap<'multiValue'>) => {
+    return valueLabel
+  },
+  textAttrs: [
+    {
+      "transform": "translate(0, 0)"
+    }
+  ],
+  textStyles: [
+    {
+      "font-weight": "bold",
+      "text-anchor": "end",
+      "pointer-events": "none",
+      "dominant-baseline": "auto",
+      "font-size": 64,
+      "fill": "#bebebe"
+    },
+    {
+      "text-anchor": "end",
+      "pointer-events": "none",
+      "dominant-baseline": "auto",
+      "font-size": 24,
+      "fill": "#bebebe"
+    },
+  ],
+  paddingRight: 0,
+  paddingBottom: 0
+}
+
+export const DEFAULT_RACING_VALUE_AXIS_PARAMS: RacingValueAxisParams = {
+  labelOffset: [0, 0],
+  labelColorType: 'primary',
+  axisLineVisible: false,
+  axisLineColorType: 'secondary',
+  ticks: null,
+  // tickFormat: ',.0f',
+  tickFormat: v => v,
+  tickLineVisible: true,
+  tickPadding: 20,
+  tickFullLine: true,
+  tickFullLineDasharray: 'none',
+  tickColorType: 'secondary',
+  tickTextColorType: 'primary'
+}
+DEFAULT_RACING_VALUE_AXIS_PARAMS.tickFormat.toString = () => `v => v`
+
 export const DEFAULT_SCATTER_PARAMS: ScatterParams = {
   radius: 5,
   fillColorType: 'label',
@@ -97,6 +213,23 @@ export const DEFAULT_SCATTER_BUBBLES_PARAMS: ScatterBubblesParams = {
   sizeAdjust: 0.5
 }
 
+export const DEFAULT_X_AXIS_PARAMS: XAxisParams = {
+  labelOffset: [0, 0],
+  labelColorType: 'primary',
+  axisLineVisible: false,
+  axisLineColorType: 'secondary',
+  ticks: null,
+  // tickFormat: ',.0f',
+  tickFormat: v => v,
+  tickLineVisible: true,
+  tickPadding: 20,
+  tickFullLine: true,
+  tickFullLineDasharray: 'none',
+  tickColorType: 'secondary',
+  tickTextColorType: 'primary'
+}
+DEFAULT_X_AXIS_PARAMS.tickFormat.toString = () => `v => v`
+
 export const DEFAULT_X_Y_AUX_PARAMS: XYAuxParams = {
   xAxis: {
     showLine: true,
@@ -162,6 +295,6 @@ export const DEFAULT_X_Y_AXES_PARAMS: XYAxesParams = {
 DEFAULT_X_Y_AXES_PARAMS.xAxis.tickFormat.toString = () => `v => v`
 DEFAULT_X_Y_AXES_PARAMS.yAxis.tickFormat.toString = () => `v => v`
 
-export const DEFAULT_X_Y_ZOOM_PARAMS: XYZoomParams = {
+export const DEFAULT_X_Y_ZOOM_PARAMS: XZoomParams = {
 
 }

package/src/multiValue/index.ts

@@ -2,8 +2,12 @@ export * from './defaults'
 // export * from './types'
 export { MultiValueLegend } from './plugins/MultiValueLegend'
 export { MultiValueTooltip } from './plugins/MultiValueTooltip'
+export { RacingBars } from './plugins/RacingBars'
+export { RacingCounterTexts } from './plugins/RacingCounterTexts'
+export { RacingValueAxis } from './plugins/RacingValueAxis'
 export { Scatter } from './plugins/Scatter'
 export { ScatterBubbles } from './plugins/ScatterBubbles'
+export { XAxis } from './plugins/XAxis'
 export { XYAux } from './plugins/XYAux'
 export { XYAxes } from './plugins/XYAxes'
-export { XYZoom } from './plugins/XYZoom'
+export { XZoom } from './plugins/XZoom'