@orbcharts/plugins-basic 3.0.0-beta.3 → 3.0.0-beta.5

package/dist/src/index.d.ts

@@ -1,5 +1 @@
-export * from './grid';
-export * from './multiGrid';
-export * from './noneData';
-export * from './series';
-export * from './tree';
+export * from '../orbcharts-plugins-basic/src/index'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbcharts/plugins-basic",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.5",
   "description": "plugins for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
@@ -35,9 +35,9 @@
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core": "^3.0.0-beta.2",
-    "@orbcharts/core-types": "^3.0.0-beta.2",
-    "@orbcharts/plugins-basic-types": "^3.0.0-beta.3",
+    "@orbcharts/core": "^3.0.0-beta.4",
+    "@orbcharts/core-types": "^3.0.0-beta.3",
+    "@orbcharts/plugins-basic-types": "^3.0.0-beta.4",
     "d3": "^7.8.5",
     "rxjs": "^7.8.1"
   }

package/src/base/BaseBarStack.ts

@@ -17,7 +17,7 @@ import type {
   DataFormatterGrid,
   EventGrid,
   ChartParams,
-  GridContainerPosition,
+  ContainerPositionScaled,
   Layout,
   TransformData } from '../../lib/core-types'
 import type { BaseBarStackParams } from '../../lib/plugins-basic-types'
@@ -52,7 +52,7 @@ interface BaseBarStackContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   isSeriesSeprate$: Observable<boolean>
   event$: Subject<EventGrid>
 }

package/src/base/BaseBars.ts

@@ -14,7 +14,7 @@ import type {
   ComputedDataGrid,
   ComputedLayoutDataGrid,
   DataFormatterTypeMap,
-  GridContainerPosition,
+  ContainerPositionScaled,
   EventGrid,
   ChartParams, 
   Layout,
@@ -51,7 +51,7 @@ interface BaseBarsContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   isSeriesSeprate$: Observable<boolean>
   event$: Subject<EventGrid>
 }

package/src/base/BaseBarsTriangle.ts

@@ -17,7 +17,7 @@ import type {
   DataFormatterTypeMap,
   EventGrid,
   ChartParams,
-  GridContainerPosition,
+  ContainerPositionScaled,
   Layout,
   TransformData
 } from '../../lib/core-types'
@@ -52,7 +52,7 @@ interface BaseBarsContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   isSeriesSeprate$: Observable<boolean>
   event$: Subject<EventGrid>
 }

package/src/base/BaseDots.ts

@@ -14,7 +14,7 @@ import type {
   ComputedLayoutDataGrid,
   EventGrid,
   ChartParams, 
-  GridContainerPosition,
+  ContainerPositionScaled,
   Layout,
   TransformData,
   ColorType
@@ -51,7 +51,7 @@ interface BaseDotsContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   event$: Subject<EventGrid>
 }
 
@@ -138,57 +138,6 @@ function renderDots ({ graphicGSelection, circleGClassName, circleClassName, vis
             .attr('transform', `scale(${graphicReverseScale[seriesIndex][0] ?? 1}, ${graphicReverseScale[seriesIndex][1] ?? 1})`)
         })
     })
-  
-  // const dots = graphicGSelection
-  //   .selectAll<SVGGElement, ComputedDatumGrid>('g')
-  //   .data(data, d => d.id)
-  //   .join(
-  //     enter => {
-  //       // enterDuration
-  //       enterDuration = createEnterDuration(enter)
-
-  //       return enter
-  //         .append('g')
-  //         .classed(circleGClassName, true)     
-  //     },
-  //     update => update,
-  //     exit => exit.remove()
-  //   )
-  //   .attr('transform', d => `translate(${d.axisX}, ${d.axisY})`)
-  //   .each((d, i, g) => {
-  //     const circle = d3.select(g[i])
-  //       .selectAll('circle')
-  //       .data([d])
-  //       .join(
-  //         enter => {
-  //           return enter
-  //             .append('circle')
-  //             .style('cursor', 'pointer')
-  //             .style('vector-effect', 'non-scaling-stroke')
-  //             .classed(circleClassName, true)
-  //             .attr('opacity', 0)
-  //             .transition()
-  //             .delay((_d, _i) => {
-  //               return i * enterDuration
-  //             })
-  //             .attr('opacity', 1)
-  //         },
-  //         update => {
-  //           return update
-  //             .transition()
-  //             .duration(50)
-  //             // .attr('cx', d => d.axisX)
-  //             // .attr('cy', d => d.axisY)
-  //             .attr('opacity', 1)
-  //         },
-  //         exit => exit.remove()
-  //       )
-  //       .attr('r', fullParams.radius)
-  //       .attr('fill', (d, i) => getDatumColor({ datum: d, colorType: fullParams.fillColorType, fullChartParams }))
-  //       .attr('stroke', (d, i) => getDatumColor({ datum: d, colorType: fullParams.strokeColorType, fullChartParams }))
-  //       .attr('stroke-width', fullParams.strokeWidth)
-  //       .attr('transform', `scale(${graphicReverseScale[0]}, ${graphicReverseScale[1]})`)
-  //   })
 
   const graphicCircleSelection: d3.Selection<SVGRectElement, ComputedDatumGrid, SVGGElement, unknown>  = graphicGSelection.selectAll(`circle.${circleClassName}`)
 

package/src/base/BaseGroupAxis.ts

@@ -13,7 +13,7 @@ import {
 import type {
   ColorType,
   ComputedDataGrid,
-  GridContainerPosition,
+  ContainerPositionScaled,
   ComputedDatumGrid,
   DataFormatterGrid,
   ChartParams,
@@ -57,7 +57,7 @@ interface BaseGroupAxisContext {
     width: number;
     height: number;
   }>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   isSeriesSeprate$: Observable<boolean>
   textSizePx$: Observable<number>
 }
@@ -498,7 +498,7 @@ export const createBaseGroupAxis: BasePluginFn<BaseGroupAxisContext> = ((pluginN
       
   //     const padding = data.fullDataFormatter.grid.groupAxis.scalePadding
       
-  //     const groupScale = createAxisPointScale({
+  //     const groupScale = createLabelToAxisScale({
   //       axisLabels,
   //       axisWidth: data.gridAxesSize.width,
   //       padding

package/src/base/BaseLegend.ts

@@ -25,7 +25,7 @@ import { measureTextWidth } from '../utils/commonUtils'
 //   backgroundStroke: ColorType
 //   textColorType: ColorType
 //   gap: number
-//   seriesList: Array<{
+//   labelList: Array<{
 //     listRectWidth: number
 //     listRectHeight: number
 //     listRectRadius: number
@@ -35,7 +35,7 @@ import { measureTextWidth } from '../utils/commonUtils'
 
 interface BaseLegendContext {
   rootSelection: d3.Selection<any, unknown, any, unknown>
-  seriesLabels$: Observable<string[]>
+  legendLabels$: Observable<string[]>
   fullParams$: Observable<BaseLegendParams>
   layout$: Observable<Layout>
   fullChartParams$: Observable<ChartParams>
@@ -89,6 +89,8 @@ interface ListStyle {
   listRectRadius: number
 }
 
+const noneLabelText = ' - ' // 沒有label時的預設文字
+
 const defaultListStyle: ListStyle = {
   listRectWidth: 14,
   listRectHeight: 14,
@@ -105,7 +107,7 @@ function getSeriesColor (seriesIndex: number, fullChartParams: ChartParams) {
 
 export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: string, {
   rootSelection,
-  seriesLabels$,
+  legendLabels$,
   fullParams$,
   layout$,
   fullChartParams$,
@@ -119,7 +121,7 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
 
   const destroy$ = new Subject()
 
-  // const seriesLabels$: Observable<string[]> = SeriesDataMap$.pipe(
+  // const legendLabels$: Observable<string[]> = SeriesDataMap$.pipe(
   //   takeUntil(destroy$),
   //   map(data => {
   //     return Array.from(data.keys())
@@ -127,7 +129,7 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
   // )
 
   const SeriesLabelColorMap$ = combineLatest({
-    seriesLabels: seriesLabels$,
+    legendLabels: legendLabels$,
     fullChartParams: fullChartParams$
   }).pipe(
     takeUntil(destroy$),
@@ -135,7 +137,7 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
     map(data => {
       const SeriesLabelColorMap: Map<string, string> = new Map()
       let accIndex = 0
-      data.seriesLabels.forEach((label, i) => {
+      data.legendLabels.forEach((label, i) => {
         if (!SeriesLabelColorMap.has(label)) {
           const color = getSeriesColor(accIndex, data.fullChartParams)
           SeriesLabelColorMap.set(label, color)
@@ -146,8 +148,8 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
     })
   )
 
-  // 對應seriesLabels是否顯示（只顯示不重覆的）
-  const visibleList$ = seriesLabels$.pipe(
+  // 對應legendLabels是否顯示（只顯示不重覆的）
+  const visibleList$ = legendLabels$.pipe(
     takeUntil(destroy$),
     map(data => {
       const AccSeriesLabelSet = new Set()
@@ -305,7 +307,7 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
   const defaultListStyle$ = fullParams$.pipe(
     takeUntil(destroy$),
     map(data => {
-      return data.seriesList[0] ? data.seriesList[0] : defaultListStyle
+      return data.labelList[0] ? data.labelList[0] : defaultListStyle
     })
   )
 
@@ -314,7 +316,7 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
     visibleList: visibleList$,
     fullParams: fullParams$,
     fullChartParams: fullChartParams$,
-    seriesLabels: seriesLabels$,
+    legendLabels: legendLabels$,
     lineDirection: lineDirection$,
     lineMaxSize: lineMaxSize$,
     defaultListStyle: defaultListStyle$,
@@ -324,16 +326,18 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
     takeUntil(destroy$),
     switchMap(async d => d),
     map(data => {
-      return data.seriesLabels.reduce((prev: LegendItem[][], current, currentIndex) => {
+      return data.legendLabels.reduce((prev: LegendItem[][], _current, currentIndex) => {
         // visible為flase則不加入
         if (!data.visibleList[currentIndex]) {
           return prev
         }
+
+        const currentText = _current !== '' ? _current : noneLabelText
         
-        const textWidth = measureTextWidth(current, data.textSizePx)
+        const textWidth = measureTextWidth(currentText, data.textSizePx)
         const itemWidth = (data.textSizePx * 1.5) + textWidth
         // const color = getSeriesColor(currentIndex, data.fullChartParams)
-        const color = data.SeriesLabelColorMap.get(current)
+        const color = data.SeriesLabelColorMap.get(_current)
         const lastItem: LegendItem | null = prev[0] && prev[0][0]
           ? prev[prev.length - 1][prev[prev.length - 1].length - 1]
           : null
@@ -389,15 +393,15 @@ export const createBaseLegend: BasePluginFn<BaseLegendContext> = (pluginName: st
           prev[lineIndex] = []
         }
 
-        const listStyle = data.fullParams.seriesList[itemIndex] ? data.fullParams.seriesList[itemIndex] : data.defaultListStyle
+        const listStyle = data.fullParams.labelList[itemIndex] ? data.fullParams.labelList[itemIndex] : data.defaultListStyle
 
         prev[lineIndex].push({
-          id: current,
-          seriesLabel: current,
+          id: currentText,
+          seriesLabel: currentText,
           seriesIndex: currentIndex,
           lineIndex,
           itemIndex,
-          text: current,
+          text: currentText,
           itemWidth,
           translateX,
           translateY,

package/src/base/BaseLineAreas.ts

@@ -16,7 +16,7 @@ import type {
   ComputedLayoutDataGrid,
   DataFormatterGrid,
   EventGrid,
-  GridContainerPosition,
+  ContainerPositionScaled,
   ChartParams, 
   Layout,
   TransformData
@@ -52,8 +52,8 @@ interface BaseLineAreasContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
-  allContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
+  allContainerPosition$: Observable<ContainerPositionScaled[]>
   layout$: Observable<Layout>
   event$: Subject<EventGrid>
 }

package/src/base/BaseLines.ts

@@ -16,7 +16,7 @@ import type {
   ComputedLayoutDataGrid,
   DataFormatterGrid,
   EventGrid,
-  GridContainerPosition,
+  ContainerPositionScaled,
   ChartParams, 
   Layout,
   TransformData
@@ -58,8 +58,8 @@ interface BaseLinesContext {
     height: number;
   }>
   gridHighlight$: Observable<ComputedDatumGrid[]>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
-  allContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
+  allContainerPosition$: Observable<ContainerPositionScaled[]>
   layout$: Observable<Layout>
   event$: Subject<EventGrid>
 }

package/src/base/BaseValueAxis.ts

@@ -8,14 +8,14 @@ import {
   takeUntil,
   Observable,
   Subject } from 'rxjs'
-import { createAxisLinearScale } from '../../lib/core'
+import { createValueToAxisScale } from '../../lib/core'
 import type { BasePluginFn } from './types'
 import type {
   ComputedDataGrid,
   DataFormatterGrid,
   ChartParams,
   ComputedDatumGrid,
-  GridContainerPosition,
+  ContainerPositionScaled,
   TransformData,
   EventGrid,
   ColorType
@@ -43,6 +43,7 @@ import { getColor, getMinAndMaxValue, getClassName, getUniID } from '../utils/or
 interface BaseLinesContext {
   selection: d3.Selection<any, unknown, any, unknown>
   computedData$: Observable<ComputedDataGrid>
+  filteredMinMaxValue$: Observable<[number, number]>
   fullParams$: Observable<BaseValueAxisParams>
   fullDataFormatter$: Observable<DataFormatterGrid>
   fullChartParams$: Observable<ChartParams>
@@ -52,7 +53,7 @@ interface BaseLinesContext {
     width: number;
     height: number;
   }>
-  gridContainerPosition$: Observable<GridContainerPosition[]>
+  gridContainerPosition$: Observable<ContainerPositionScaled[]>
   isSeriesSeprate$: Observable<boolean>
 }
 
@@ -149,7 +150,7 @@ function renderAxisLabel ({ selection, textClassName, fullParams, axisLabelAlign
 
 }
 
-function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gridAxesSize, fullDataFormatter, fullChartParams, valueScale, textReverseTransformWithRotate, minAndMax }: {
+function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gridAxesSize, fullDataFormatter, fullChartParams, valueScale, textReverseTransformWithRotate, filteredMinMaxValue }: {
   selection: d3.Selection<SVGGElement, any, any, any>,
   yAxisClassName: string
   fullParams: BaseValueAxisParams
@@ -159,7 +160,7 @@ function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gri
   fullChartParams: ChartParams
   valueScale: d3.ScaleLinear<number, number>
   textReverseTransformWithRotate: string,
-  minAndMax: [number, number]
+  filteredMinMaxValue: [number, number]
 }) {
 
   const yAxisSelection = selection
@@ -168,7 +169,7 @@ function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gri
     .join('g')
     .classed(yAxisClassName, true)
 
-  const valueLength = minAndMax[1] - minAndMax[0]
+  const valueLength = filteredMinMaxValue[1] - filteredMinMaxValue[0]
   
   // const _valueScale = d3.scaleLinear()
   //   .domain([0, 150])
@@ -196,7 +197,7 @@ function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gri
     .scale(valueScale)
     .ticks(valueLength > fullParams.ticks
       ? fullParams.ticks
-      : ((minAndMax[0] === 0 && minAndMax[1] === 0)
+      : ((filteredMinMaxValue[0] === 0 && filteredMinMaxValue[1] === 0)
         ? 1
         : Math.ceil(valueLength))) // 刻度分段數量
     .tickFormat(d => parseTickFormatValue(d, fullParams.tickFormat))
@@ -231,6 +232,7 @@ function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gri
     .attr('dominant-baseline', tickTextAlign.dominantBaseline)
     // .attr('dy', 0)
     .attr('y', textY)
+    .attr('dy', 0)
   yText.style('transform', textReverseTransformWithRotate)
   
   // 抵消掉預設的偏移
@@ -246,6 +248,7 @@ function renderAxis ({ selection, yAxisClassName, fullParams, tickTextAlign, gri
 export const createBaseValueAxis: BasePluginFn<BaseLinesContext> = (pluginName: string, {
   selection,
   computedData$,
+  filteredMinMaxValue$,
   fullParams$,
   fullDataFormatter$,
   fullChartParams$,
@@ -410,52 +413,52 @@ export const createBaseValueAxis: BasePluginFn<BaseLinesContext> = (pluginName:
     })
   )
 
-  const minAndMax$: Observable<[number, number]> = new Observable(subscriber => {
-    combineLatest({
-      fullDataFormatter: fullDataFormatter$,
-      gridAxesSize: gridAxesSize$,
-      computedData: computedData$
-    }).pipe(
-      takeUntil(destroy$),
-      switchMap(async (d) => d),
-    ).subscribe(data => {
-      const groupMin = 0
-      const groupMax = data.computedData[0] ? data.computedData[0].length - 1 : 0
-      // const groupScaleDomainMin = data.fullDataFormatter.grid.groupAxis.scaleDomain[0] === 'auto'
-      //   ? groupMin - data.fullDataFormatter.grid.groupAxis.scalePadding
-      //   : data.fullDataFormatter.grid.groupAxis.scaleDomain[0] as number - data.fullDataFormatter.grid.groupAxis.scalePadding
-      const groupScaleDomainMin = data.fullDataFormatter.grid.groupAxis.scaleDomain[0] - data.fullDataFormatter.grid.groupAxis.scalePadding
-      const groupScaleDomainMax = data.fullDataFormatter.grid.groupAxis.scaleDomain[1] === 'max'
-        ? groupMax + data.fullDataFormatter.grid.groupAxis.scalePadding
-        : data.fullDataFormatter.grid.groupAxis.scaleDomain[1] as number + data.fullDataFormatter.grid.groupAxis.scalePadding
+  // const minAndMax$: Observable<[number, number]> = new Observable(subscriber => {
+  //   combineLatest({
+  //     fullDataFormatter: fullDataFormatter$,
+  //     computedData: computedData$
+  //   }).pipe(
+  //     takeUntil(destroy$),
+  //     switchMap(async (d) => d),
+  //   ).subscribe(data => {
+  //     const groupMin = 0
+  //     const groupMax = data.computedData[0] ? data.computedData[0].length - 1 : 0
+  //     // const groupScaleDomainMin = data.fullDataFormatter.grid.groupAxis.scaleDomain[0] === 'auto'
+  //     //   ? groupMin - data.fullDataFormatter.grid.groupAxis.scalePadding
+  //     //   : data.fullDataFormatter.grid.groupAxis.scaleDomain[0] as number - data.fullDataFormatter.grid.groupAxis.scalePadding
+  //     const groupScaleDomainMin = data.fullDataFormatter.grid.groupAxis.scaleDomain[0] - data.fullDataFormatter.grid.groupAxis.scalePadding
+  //     const groupScaleDomainMax = data.fullDataFormatter.grid.groupAxis.scaleDomain[1] === 'max'
+  //       ? groupMax + data.fullDataFormatter.grid.groupAxis.scalePadding
+  //       : data.fullDataFormatter.grid.groupAxis.scaleDomain[1] as number + data.fullDataFormatter.grid.groupAxis.scalePadding
         
-      const filteredData = data.computedData.map((d, i) => {
-        return d.filter((_d, _i) => {
-          return _i >= groupScaleDomainMin && _i <= groupScaleDomainMax
-        })
-      })
+  //     const filteredData = data.computedData.map((d, i) => {
+  //       return d.filter((_d, _i) => {
+  //         return _i >= groupScaleDomainMin && _i <= groupScaleDomainMax
+  //       })
+  //     })
     
-      const filteredMinAndMax = getMinAndMaxValue(filteredData.flat())
-      if (filteredMinAndMax[0] === filteredMinAndMax[1]) {
-        filteredMinAndMax[0] = filteredMinAndMax[1] - 1 // 避免最大及最小值相同造成無法計算scale
-      }
-      subscriber.next(filteredMinAndMax)
-    })
-  })
+  //     const filteredMinAndMax = getMinAndMaxValue(filteredData.flat())
+  //     if (filteredMinAndMax[0] === filteredMinAndMax[1]) {
+  //       filteredMinAndMax[0] = filteredMinAndMax[1] - 1 // 避免最大及最小值相同造成無法計算scale
+  //     }
+  //     subscriber.next(filteredMinAndMax)
+  //   })
+  // })
 
   const valueScale$: Observable<d3.ScaleLinear<number, number>> = new Observable(subscriber => {
     combineLatest({
       fullDataFormatter: fullDataFormatter$,
       gridAxesSize: gridAxesSize$,
-      minAndMax: minAndMax$
+      // minAndMax: minAndMax$
+      filteredMinMaxValue: filteredMinMaxValue$
     }).pipe(
       takeUntil(destroy$),
       switchMap(async (d) => d),
     ).subscribe(data => {
     
-      const valueScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
-        maxValue: data.minAndMax[1],
-        minValue: data.minAndMax[0],
+      const valueScale: d3.ScaleLinear<number, number> = createValueToAxisScale({
+        maxValue: data.filteredMinMaxValue[1],
+        minValue: data.filteredMinMaxValue[0],
         axisWidth: data.gridAxesSize.height,
         scaleDomain: data.fullDataFormatter.grid.valueAxis.scaleDomain,
         scaleRange: data.fullDataFormatter.grid.valueAxis.scaleRange
@@ -543,7 +546,7 @@ export const createBaseValueAxis: BasePluginFn<BaseLinesContext> = (pluginName:
     valueScale: valueScale$,
     textReverseTransform: textReverseTransform$,
     textReverseTransformWithRotate: textReverseTransformWithRotate$,
-    minAndMax: minAndMax$
+    filteredMinMaxValue: filteredMinMaxValue$
   }).pipe(
     takeUntil(destroy$),
     switchMap(async (d) => d),
@@ -559,7 +562,7 @@ export const createBaseValueAxis: BasePluginFn<BaseLinesContext> = (pluginName:
       fullChartParams: data.fullChartParams,
       valueScale: data.valueScale,
       textReverseTransformWithRotate: data.textReverseTransformWithRotate,
-      minAndMax: data.minAndMax
+      filteredMinMaxValue: data.filteredMinMaxValue
     })
 
     renderAxisLabel({

package/src/grid/defaults.ts

@@ -13,7 +13,7 @@ import type {
   GridZoomParams,
   GridLegendParams
 } from '../../lib/plugins-basic-types'
-import { measureTextWidth } from '../utils/commonUtils'
+// import { measureTextWidth } from '../utils/commonUtils'
 
 export const DEFAULT_LINES_PARAMS: LinesParams = {
   lineCurve: 'curveLinear',
@@ -34,7 +34,7 @@ export const DEFAULT_DOTS_PARAMS: DotsParams = {
   onlyShowHighlighted: false
 }
 
-export const DEFAULT_GROUP_AREA_PARAMS: GroupAuxParams = {
+export const DEFAULT_GROUP_AUX_PARAMS: GroupAuxParams = {
   showLine: true,
   showLabel: true,
   lineDashArray: '3, 3',
@@ -45,7 +45,7 @@ export const DEFAULT_GROUP_AREA_PARAMS: GroupAuxParams = {
   labelPadding: 20,
   labelRotate: 0
 }
-DEFAULT_GROUP_AREA_PARAMS.labelTextFormat.toString = () => `text => text`
+DEFAULT_GROUP_AUX_PARAMS.labelTextFormat.toString = () => `text => text`
 
 export const DEFAULT_BARS_PARAMS: BarsParams = {
   // barType: 'rect',