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] line chart point&label onebyone animate #1932

Closed
neuqzxy opened this issue Jan 4, 2024 · 0 comments
Closed

[Bug] line chart point&label onebyone animate #1932

neuqzxy opened this issue Jan 4, 2024 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@neuqzxy
Copy link
Contributor

neuqzxy commented Jan 4, 2024

Version

1.8.1

Link to Minimal Reproduction

1.8.1

Steps to Reproduce

const spec = {
"type": "line",
"xField": "年份",
"yField": "增长率",
"point": false,
"seriesField": "国家",
"axes": [
{
"animation": true,
"orient": "bottom",
"type": "band",
"visible": true,
"title": {
"visible": false,
"style": {
"fill": "#FFFFFF"
}
},
"label": {
"style": {
"fill": "#888C93",
"fontFamily": "PingFangSC-Regular",
"fontSize": 12,
"fontWeight": "bolder"
}
},
"domainLine": {
"visible": true,
"style": {
"stroke": "#404349",
"lineWidth": 1
}
},
"tick": {
"visible": false
},
"grid": {
"visible": true,
"style": {
"lineDash": [
3,
3
],
"stroke": "#404349",
"lineWidth": 0
}
}
},
{
"animation": true,
"id": "axis-left",
"orient": "left",
"type": "linear",
"tick": {
"visible": false
},
"title": {
"visible": false,
"style": {
"fill": "#FFFFFF"
}
},
"label": {
"style": {
"fill": "#888C93",
"fontFamily": "PingFangSC-Regular",
"fontSize": 12,
"fontWeight": "bolder"
}
},
"domainLine": {
"visible": true,
"style": {
"stroke": "#404349",
"lineWidth": 1
}
},
"grid": {
"visible": true,
"style": {
"lineDash": [
3,
3
],
"stroke": "#404349",
"lineWidth": 1
}
},
"visible": true
}
],
"label": {
"visible": true
},
"data": {
"id": "id0",
"values": [
{
"年份": "1964",
"增长率": "1.61",
"国家": "中国"
},
{
"年份": "1982",
"增长率": "2.09",
"国家": "中国"
},
{
"年份": "1990",
"增长率": "1.48",
"国家": "中国"
},
{
"年份": "2000",
"增长率": "1.07",
"国家": "中国"
},
{
"年份": "2010",
"增长率": "0.57",
"国家": "中国"
},
{
"年份": "2020",
"增长率": "0.53",
"国家": "中国"
},
{
"年份": "1964",
"增长率": "0.73",
"国家": "日本"
},
{
"年份": "1982",
"增长率": "0.36",
"国家": "日本"
},
{
"年份": "1990",
"增长率": "0.12",
"国家": "日本"
},
{
"年份": "2000",
"增长率": "-0.53",
"国家": "日本"
},
{
"年份": "2010",
"增长率": "-0.83",
"国家": "日本"
},
{
"年份": "2020",
"增长率": "-1.67",
"国家": "日本"
}
]
},
"background": "transparent",
"animationAppear": {
"line": {
"duration": 3000
},
"point": {
"preset": "grow",
"duration": 500,
"oneByOne": true
}
},
};

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

animate error

Expected Behavior

animate work as expect

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@neuqzxy neuqzxy added the bug Something isn't working label Jan 4, 2024
@xile611 xile611 closed this as completed Mar 15, 2024
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

No branches or pull requests

3 participants