Skip to content

[Bug] datazoom 在 padding=0 时,手柄被裁减 #2574

Open
@xuefei1313

Description

@xuefei1313

Version

1.10.1

Link to Minimal Reproduction

null

Steps to Reproduce

const spec = {
"type": "line",
"padding": {
top: 0,
bottom: 0,
left: 0,
right: 0,
},
"data": {
"values": [
{
"x": 1712505600,
"type": "非认领"
},
{
"x": 1712592000,
"type": "非认领"
},
{
"x": 1712678400,
"type": "非认领"
},
{
"x": 1712764800,
"y": 1,
"type": "非认领"
},
{
"x": 1712851200,
"type": "非认领"
},
{
"x": 1712937600,
"type": "非认领"
},
{
"x": 1713024000,
"type": "非认领"
},
{
"x": 1713110400,
"type": "非认领"
},
{
"x": 1713196800,
"type": "非认领"
},
{
"x": 1713283200,
"y": 1,
"type": "非认领"
},
{
"x": 1713369600,
"type": "非认领"
},
{
"x": 1713456000,
"type": "非认领"
},
{
"x": 1713542400,
"type": "非认领"
},
{
"x": 1713628800,
"type": "非认领"
}
]
},
"series": [
{
"type": "line",
"point": {
"visible": true
},
"style": {
"curveType": "monotone"
},
"xField": "x",
"yField": [
"y",
"type"
],
"seriesField": "type",
"dataIndex": 0
}
],
"tooltip": {
"visible": true,
"dimension": {
"title": {},
"content": {}
},
"mark": {
"title": {},
"content": {}
}
},
"legends": {
"visible": true,
"orient": "top",
"position": "start",
"padding": {
"top": 0,
"bottom": 12,
"left": 0,
"right": 0
},
"item": {
"label": {
"style": {
"fill": "#1C1F23"
}
},
"shape": {
"style": {
"symbolType": "rect"
}
}
}
},
"axes": [
{
"id": "axisBottom",
"orient": "bottom",
"label": {
"style": {
"fontSize": 12,
"fill": "#1C1F2399"
}
},
},
{
"id": "axisLeft",
"orient": "left",
innerOffset: {
top: 10
},
"seriesIndex": [
0
],
"label": {
"style": {
"fontSize": 12,
"dx": 10,
"lineHeight": 16,
"fill": "#1C1F2399"
}
},
"visible": true
},
{
"id": "axisRight",
"orient": "right",
"gird": {
"visible": false
},
"nice": false,
"zero": false,
"sync": {
"axisId": "axisLeft",
"tickAlign": true
},
"seriesIndex": [
1
],
"label": {
"style": {
"fontSize": 12,
"dx": 10,
"lineHeight": 16,
"fill": "#1C1F2399"
}
},
"visible": false
}
],
"dataZoom": [
{
"orient": "bottom",
"filterMode": "axis",
"brushSelect": false,
"startText": {},
"endText": {},
"visible": true
}
]
}
const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();
// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;

Current Behavior

image

Expected Behavior

image

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions