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] marks will not render in barChart if log axis is used. #634

Closed
da730 opened this issue Aug 23, 2023 · 0 comments · Fixed by #851
Closed

[Bug] marks will not render in barChart if log axis is used. #634

da730 opened this issue Aug 23, 2023 · 0 comments · Fixed by #851
Assignees
Labels
bp bug Something isn't working
Milestone

Comments

@da730
Copy link
Contributor

da730 commented Aug 23, 2023

Version

1.3.0

Link to Minimal Reproduction

null

Steps to Reproduce

const spec ={
"type": "bar",
"xField": [
"230822145933017",
"20001"
],
"yField": [
"10002"
],
"direction": "vertical",
"seriesField": "20001",
"data": [
{
"id": "data",
"values": [
{
"10001": "行 ID",
"10002": "13157091",
"10003": "230822145933086",
"20001": "行 ID",
"230822145933017": "中南",
"230822145933086": "13157091"
},
{
"10001": "利润",
"10002": "670885.3138181865",
"10003": "230822153117042",
"20001": "利润",
"230822145933017": "中南",
"230822153117042": "670885.3138181865"
},
{
"10001": "销售额",
"10002": "4137415.0951108932",
"10003": "230823145616016",
"20001": "销售额",
"230822145933017": "中南",
"230823145616016": "4137415.0951108932"
},
{
"10001": "行 ID",
"10002": "8296805",
"10003": "230822145933086",
"20001": "行 ID",
"230822145933017": "东北1",
"230822145933086": "8296805"
},
{
"10001": "利润",
"10002": "242191.509221375",
"10003": "230822153117042",
"20001": "利润",
"230822145933017": "东北1",
"230822153117042": "242191.509221375"
},
{
"10001": "销售额",
"10002": "2681567.4745378494",
"10003": "230823145616016",
"20001": "销售额",
"230822145933017": "东北1",
"230823145616016": "2681567.4745378494"
},
{
"10001": "行 ID",
"10002": "14550225",
"10003": "230822145933086",
"20001": "行 ID",
"230822145933017": "华东",
"230822145933086": "14550225"
},
{
"10001": "利润",
"10002": "607218.6830426604",
"10003": "230822153117042",
"20001": "利润",
"230822145933017": "华东",
"230822153117042": "607218.6830426604"
},
{
"10001": "销售额",
"10002": "4684506.442247391",
"10003": "230823145616016",
"20001": "销售额",
"230822145933017": "华东",
"230823145616016": "4684506.442247391"
},
{
"10001": "行 ID",
"10002": "6939587",
"10003": "230822145933086",
"20001": "行 ID",
"230822145933017": "华北",
"230822145933086": "6939587"
},
{
"10001": "利润",
"10002": "431053.2174924314",
"10003": "230822153117042",
"20001": "利润",
"230822145933017": "华北",
"230822153117042": "431053.2174924314"
},
{
"10001": "销售额",
"10002": "2447301.0141382217",
"10003": "230823145616016",
"20001": "销售额",
"230822145933017": "华北",
"230823145616016": "2447301.0141382217"
}
],
"fields": {
"10001": {
"alias": "指标名称 "
},
"10002": {
"alias": "指标值 "
},
"20001": {
"alias": "图例项 ",
"domain": [
"行 ID",
"利润",
"销售额"
],
"lockStatisticsByDomain": true
},
"230822145933017": {
"alias": "地区",
"domain": [
"东北1",
"华北",
"华东",
"中南"
],
"lockStatisticsByDomain": true,
"sortIndex": 0
},
"230822145933086": {
"alias": "行 ID"
},
"230822153117042": {
"alias": "利润"
},
"230823145616016": {
"alias": "销售额"
}
}
}
],
"axes": [
{
"type": "band",
"tick": {
"visible": false
},
"grid": {
"visible": false,
"style": {
"stroke": "#DADCDD",
"lineWidth": 1,
"lineDash": [
4,
2
]
}
},
"orient": "bottom",
"visible": true,
"domainLine": {
"visible": true,
"style": {
"lineWidth": 1,
"stroke": "#989999"
}
},
"title": {
"visible": false,
"text": "地区",
"style": {
"fontSize": 12,
"fill": "#363839",
"fontWeight": "normal"
}
},
"sampling": false,
"label": {
"visible": true,
"style": {
"fontSize": 12,
"fill": "#6F6F6F",
"angle": 0,
"fontWeight": "normal"
},
"autoHide": true,
"autoHideMethod": "greedy",
"flush": true
},
"hover": true,
"background": {
"visible": false,
"state": {
"hover": {
"fillOpacity": 0.08,
"fill": "#141414"
}
}
},
"paddingInner": 0.15,
"paddingOuter": 0.075
},
{
"type": "log",
"tick": {
"visible": false,
"style": {
"stroke": "rgba(255, 255, 255, 0)"
}
},
"niceType": "accurateFirst",
"grid": {
"visible": true,
"style": {
"stroke": "#DADCDD",
"lineWidth": 1,
"lineDash": [
4,
2
]
}
},
"orient": "left",
"visible": true,
"domainLine": {
"visible": true,
"style": {
"lineWidth": 1,
"stroke": "rgba(255, 255, 255, 0)"
}
},
"title": {
"visible": false,
"text": "行 ID",
"style": {
"fontSize": 12,
"fill": "#363839",
"fontWeight": "normal"
}
},
"sampling": false,
"label": {
"visible": true,
"style": {
"fontSize": 12,
"fill": "#6F6F6F",
"angle": 0,
"fontWeight": "normal"
},
"autoHide": true,
"autoHideMethod": "greedy"
},
"hover": true,
"background": {
"visible": true,
"state": {
"hover": {
"fillOpacity": 0.08,
"fill": "#141414"
}
}
},
"zero": false,
"nice": true,
"base": 2
}
],
"color": {
"field": "20001",
"type": "ordinal",
"range": [
"#2E62F1",
"#4DC36A",
"#FF8406"
],
"specified": {},
"domain": [
"行 ID",
"利润",
"销售额"
]
},
"legends": [
{
"type": "discrete",
"id": "legend",
"orient": "right",
"position": "start",
"layoutType": "normal",
"visible": true,
"hover": false,
"maxCol": 1,
"title": {
"textStyle": {
"fontSize": 12,
"fill": "#6F6F6F"
}
},
"item": {
"spaceRow": 0,
"spaceCol": 0,
"padding": {
"top": 4,
"bottom": 4,
"left": 4,
"right": 22
},
"background": {
"style": {
"fillOpacity": 0.001
}
},
"label": {
"style": {
"fontSize": 12,
"fill": "#6F6F6F"
}
},
"shape": {
"style": {
"symbolType": "square"
}
}
},
"pager": {
"textStyle": {},
"handler": {
"style": {},
"state": {
"disable": {}
}
}
},
"padding": {
"top": 0,
"bottom": 0,
"left": 16,
"right": 0
}
}
],
"label": {
"visible": false,
"overlap": {
"hideOnHit": true,
"clampForce": true
},
"style": {
"fontSize": 12,
"fontWeight": "normal",
"fill": null,
"strokeOpacity": 1
},
"position": "inside",
"smartInvert": {
"brightColor": "#fff",
"darkColor": "#363839",
"brightStroke": null,
"brightStrokeWidth": 2,
"darkStroke": "rgba(255, 255, 255, 0.8)",
"darkStrokeWidth": 2
}
},
"tooltip": {
"handler": {}
},
"hover": {
"enable": true
},
"select": {
"enable": true
},
"bar": {
"state": {
"hover": {
"cursor": "pointer",
"fillOpacity": 0.8,
"stroke": "#58595B",
"lineWidth": 1,
"zIndex": 500
},
"selected": {
"cursor": "pointer",
"fillOpacity": 1,
"stroke": "#58595B",
"lineWidth": 1
},
"selected_reverse": {
"fillOpacity": 0.3,
"strokeWidth": 0.3
}
},
"clipByLayout": true
},
"background": "rgba(255, 255, 255, 0)",
"animation": false,
"hash": "15b57bb9aaf135b2d7fdefb6e3f85eed"
}

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderAsync();

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;

Current Behavior

image

Expected Behavior

all the marks will render correctly.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@da730 da730 added the bug Something isn't working label Aug 23, 2023
@da730 da730 added the bp label Aug 23, 2023
@da730 da730 added this to the v1.3.0 milestone Aug 23, 2023
@kkxxkk2019 kkxxkk2019 assigned skie1997 and unassigned kkxxkk2019 Aug 25, 2023
@kkxxkk2019 kkxxkk2019 modified the milestones: v1.3.0, v1.3.1, v1.3.2 Aug 31, 2023
skie1997 added a commit that referenced this issue Sep 7, 2023
@skie1997 skie1997 mentioned this issue Sep 7, 2023
20 tasks
skie1997 added a commit that referenced this issue Sep 7, 2023
@skie1997 skie1997 mentioned this issue Sep 7, 2023
20 tasks
kkxxkk2019 pushed a commit that referenced this issue Sep 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bp bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants