Skip to content

[Bug] wiggling animation in real-time time series charts using dataset-dimension (no 'name' property) #17932

@koallamara

Description

@koallamara

Version

5.1.2

Link to Minimal Reproduction

Demo

Steps to Reproduce

Trying to Dynamic Data + Time Axis Demo with dataset-dimension, but wiggling animation still there

Current Behavior

This situration is same as #12167, but I can't find how to set 'name' property when using dataset-dimension.
Is there any way to setting 'name' property, or other feature to solve wiggling animation with dataset-dimension?

[
    {
    ...
        "name": "", // blank
        "dataIndex": 71,
        "data": {
            "name": "Wed Dec 24 1997 00:00:00 GMT+0900 (한국 표준시)",
            "time": "1997/12/24",
            "value": 496
        },
        "value": {
            "name": "Wed Dec 24 1997 00:00:00 GMT+0900 (한국 표준시)",
            "time": "1997/12/24",
            "value": 496
        },
        "color": "#5470c6",
        "dimensionNames": [
            "time",
            "value"
        ],
        "encode": {
            "x": [
                0
            ],
            "y": [
                1
            ]
        },
        "$vars": [
            "seriesName",
            "name",
            "value"
        ],
        ...
    }
]

Expected Behavior

I really want to stop this wiggling animation. (It look emphasized when time line is really short-like 30 seconds-)

Environment

- OS: window 10
- Browser: chrome
- Framework: vue.js 2.6.14

Any additional comments?

Is possible to give padding for xAxis time label? Sometimes its overlap so much

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enThis issue is in Englishsupport

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions