VisActor / VTable

VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.
https://visactor.io/vtable
MIT License
1.57k stars 129 forks source link

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

Closed zzsssssss closed 1 month ago

zzsssssss commented 1 month ago

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