@visactor/vrender-components 0.15.0-alpha.14 → 0.15.0-alpha.16

package/cjs/axis/circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/circle.ts"],"names":[],"mappings":"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","file":"circle.js","sourcesContent":["/**\n * @description 圆弧型坐标轴\n */\nimport type { IGroup, IText, TextAlignType, TextBaselineType } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { createCircle } from '@visactor/vrender';\nimport { isNil, get, merge, isNumberClose, isEmpty, mixin } from '@visactor/vutils';\nimport type { TagAttributes } from '../tag';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport type { CircleAxisAttributes, TitleAttributes, SubTickAttributes, TickLineItem, AxisItem } from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\nimport { CircleAxisMixin } from './mixin/circle';\n\nexport interface CircleAxis\n  extends Pick<CircleAxisMixin, 'isInValidValue' | 'getTickCoord' | 'getVerticalVector' | 'getRelativeVector'>,\n    AxisBase<CircleAxisAttributes> {}\n\nexport class CircleAxis extends AxisBase<CircleAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: CircleAxisAttributes) {\n    super(merge({}, CircleAxis.defaultAttributes, attributes));\n  }\n\n  protected renderLine(container: IGroup): void {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      radius,\n      center,\n      innerRadius = 0,\n      line,\n      inside = false\n    } = this.attribute as CircleAxisAttributes;\n\n    let arcRadius = radius;\n    let arcInnerRadius = innerRadius;\n    if (inside && innerRadius > 0) {\n      arcRadius = innerRadius;\n      arcInnerRadius = 0;\n    }\n\n    const arcAttrs = {\n      ...center,\n      startAngle,\n      endAngle,\n      radius: arcRadius,\n      innerRadius: arcInnerRadius,\n      ...line?.style\n    };\n    const axisLine = createCircle(arcAttrs);\n    axisLine.name = AXIS_ELEMENT_NAME.line;\n    axisLine.id = this._getNodeId('line');\n\n    if (!isEmpty(line?.state)) {\n      axisLine.states = merge({}, DEFAULT_STATES, line.state);\n    }\n    container.add(axisLine);\n  }\n\n  protected getTitleAttribute() {\n    const { center, radius, innerRadius = 0 } = this.attribute as CircleAxisAttributes;\n    const {\n      space = 4,\n      textStyle = {},\n      shape,\n      background,\n      state,\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let titlePoint = center;\n    let labelHeight = 0;\n    if (this.attribute.label?.visible && this.attribute.label?.inside === false) {\n      // 这里取 label 的最大长度\n      labelHeight = get(this.attribute.label, 'style.fontSize', 12) + get(this.attribute.label, 'space', 4);\n    }\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick?.inside === false) {\n      tickLength = this.attribute.tick?.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick?.inside === false) {\n      tickLength = Math.max(tickLength, this.attribute.subTick?.length || 2);\n    }\n    const offset = radius + tickLength + labelHeight + space;\n    let textBaseline: TextBaselineType = 'middle';\n    let { position } = this.attribute.title as TitleAttributes;\n    if (isNil(position)) {\n      position = innerRadius === 0 ? 'end' : 'middle';\n    }\n    if (position === 'start') {\n      textBaseline = 'bottom';\n      titlePoint = {\n        x: center.x,\n        y: center.y - offset\n      };\n    } else if (position === 'end') {\n      textBaseline = 'top';\n      titlePoint = {\n        x: center.x,\n        y: center.y + offset\n      };\n    }\n    const attrs: TagAttributes = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        textBaseline,\n        textAlign: 'center',\n        ...textStyle\n      },\n      state: {\n        text: merge({}, DEFAULT_STATES, state?.text),\n        shape: merge({}, DEFAULT_STATES, state?.shape),\n        panel: merge({}, DEFAULT_STATES, state?.background)\n      }\n    };\n\n    const { angle } = restAttrs; // 用户设置的是角度\n    attrs.angle = angle;\n\n    if (shape && shape.visible) {\n      attrs.shape = {\n        visible: true,\n        ...shape.style\n      };\n      if (shape.space) {\n        attrs.space = shape.space;\n      }\n    }\n\n    if (background && background.visible) {\n      attrs.panel = {\n        visible: true,\n        ...background.style\n      };\n    }\n\n    return attrs;\n  }\n\n  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as CircleAxisAttributes;\n    const subTickLineItems: TickLineItem[] = [];\n    const { count: subCount = 4, inside = false, length = 2 } = subTick as SubTickAttributes;\n    const tickLineItems = this.tickLineItems;\n    const tickLineCount = tickLineItems.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    if (tickLineCount >= 2) {\n      const tickSegment = this.data[1].value - this.data[0].value;\n      const isAlignWithLable = this.attribute?.tick?.alignWithLabel;\n      for (let i = 0; i < tickLineCount; i++) {\n        const pre = tickLineItems[i];\n        const next = tickLineItems[i + 1];\n        for (let j = 0; j < subCount; j++) {\n          const percent = (j + 1) / (subCount + 1);\n          const value =\n            (1 - percent) * pre.value + percent * (next ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment);\n          const point = this.getTickCoord(value);\n          const endPoint = this.getVerticalCoord(point, length, inside);\n          subTickLineItems.push({\n            start: point,\n            end: endPoint,\n            value\n          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  protected getTextBaseline(vector: number[]): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    if (isNumberClose(vector[1], 0)) {\n      base = 'middle';\n    } else if (vector[1] > 0 && vector[1] > Math.abs(vector[0])) {\n      base = 'top';\n    } else if (vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0])) {\n      base = 'bottom';\n    }\n    return base;\n  }\n\n  protected beforeLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n  protected handleLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    // 暂不支持\n    return;\n  }\n  protected afterLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n\n  protected getLabelAlign(\n    vector: [number, number],\n    inside?: boolean,\n    angle?: number\n  ): { textAlign: TextAlignType; textBaseline: TextBaselineType } {\n    return {\n      textAlign: this.getTextAlign(vector),\n      textBaseline: this.getTextBaseline(vector)\n    };\n  }\n}\n\nmixin(CircleAxis, CircleAxisMixin);\n"]}
+{"version":3,"sources":["../src/axis/circle.ts"],"names":[],"mappings":"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","file":"circle.js","sourcesContent":["/**\n * @description 圆弧型坐标轴\n */\nimport type { IGroup, IText, TextAlignType, TextBaselineType } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { createCircle } from '@visactor/vrender';\nimport { isNil, get, merge, polarToCartesian, isNumberClose, isEmpty } from '@visactor/vutils';\nimport type { Point } from '../core/type';\nimport { scale, length } from '../util/matrix';\nimport type { TagAttributes } from '../tag';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport type {\n  CircleAxisGridAttributes,\n  CircleAxisAttributes,\n  TitleAttributes,\n  GridItem,\n  SubTickAttributes,\n  TickLineItem,\n  TransformedAxisItem,\n  AxisItem\n} from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\n\nexport class CircleAxis extends AxisBase<CircleAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: CircleAxisAttributes) {\n    super(merge({}, CircleAxis.defaultAttributes, attributes));\n  }\n\n  protected renderLine(container: IGroup): void {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      radius,\n      center,\n      innerRadius = 0,\n      line,\n      inside = false\n    } = this.attribute as CircleAxisAttributes;\n\n    let arcRadius = radius;\n    let arcInnerRadius = innerRadius;\n    if (inside && innerRadius > 0) {\n      arcRadius = innerRadius;\n      arcInnerRadius = 0;\n    }\n\n    const arcAttrs = {\n      ...center,\n      startAngle,\n      endAngle,\n      radius: arcRadius,\n      innerRadius: arcInnerRadius,\n      ...line?.style\n    };\n    const axisLine = createCircle(arcAttrs);\n    axisLine.name = AXIS_ELEMENT_NAME.line;\n    axisLine.id = this._getNodeId('line');\n\n    if (!isEmpty(line?.state)) {\n      axisLine.states = merge({}, DEFAULT_STATES, line.state);\n    }\n    container.add(axisLine);\n  }\n\n  protected isInValidValue(value: number) {\n    const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE } = this.attribute as CircleAxisAttributes;\n    if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n      return value > 1;\n    }\n\n    return value < 0 || value > 1;\n  }\n\n  protected getTickCoord(tickValue: number): Point {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      radius,\n      inside = false,\n      innerRadius = 0\n    } = this.attribute as CircleAxisAttributes;\n    const angle = startAngle + (endAngle - startAngle) * tickValue;\n    return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, angle);\n  }\n\n  protected getVerticalVector(offset: number, inside = false, point: Point) {\n    const { inside: axisInside = false } = this.attribute;\n    const { center } = this.attribute as CircleAxisAttributes;\n    const vector: [number, number] = [point.x - center.x, point.y - center.y];\n    return scale(vector, ((inside ? -1 : 1) * (axisInside ? -1 : 1) * offset) / length(vector));\n  }\n\n  protected getRelativeVector(point: Point): [number, number] {\n    const { center } = this.attribute as CircleAxisAttributes;\n    return [point.y - center.y, -1 * (point.x - center.x)];\n  }\n\n  protected getTitleAttribute() {\n    const { center, radius, innerRadius = 0 } = this.attribute as CircleAxisAttributes;\n    const {\n      space = 4,\n      textStyle = {},\n      shape,\n      background,\n      state,\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let titlePoint = center;\n    let labelHeight = 0;\n    if (this.attribute.label?.visible && this.attribute.label?.inside === false) {\n      // 这里取 label 的最大长度\n      labelHeight = get(this.attribute.label, 'style.fontSize', 12) + get(this.attribute.label, 'space', 4);\n    }\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick?.inside === false) {\n      tickLength = this.attribute.tick?.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick?.inside === false) {\n      tickLength = Math.max(tickLength, this.attribute.subTick?.length || 2);\n    }\n    const offset = radius + tickLength + labelHeight + space;\n    let textBaseline: TextBaselineType = 'middle';\n    let { position } = this.attribute.title as TitleAttributes;\n    if (isNil(position)) {\n      position = innerRadius === 0 ? 'end' : 'middle';\n    }\n    if (position === 'start') {\n      textBaseline = 'bottom';\n      titlePoint = {\n        x: center.x,\n        y: center.y - offset\n      };\n    } else if (position === 'end') {\n      textBaseline = 'top';\n      titlePoint = {\n        x: center.x,\n        y: center.y + offset\n      };\n    }\n    const attrs: TagAttributes = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        textBaseline,\n        textAlign: 'center',\n        ...textStyle\n      },\n      state: {\n        text: merge({}, DEFAULT_STATES, state?.text),\n        shape: merge({}, DEFAULT_STATES, state?.shape),\n        panel: merge({}, DEFAULT_STATES, state?.background)\n      }\n    };\n\n    const { angle } = restAttrs; // 用户设置的是角度\n    attrs.angle = angle;\n\n    if (shape && shape.visible) {\n      attrs.shape = {\n        visible: true,\n        ...shape.style\n      };\n      if (shape.space) {\n        attrs.space = shape.space;\n      }\n    }\n\n    if (background && background.visible) {\n      attrs.panel = {\n        visible: true,\n        ...background.style\n      };\n    }\n\n    return attrs;\n  }\n\n  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as CircleAxisAttributes;\n    const subTickLineItems: TickLineItem[] = [];\n    const { count: subCount = 4, inside = false, length = 2 } = subTick as SubTickAttributes;\n    const tickLineItems = this.tickLineItems;\n    const tickLineCount = tickLineItems.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    if (tickLineCount >= 2) {\n      const tickSegment = this.data[1].value - this.data[0].value;\n      const isAlignWithLable = this.attribute?.tick?.alignWithLabel;\n      for (let i = 0; i < tickLineCount; i++) {\n        const pre = tickLineItems[i];\n        const next = tickLineItems[i + 1];\n        for (let j = 0; j < subCount; j++) {\n          const percent = (j + 1) / (subCount + 1);\n          const value =\n            (1 - percent) * pre.value + percent * (next ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment);\n          const point = this.getTickCoord(value);\n          const endPoint = this.getVerticalCoord(point, length, inside);\n          subTickLineItems.push({\n            start: point,\n            end: endPoint,\n            value\n          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  protected getGridAttribute(type: string) {\n    let gridAttribute;\n    let items: GridItem[] = [];\n    const {\n      radius,\n      innerRadius = 0,\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      grid\n    } = this.attribute as CircleAxisAttributes;\n    const { alignWithLabel = true } = grid || {};\n\n    const length = radius - innerRadius;\n    let tickSegment = 1;\n    const count = this.data.length;\n    if (count >= 2) {\n      tickSegment = this.data[1].value - this.data[0].value;\n    }\n    if (type === 'grid') {\n      gridAttribute = this.attribute.grid as CircleAxisGridAttributes;\n      // 计算 grid Items\n      const gridItems: GridItem[] = [];\n      let data;\n      if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n        data = [...this.data].concat(this.data[0]);\n      } else {\n        data = this.data;\n      }\n\n      data.forEach(item => {\n        let { point } = item;\n        if (!alignWithLabel) {\n          // tickLine 不同 tick 对齐时需要调整 point\n          const value = item.value - tickSegment / 2;\n          if (this.isInValidValue(value)) {\n            return;\n          }\n          point = this.getTickCoord(value);\n        }\n        const endPoint = this.getVerticalCoord(point, length as number, true);\n        gridItems.push({\n          id: item.id,\n          points: [point, endPoint],\n          datum: item\n        });\n      });\n      items = gridItems;\n    } else {\n      // 渲染 subGrid\n      gridAttribute = merge({}, this.attribute.grid, this.attribute.subGrid);\n      // 计算 grid Items\n      const subGridItems: GridItem[] = [];\n      const { count: subCount = 4 } = this.attribute.subTick || {};\n      const tickLineCount = this.data.length;\n      // 刻度线的数量大于 2 时，才绘制子刻度\n      if (tickLineCount >= 2) {\n        const points: { value: number }[] = [];\n        this.data.forEach((item: TransformedAxisItem) => {\n          let tickValue = item.value;\n          if (!alignWithLabel) {\n            // tickLine 不同 tick 对齐时需要调整 point\n            const value = item.value - tickSegment / 2;\n            if (this.isInValidValue(value)) {\n              return;\n            }\n            tickValue = value;\n          }\n          points.push({\n            value: tickValue\n          });\n        });\n\n        for (let i = 0; i < tickLineCount; i++) {\n          const pre = points[i];\n          const next = points[i + 1];\n          subGridItems.push({\n            id: `sub-${i}-${0}`,\n            points: [this.getTickCoord(pre.value), this.getVerticalCoord(this.getTickCoord(pre.value), length, true)],\n            datum: {}\n          });\n          for (let j = 0; j < subCount; j++) {\n            const percent = (j + 1) / (subCount + 1);\n            const value =\n              (1 - percent) * pre.value + percent * (next ? next.value : alignWithLabel ? 1 : pre.value + tickSegment);\n            const point = this.getTickCoord(value);\n            const endPoint = this.getVerticalCoord(point, length, true);\n            subGridItems.push({\n              id: `sub-${i}-${j + 1}`,\n              points: [point, endPoint],\n              // TODO: 这里也需要，后续考虑如何加上\n              datum: {}\n            });\n          }\n        }\n\n        if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n          subGridItems.push(subGridItems[0]);\n        }\n\n        items = subGridItems;\n      }\n    }\n\n    return {\n      ...gridAttribute,\n      items,\n      center\n    };\n  }\n  protected getTextBaseline(vector: number[]): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    if (isNumberClose(vector[1], 0)) {\n      base = 'middle';\n    } else if (vector[1] > 0 && vector[1] > Math.abs(vector[0])) {\n      base = 'top';\n    } else if (vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0])) {\n      base = 'bottom';\n    }\n    return base;\n  }\n\n  protected beforeLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n  protected handleLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    // 暂不支持\n    return;\n  }\n  protected afterLabelsOverlap(\n    labelShapes: IText[],\n    labelData: AxisItem[],\n    labelContainer: IGroup,\n    layer: number,\n    layerCount: number\n  ): void {\n    return;\n  }\n\n  protected getLabelAlign(\n    vector: [number, number],\n    inside?: boolean,\n    angle?: number\n  ): { textAlign: TextAlignType; textBaseline: TextBaselineType } {\n    return {\n      textAlign: this.getTextAlign(vector),\n      textBaseline: this.getTextBaseline(vector)\n    };\n  }\n}\n"]}

package/cjs/axis/config.d.ts

@@ -51,4 +51,21 @@ export declare const DEFAULT_AXIS_THEME: {
             strokeOpacity: number;
         };
     };
+    grid: {
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+            lineDash: number[];
+        };
+    };
+    subGrid: {
+        visible: boolean;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+            lineDash: number[];
+        };
+    };
 };

package/cjs/axis/config.js

@@ -54,6 +54,23 @@ Object.defineProperty(exports, "__esModule", {
             stroke: "#000",
             strokeOpacity: 1
         }
+    },
+    grid: {
+        style: {
+            lineWidth: 1,
+            stroke: "#999",
+            strokeOpacity: 1,
+            lineDash: [ 4, 4 ]
+        }
+    },
+    subGrid: {
+        visible: !1,
+        style: {
+            lineWidth: 1,
+            stroke: "#999",
+            strokeOpacity: 1,
+            lineDash: [ 4, 4 ]
+        }
     }
 };
 //# sourceMappingURL=config.js.map

package/cjs/axis/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  grid: {\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  },\n  subGrid: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  }\n};\n"]}

package/cjs/axis/grid.d.ts

@@ -0,0 +1,9 @@
+import { AbstractComponent } from '../core/base';
+import { GridAttributes } from './type';
+export declare class Grid extends AbstractComponent<Required<GridAttributes>> {
+    name: string;
+    static defaultAttributes: Partial<GridAttributes>;
+    constructor(attributes: GridAttributes);
+    protected render(): void;
+    protected _getNodeId(id: string): string;
+}

package/cjs/axis/{grid/base.js → grid.js}

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.BaseGrid = void 0;
+}), exports.Grid = void 0;
 
-const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), base_1 = require("../../core/base"), constant_1 = require("../constant");
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), base_1 = require("../core/base");
 
 function getLinePath(points, closed) {
     let path = "";
@@ -40,51 +40,14 @@ function getRegionPath(from, to, attribute) {
     regionPath += nextPath, regionPath += "Z"), regionPath;
 }
 
-class BaseGrid extends base_1.AbstractComponent {
-    constructor() {
-        super(...arguments), this.name = "axis-grid", this.data = [];
-    }
-    getInnerView() {
-        return this._innerView;
-    }
-    getPrevInnerView() {
-        return this._prevInnerView;
+class Grid extends base_1.AbstractComponent {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, Grid.defaultAttributes, attributes)), this.name = "grid";
     }
     render() {
-        this.removeAllChild(), this._prevInnerView = this._innerView, this._innerView = (0, 
-        vrender_1.createGroup)({
-            x: 0,
-            y: 0,
-            pickable: !1
-        }), this.add(this._innerView);
-        const {items: items, visible: visible} = this.attribute;
-        items && items.length && !1 !== visible && (this.data = this._transformItems(items), 
-        this._renderGrid(this._innerView));
-    }
-    getVerticalCoord(point, offset, inside) {
-        const vector = this.getVerticalVector(offset, inside, point);
-        return {
-            x: point.x + vector[0],
-            y: point.y + vector[1]
-        };
-    }
-    _transformItems(items) {
-        const data = [];
-        return items.forEach((item => {
-            var _a;
-            data.push(Object.assign(Object.assign({}, item), {
-                point: this.getTickCoord(item.value),
-                id: null !== (_a = item.id) && void 0 !== _a ? _a : item.label
-            }));
-        })), data;
-    }
-    _renderGrid(container) {
-        const {visible: visible} = this.attribute.subGrid || {};
-        visible && this._renderGridByType(!0, container), this._renderGridByType(!1, container);
-    }
-    _renderGridByType(isSubGrid, container) {
-        const gridAttrs = (0, vutils_1.merge)({}, this.attribute, this.getGridAttribute(isSubGrid)), {type: type, items: items, style: style, closed: closed, alternateColor: alternateColor, depth: depth = 0} = gridAttrs, name = isSubGrid ? `${constant_1.AXIS_ELEMENT_NAME.grid}-sub` : `${constant_1.AXIS_ELEMENT_NAME.grid}`;
-        if (items.forEach(((item, index) => {
+        this.removeAllChild();
+        const {type: type, items: items, style: style, closed: closed, alternateColor: alternateColor, depth: depth = 0} = this.attribute;
+        if (!(0, vutils_1.isEmpty)(items) && (items.forEach(((item, index) => {
             const {id: id, points: points} = item;
             let path = "";
             if ("line" === type || "polygon" === type) path = getLinePath(points, !!closed); else if ("circle" === type) {
@@ -94,8 +57,8 @@ class BaseGrid extends base_1.AbstractComponent {
             const shape = (0, vrender_1.createPath)(Object.assign({
                 path: path,
                 z: depth
-            }, (0, vutils_1.isFunction)(style) ? (0, vutils_1.merge)({}, BaseGrid.defaultAttributes.style, style(item, index)) : style));
-            shape.name = `${name}-line`, shape.id = this._getNodeId(`${name}-path-${id}`), container.add(shape);
+            }, (0, vutils_1.isFunction)(style) ? (0, vutils_1.merge)({}, Grid.defaultAttributes.style, style(item, index)) : style));
+            shape.name = `${this.name}-line`, shape.id = this._getNodeId(`path-${id}`), this.add(shape);
         })), depth && "line" === type && items.forEach(((item, index) => {
             const {id: id, points: points} = item, nextPoints = [];
             nextPoints.push(points[0]);
@@ -111,18 +74,18 @@ class BaseGrid extends base_1.AbstractComponent {
                 alpha: deltaX > deltaY ? (points[1].x - points[0].x > 0 ? -1 : 1) * vutils_1.pi / 2 : 0,
                 beta: deltaX < deltaY ? -vutils_1.pi / 2 : 0,
                 anchor3d: deltaX > deltaY ? [ nextPoints[0].x, 0 ] : [ 0, nextPoints[0].y ]
-            }, (0, vutils_1.isFunction)(style) ? (0, vutils_1.merge)({}, BaseGrid.defaultAttributes.style, style(item, index)) : style));
-            shape.name = `${name}-line`, shape.id = this._getNodeId(`${name}-path-${id}`), container.add(shape);
-        })), items.length > 1 && alternateColor) {
+            }, (0, vutils_1.isFunction)(style) ? (0, vutils_1.merge)({}, Grid.defaultAttributes.style, style(item, index)) : style));
+            shape.name = `${this.name}-line`, shape.id = this._getNodeId(`path-${id}`), this.add(shape);
+        })), items.length > 1 && alternateColor)) {
             const colors = (0, vutils_1.isArray)(alternateColor) ? alternateColor : [ alternateColor, "transparent" ], getColor = index => colors[index % colors.length];
             for (let index = 0; index < items.length - 1; index++) {
-                const [prev, curr] = [ items[index].points, items[index + 1].points ], path = getRegionPath(prev, curr, gridAttrs), shape = (0, 
+                const [prev, curr] = [ items[index].points, items[index + 1].points ], path = getRegionPath(prev, curr, this.attribute), shape = (0, 
                 vrender_1.createPath)({
                     path: path,
                     fill: getColor(index)
                 });
-                shape.name = `${name}-region`, shape.id = this._getNodeId(`${name}-region-${index}`), 
-                container.add(shape);
+                shape.name = `${this.name}-region`, shape.id = this._getNodeId(`region-${index}`), 
+                this.add(shape);
             }
         }
     }
@@ -131,21 +94,11 @@ class BaseGrid extends base_1.AbstractComponent {
     }
 }
 
-exports.BaseGrid = BaseGrid, BaseGrid.defaultAttributes = {
+exports.Grid = Grid, Grid.defaultAttributes = {
     style: {
         lineWidth: 1,
-        stroke: "#999",
-        strokeOpacity: 1,
-        lineDash: [ 4, 4 ]
+        stroke: "#416180"
     },
-    subGrid: {
-        visible: !1,
-        style: {
-            lineWidth: 1,
-            stroke: "#999",
-            strokeOpacity: 1,
-            lineDash: [ 4, 4 ]
-        }
-    }
+    zIndex: 0
 };
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=grid.js.map

package/cjs/axis/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/grid.ts"],"names":[],"mappings":"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","file":"grid.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, isEmpty, merge, PointService, abs, pi } from '@visactor/vutils';\nimport { createPath, Path } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { Point } from '../core/type';\nimport { LineGridAttributes, GridItem, GridAttributes, CircleGridAttributes } from './type';\n\nfunction getLinePath(points: Point[], closed: boolean) {\n  let path = '';\n  if (points.length === 0) {\n    return path;\n  }\n  points.forEach((point, index) => {\n    if (index === 0) {\n      path = `M${point.x},${point.y}`;\n    } else {\n      path += `L${point.x},${point.y}`;\n    }\n  });\n  if (closed) {\n    path += 'Z';\n  }\n\n  return path;\n}\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport class Grid extends AbstractComponent<Required<GridAttributes>> {\n  name = 'grid';\n\n  static defaultAttributes: Partial<GridAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: '#416180'\n    },\n    zIndex: 0\n  };\n\n  constructor(attributes: GridAttributes) {\n    super(merge({}, Grid.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    this.removeAllChild();\n    const {\n      type,\n      items,\n      style,\n      closed,\n      alternateColor,\n      // zIndex = 0,\n      depth = 0\n    } = this.attribute as GridAttributes & { depth?: number };\n\n    if (isEmpty(items)) {\n      return;\n    }\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getLinePath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = createPath({\n        path,\n        z: depth,\n        ...(isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style)\n      }) as Path;\n      shape.name = `${this.name}-line`;\n      shape.id = this._getNodeId(`path-${id}`);\n      this.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getLinePath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = createPath({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style)\n        }) as Path;\n        shape.name = `${this.name}-line`;\n        shape.id = this._getNodeId(`path-${id}`);\n        this.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n\n      // const regions: any[] = [];\n      for (let index = 0; index < items.length - 1; index++) {\n        const [prev, curr] = [items[index].points, items[index + 1].points];\n        const path = getRegionPath(prev, curr, this.attribute as GridAttributes);\n        const shape = createPath({\n          path,\n          fill: getColor(index)\n        }) as Path;\n        shape.name = `${this.name}-region`;\n        shape.id = this._getNodeId(`region-${index}`);\n        this.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n}\n"]}

package/cjs/axis/index.d.ts

@@ -1,3 +1,4 @@
+export * from './grid';
 export * from './line';
 export * from './circle';
 export * from './type';

package/cjs/axis/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./line"), exports), __exportStar(require("./circle"), exports), 
-__exportStar(require("./type"), exports), __exportStar(require("./animate"), exports), 
-__exportStar(require("./constant"), exports);
+}), __exportStar(require("./grid"), exports), __exportStar(require("./line"), exports), 
+__exportStar(require("./circle"), exports), __exportStar(require("./type"), exports), 
+__exportStar(require("./animate"), exports), __exportStar(require("./constant"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,2CAAyB;AAEzB,yCAAuB;AACvB,4CAA0B;AAC1B,6CAA2B","file":"index.js","sourcesContent":["export * from './line';\nexport * from './circle';\n\nexport * from './type';\nexport * from './animate';\nexport * from './constant';\n"]}
+{"version":3,"sources":["../src/axis/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AAEzB,yCAAuB;AACvB,4CAA0B;AAC1B,6CAA2B","file":"index.js","sourcesContent":["export * from './grid';\nexport * from './line';\nexport * from './circle';\n\nexport * from './type';\nexport * from './animate';\nexport * from './constant';\n"]}

package/cjs/axis/line.d.ts

@@ -1,11 +1,9 @@
 import type { TextAlignType } from '@visactor/vrender';
 import { type IGroup, type IText, type TextBaselineType } from '@visactor/vrender';
+import type { Point } from '../core/type';
 import type { TagAttributes } from '../tag';
 import type { LineAxisAttributes, AxisItem } from './type';
 import { AxisBase } from './base';
-import { LineAxisMixin } from './mixin/line';
-export interface LineAxis extends Pick<LineAxisMixin, 'isInValidValue' | 'getTickCoord' | 'getVerticalVector' | 'getRelativeVector'>, AxisBase<LineAxisAttributes> {
-}
 export declare class LineAxis extends AxisBase<LineAxisAttributes> {
     static defaultAttributes: {
         title: {
@@ -60,11 +58,34 @@ export declare class LineAxis extends AxisBase<LineAxisAttributes> {
                 strokeOpacity: number;
             };
         };
+        grid: {
+            style: {
+                lineWidth: number;
+                stroke: string;
+                strokeOpacity: number;
+                lineDash: number[];
+            };
+        };
+        subGrid: {
+            visible: boolean;
+            style: {
+                lineWidth: number;
+                stroke: string;
+                strokeOpacity: number;
+                lineDash: number[];
+            };
+        };
     };
     constructor(attributes: LineAxisAttributes, mode?: '2d' | '3d');
     protected _renderInner(container: IGroup): void;
     protected renderLine(container: IGroup): void;
+    protected isInValidValue(value: number): boolean;
+    protected getTickCoord(tickValue: number): Point;
+    protected getRelativeVector(): [number, number];
+    protected getVerticalVector(offset: number, inside?: boolean): number[];
     protected getTitleAttribute(): TagAttributes;
+    private _getGridPoint;
+    protected getGridAttribute(type: string): any;
     protected getTextBaseline(vector: number[], inside?: boolean): TextBaselineType;
     protected getLabelAlign(vector: [number, number], inside?: boolean, angle?: number): {
         textAlign: TextAlignType;

package/cjs/axis/line.js

@@ -14,7 +14,16 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.LineAxis = void 0;
 
-const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), segment_1 = require("../segment"), matrix_1 = require("../util/matrix"), base_1 = require("./base"), config_1 = require("./config"), constant_1 = require("./constant"), util_1 = require("../util"), auto_hide_1 = require("./overlap/auto-hide"), auto_rotate_1 = require("./overlap/auto-rotate"), auto_limit_1 = require("./overlap/auto-limit"), align_1 = require("../util/align"), line_1 = require("./mixin/line");
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), segment_1 = require("../segment"), matrix_1 = require("../util/matrix"), constant_1 = require("../constant"), base_1 = require("./base"), config_1 = require("./config"), constant_2 = require("./constant"), util_1 = require("../util"), auto_hide_1 = require("./overlap/auto-hide"), auto_rotate_1 = require("./overlap/auto-rotate"), auto_limit_1 = require("./overlap/auto-limit"), align_1 = require("../util/align");
+
+function getCirclePoints(center, count, radius, startAngle, endAngle) {
+    const points = [], range = endAngle - startAngle;
+    for (let i = 0; i < count; i++) {
+        const angle = startAngle + i * range / count;
+        points.push((0, vutils_1.polarToCartesian)(center, radius, angle));
+    }
+    return points;
+}
 
 class LineAxis extends base_1.AxisBase {
     constructor(attributes, mode) {
@@ -32,8 +41,8 @@ class LineAxis extends base_1.AxisBase {
                 width: axisContainerBounds.width(),
                 height: axisContainerBounds.height()
             }, panel.style));
-            bgRect.name = constant_1.AXIS_ELEMENT_NAME.background, bgRect.id = this._getNodeId("background"), 
-            bgRect.states = (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null !== (_a = panel.state) && void 0 !== _a ? _a : {}), 
+            bgRect.name = constant_2.AXIS_ELEMENT_NAME.background, bgRect.id = this._getNodeId("background"), 
+            bgRect.states = (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, null !== (_a = panel.state) && void 0 !== _a ? _a : {}), 
             axisContainer.insertBefore(bgRect, axisContainer.firstChild);
         }
     }
@@ -45,13 +54,32 @@ class LineAxis extends base_1.AxisBase {
             lineStyle: style
         }, restLineAttrs);
         (0, vutils_1.isEmpty)(state) || (lineAttrs.state = {
-            line: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, state),
-            symbol: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, state)
+            line: (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, state),
+            symbol: (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, state)
         });
         const axisLineGroup = new segment_1.Segment(lineAttrs);
-        axisLineGroup.name = constant_1.AXIS_ELEMENT_NAME.line, axisLineGroup.id = this._getNodeId("line"), 
+        axisLineGroup.name = constant_2.AXIS_ELEMENT_NAME.line, axisLineGroup.id = this._getNodeId("line"), 
         container.add(axisLineGroup);
     }
+    isInValidValue(value) {
+        return value < 0 || value > 1;
+    }
+    getTickCoord(tickValue) {
+        const {start: start} = this.attribute, axisVector = this.getRelativeVector();
+        return {
+            x: start.x + axisVector[0] * tickValue,
+            y: start.y + axisVector[1] * tickValue
+        };
+    }
+    getRelativeVector() {
+        const {start: start, end: end} = this.attribute;
+        return [ end.x - start.x, end.y - start.y ];
+    }
+    getVerticalVector(offset, inside = !1) {
+        const {verticalFactor: verticalFactor = 1} = this.attribute, axisVector = this.getRelativeVector(), normalizedAxisVector = (0, 
+        matrix_1.normalize)(axisVector), verticalVector = [ normalizedAxisVector[1], -1 * normalizedAxisVector[0] ];
+        return (0, matrix_1.scale)(verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
+    }
     getTitleAttribute() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         const _j = this.attribute.title, {position: position = "middle", space: space = 4, textStyle: textStyle = {}, autoRotate: autoRotate = !0, shape: shape, background: background, state: state} = _j, restAttrs = __rest(_j, [ "position", "space", "textStyle", "autoRotate", "shape", "background", "state" ]);
@@ -80,10 +108,7 @@ class LineAxis extends base_1.AxisBase {
         let tickLength = 0;
         (null === (_c = this.attribute.tick) || void 0 === _c ? void 0 : _c.visible) && !1 === (null === (_d = this.attribute.tick) || void 0 === _d ? void 0 : _d.inside) && (tickLength = (null === (_e = this.attribute.tick) || void 0 === _e ? void 0 : _e.length) || 4), 
         (null === (_f = this.attribute.subTick) || void 0 === _f ? void 0 : _f.visible) && !1 === (null === (_g = this.attribute.subTick) || void 0 === _g ? void 0 : _g.inside) && (tickLength = Math.max(tickLength, (null === (_h = this.attribute.subTick) || void 0 === _h ? void 0 : _h.length) || 2));
-        const offset = tickLength + labelLength + space, titlePoint = this.getVerticalCoord(point, offset, !1), vector = this.getVerticalVector(offset, !1, {
-            x: 0,
-            y: 0
-        });
+        const offset = tickLength + labelLength + space, titlePoint = this.getVerticalCoord(point, offset, !1), vector = this.getVerticalVector(offset, !1);
         let textAlign, textBaseline, {angle: angle} = restAttrs;
         if (textAlign = "start" === position ? "start" : "end" === position ? "end" : "center", 
         (0, vutils_1.isNil)(angle) && autoRotate) {
@@ -98,9 +123,9 @@ class LineAxis extends base_1.AxisBase {
                 textBaseline: textBaseline
             }, textStyle),
             state: {
-                text: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.text),
-                shape: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.shape),
-                panel: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.background)
+                text: (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, null == state ? void 0 : state.text),
+                shape: (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, null == state ? void 0 : state.shape),
+                panel: (0, vutils_1.merge)({}, constant_2.DEFAULT_STATES, null == state ? void 0 : state.background)
             }
         });
         return attrs.angle = angle, shape && shape.visible && (attrs.shape = Object.assign({
@@ -109,6 +134,83 @@ class LineAxis extends base_1.AxisBase {
             visible: !0
         }, background.style)), attrs;
     }
+    _getGridPoint(gridType, point) {
+        let gridPoints;
+        if ("line" === gridType) {
+            const {length: length} = this.attribute.grid;
+            gridPoints = [ point, this.getVerticalCoord(point, length, !0) ];
+        } else if ("circle" === gridType || "polygon" === gridType) {
+            const {center: center, sides: sides, startAngle: startAngle = constant_1.POLAR_START_ANGLE, endAngle: endAngle = constant_1.POLAR_END_ANGLE} = this.attribute.grid;
+            gridPoints = getCirclePoints(center, sides, vutils_1.PointService.distancePP(center, point), startAngle, endAngle);
+        }
+        return gridPoints;
+    }
+    getGridAttribute(type) {
+        const {type: gridType, alignWithLabel: alignWithLabel = !0} = this.attribute.grid;
+        let tickSegment = 1;
+        let gridAttribute;
+        this.data.length >= 2 && (tickSegment = this.data[1].value - this.data[0].value);
+        let items = [];
+        if ("grid" === type) {
+            gridAttribute = this.attribute.grid;
+            const gridItems = [];
+            this.data.forEach((item => {
+                let {point: point} = item;
+                if (!alignWithLabel) {
+                    const value = item.value - tickSegment / 2;
+                    if (this.isInValidValue(value)) return;
+                    point = this.getTickCoord(value);
+                }
+                gridItems.push({
+                    id: item.label,
+                    datum: item,
+                    points: this._getGridPoint(gridType, point)
+                });
+            })), items = gridItems;
+        } else {
+            gridAttribute = (0, vutils_1.merge)({}, this.attribute.grid, this.attribute.subGrid);
+            const subGridItems = [], {count: subCount = 4} = this.attribute.subTick || {};
+            if (this.data.length >= 2) {
+                const points = [];
+                this.data.forEach((item => {
+                    let tickValue = item.value;
+                    if (!alignWithLabel) {
+                        const value = item.value - tickSegment / 2;
+                        if (this.isInValidValue(value)) return;
+                        tickValue = value;
+                    }
+                    points.push({
+                        value: tickValue
+                    });
+                }));
+                for (let i = 0; i < points.length - 1; i++) {
+                    const pre = points[i], next = points[i + 1];
+                    subGridItems.push({
+                        id: `sub-${i}-0`,
+                        points: this._getGridPoint(gridType, this.getTickCoord(pre.value)),
+                        datum: {}
+                    });
+                    for (let j = 0; j < subCount; j++) {
+                        const percent = (j + 1) / (subCount + 1), value = (1 - percent) * pre.value + percent * next.value, point = this.getTickCoord(value);
+                        subGridItems.push({
+                            id: `sub-${i}-${j + 1}`,
+                            points: this._getGridPoint(gridType, point),
+                            datum: {}
+                        });
+                    }
+                    i === points.length - 2 && subGridItems.push({
+                        id: `sub-${i}-${subCount + 1}`,
+                        points: this._getGridPoint(gridType, this.getTickCoord(next.value)),
+                        datum: {}
+                    });
+                }
+                items = subGridItems;
+            }
+        }
+        return Object.assign(Object.assign({}, gridAttribute), {
+            items: items
+        });
+    }
     getTextBaseline(vector, inside) {
         let base = "middle";
         const {verticalFactor: verticalFactor = 1} = this.attribute, factor = (inside ? 1 : -1) * verticalFactor;
@@ -213,7 +315,7 @@ class LineAxis extends base_1.AxisBase {
                 height: isHorizontal ? axisLabelContainerSize : axisLabelContainerBounds.height(),
                 pickable: !1
             });
-            bgRect.name = constant_1.AXIS_ELEMENT_NAME.axisLabelBackground, bgRect.id = this._getNodeId("axis-label-background"), 
+            bgRect.name = constant_2.AXIS_ELEMENT_NAME.axisLabelBackground, bgRect.id = this._getNodeId("axis-label-background"), 
             labelContainer.insertBefore(bgRect, labelContainer.firstChild);
         }
         if ((0, vutils_1.isValid)(this.attribute.label.containerAlign)) {
@@ -237,6 +339,5 @@ class LineAxis extends base_1.AxisBase {
     }
 }
 
-exports.LineAxis = LineAxis, LineAxis.defaultAttributes = config_1.DEFAULT_AXIS_THEME, 
-(0, vutils_1.mixin)(LineAxis, line_1.LineAxisMixin);
+exports.LineAxis = LineAxis, LineAxis.defaultAttributes = config_1.DEFAULT_AXIS_THEME;
 //# sourceMappingURL=line.js.map