Closed zzsssssss closed 1 month ago
1.5.0
https://applink.feishu.cn/client/message/link/open?token=AmU%2FQqHXB0ADZo5Wpz5AgAE%3D
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, }, };
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, }, };
轴标签被遮挡
不被遮挡,正常显示
- OS:widows - Browser:chrome - Framework:Vue@3
No response
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
Any additional comments?
No response