Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

A loop occurs in the line chart.

See original GitHub issue

Version

5.1.2

Steps to reproduce

import * as echarts from 'echarts';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom, 'dark');
var option;

option ={
    "color": [
        "#4AC7B7",
        "#3398DB",
        "#E54545",
        "#86A6FC",
        "#85CAFF",
        "#6CE6DB",
        "#91E6B1",
        "#B7E697",
        "#F7E481",
        "#FFD578",
        "#FCA479",
        "#F7797B",
        "#F582AB",
        "#B891FA",
        "#B8BECC"
    ],
    "tooltip": {
        "trigger": "axis",
        "confine": "true",
        "axisPointer": {
            "type": "shadow"
        }
    },
    "grid": {
        "left": "1%",
        "right": "12%",
        "bottom": "1%",
        "top": "10%",
        "containLabel": true
    },
    "xAxis": {
        "type": "time",
        "splitLine": {
            "show": false
        },
        "axisLine": {
            "lineStyle": {
                "color": "white"
            }
        },
        "splitNumber": 3,
        "axisLabel": {}
    },
    "yAxis": [
        {
            "type": "value",
            "minInterval": 1,
            "min": 0,
            "max": 100,
            "axisLabel": {
                "color": "white"
            },
            "axisLine": {
                "lineStyle": {
                    "color": "white"
                }
            },
            "splitLine": {
                "show": false
            }
        }
    ],
    "series": [
        {
            "name": "6",
            "type": "line",
            "smooth": true,
            "barMaxWidth": 20,
            "showSymbol": false,
            "smoothMonotone": "x",
            "data": [
                [
                    1625688000000,
                    74
                ],
                [
                    1625707800000,
                    83
                ],
                [
                    1625709600000,
                    80
                ],
                [
                    1625711400000,
                    87
                ],
                [
                    1625713200000,
                    88
                ],
            ]
        }
    ]
};

option && myChart.setOption(option);

What is expected?

No loopback occurs in the line chart.

What is actually happening?

A loop occurs in the line chart.

Issue Analytics

State:
Created 2 years ago
Comments:11 (3 by maintainers)

Top GitHub Comments

1reaction

ptuloucommented, Nov 23, 2021

@pissang thank you! I see my mistake now. When I scanned the release notes I saw this fix and jumped to the conclusion that it was the same fix. [Fix] [line] fix smoothed line with duplicate points failed to draw #15942 (pissang). Oops! I’ll check out the next release. Thanks for clarifying!

0reactions

pissangcommented, Nov 23, 2021

It’s fixed in https://github.com/apache/echarts/pull/16069 and will be included in the next release