8000 Feat/custom mark layout by xile611 · Pull Request #2547 · VisActor/VChart · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Feat/custom mark layout #2547

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Apr 19, 2024
Merged

Feat/custom mark layout #2547

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
4d3a65d
feat: support layout in custom-mark
xile611 Apr 11, 2024
618ed49
feat: add `getLayoutBounds()` in custom-mark context
xile611 Apr 11, 2024
4e7f912
fix: fix bug of layout when layoutType is region-relative-overlap
xuefei1313 Apr 11, 2024
2399e64
fix: optimize `computeBoundsInRect()` of `region-relative-overlap` el…
xile611 Apr 11, 2024
d839636
docs: update demo of react temp
xile611 Apr 11, 2024
3da3895
docs: update options of custom-mark
xile611 Apr 18, 2024
b224f7d
docs: update options of custom-mark
xile611 Apr 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/assets/option/en/common/custom-mark-base.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,5 +22,5 @@ From version **1.9.0** onwards
When the type of custom mark is `component`, it can be used to set the specific component type

{{ use: common-mark(
prefix = ${prefix}
) }}
prefix = ${prefix}
) }}
74 changes: 74 additions & 0 deletions docs/assets/option/en/common/custom-mark.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@ Custom marks are a user-customizable interface for drawing arbitrary content on
- `image` Image
- `group` Group, allows other marks to be placed within the group

注意：布局相关配置自`1.11.0`版本后支持

## customMark.symbol(Object)

Graphical type `symbol`
Expand All @@ -32,6 +34,14 @@ Graphical type `symbol`
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.rule(Object)

Graphical type `rule`
Expand All @@ -50,6 +60,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.text(Object)

Graphical type `text`
Expand All @@ -68,6 +86,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.rect(Object)

Graphical type `rect`
Expand All @@ -86,6 +112,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.path(Object)

Graphical type `path`
Expand All @@ -104,6 +138,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.arc(Object)

Graphical type `arc`
Expand All @@ -123,6 +165,14 @@ Required configuration to specify the graphical type
markType = 'arc'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.polygon(Object)

Graphical type `polygon`
Expand All @@ -141,6 +191,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.image(Object)

Graphical type `image`
Expand All @@ -159,6 +217,14 @@ Required configuration to specify the graphical type
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.group(Object)

Graphical type `group`
Expand All @@ -174,3 +240,11 @@ Required configuration to specify the graphical type
### children(Array)

Group acts as a special mark. It allows for new marks to be configured within the group's children section

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}
74 changes: 74 additions & 0 deletions docs/assets/option/zh/common/custom-mark.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@
- `image` 图片
- `group` 组，可以将其他 mark 放到组下

注意：布局相关配置自`1.11.0`版本后支持

## customMark.symbol(Object)

图形类型 `symbol`
Expand All @@ -32,6 +34,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.rule(Object)

图形类型 `rule`
AE20 Expand All @@ -50,6 +60,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.text(Object)

图形类型 `text`
Expand All @@ -68,6 +86,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.rect(Object)

图形类型 `rect`
Expand All @@ -86,6 +112,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.path(Object)

图形类型 `path`
Expand All @@ -104,6 +138,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.arc(Object)

图形类型 `arc`
Expand All @@ -122,6 +164,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.polygon(Object)

图形类型 `polygon`
Expand All @@ -140,6 +190,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.image(Object)

图形类型 `image`
Expand All @@ -158,6 +216,14 @@
prefix = '###'
) }}

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}

## customMark.group(Object)

图形类型 `group`
Expand All @@ -173,3 +239,11 @@
### children(Array)

group 作为特殊的 mark。允许在 group 的 children 下配置新的 mark

{{ use: common-layout-item(
prefix = '##',
defaultLayoutType = 'none',
defaultLayoutLevel = 70,
defaultLayoutZIndex = 500,
noOrient = true
) }}
Loading
0