Skip to content
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.

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

[Bug] 透视图表底部图表为散点图时,轴标签被遮盖 #2071

Closed
zzsssssss opened this issue Jul 10, 2024 · 0 comments · Fixed by #2079
Closed

[Bug] 透视图表底部图表为散点图时,轴标签被遮盖 #2071

zzsssssss opened this issue Jul 10, 2024 · 0 comments · Fixed by #2079
Assignees
Labels
bug Something isn't working

Comments

@zzsssssss
Copy link

Version

1.5.0

Link to Minimal Reproduction

https://applink.feishu.cn/client/message/link/open?token=AmU%2FQqHXB0ADZo5Wpz5AgAE%3D

Steps to Reproduce

1 将配置复制到官网,即可查看.
const option = { indicatorsAsCol: false, records: [ { col_48: "公司", col_49: 11581, }, { col_48: "消费者", col_49: 19173, }, { col_48: "小型企业", col_49: 6780, }, { col_65: 681967.69, col_48: "公司", }, { col_65: 1053092.69, col_48: "消费者", }, { col_65: 412478.55, col_48: "小型企业", }, ], columns: [], rows: [], indicators: [ { indicatorKey: "col_49", title: "数量", width: 50, cellType: "chart", chartModule: "vchart", disableHeaderHover: true, chartSpec: { type: "common", series: [ { id: "col_49", type: "bar", data: { id: "col_49", }, bar: { state: { selected_reverse: { fill: "#ddd", fillOpacity: 0.2, }, }, style: { cursor: "pointer", }, }, barMinWidth: 1, barMaxWidth: 30, barMinHeight: 1, xField: "col_48", yField: "col_49", }, ], axes: [ { orient: "left", min: 0, seriesId: ["col_49"], }, { orient: "right", visible: false, label: { visible: false, }, seriesId: ["col_49"], }, ], color: { type: "ordinal", range: ["#1763FF"], }, }, }, { indicatorKey: "col_65", title: "利润", width: 50, cellType: "chart", chartModule: "vchart", disableHeaderHover: true, chartSpec: { type: "common", series: [ { id: "col_65", type: "scatter", data: { id: "col_65", }, bar: { state: { selected_reverse: { fill: "#ddd", fillOpacity: 0.2, }, }, style: { cursor: "pointer", }, }, barMinWidth: 1, barMaxWidth: 30, barMinHeight: 1, xField: "col_48", yField: "col_65", line: { state: { selected_reverse: { fill: "#ddd", fillOpacity: 0.2, }, }, style: { lineWidth: 3, }, }, point: { state: { selected_reverse: { fill: "#ddd", fillOpacity: 0.2, }, }, style: { size: 8, cursor: "pointer", }, }, area: { state: { selected_reverse: { fill: "#ddd", fillOpacity: 0.2, }, }, style: { cursor: "pointer", }, }, shape: "M512 512m-512 0a23 23 0 1 0 1024 0 23 23 0 1 0-1024 0Z", size: 10, }, ], axes: [ { orient: "left", min: 0, seriesId: ["col_65"], }, { orient: "right", visible: false, label: { visible: false, }, seriesId: ["col_65"], }, ], scales: [ { id: "col_65", type: "ordinal", range: ["#1763FF"], }, ], }, style: { padding: 1, }, }, ], corner: { titleOnDimension: "row", disableHeaderHover: true, }, widthMode: "autoWidth", heightMode: "autoHeight", defaultRowHeight: 200, defaultHeaderRowHeight: 50, defaultColWidth: 280, defaultHeaderColWidth: 120, autoFillWidth: true, autoFillHeight: true, tooltip: { confine: false, }, hover: { disableAxisHover: true, }, };

Current Behavior

轴标签被遮挡

Expected Behavior

不被遮挡,正常显示

Environment

- OS:widows
- Browser:chrome
- Framework:Vue@3

Any additional comments?

No response

@zzsssssss zzsssssss added the bug Something isn't working label Jul 10, 2024
@Rui-Sun Rui-Sun linked a pull request Jul 12, 2024 that will close this issue
21 tasks
Rui-Sun added a commit that referenced this issue Jul 12, 2024
fix: fix axes default config in scatter chart #2071
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants