Tree Chart Plot Twice Bug

Uncaught TypeError: Cannot read property 'children' of undefined

by YeongCY

HTML

<html>
  <body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.1.0/echarts.min.js"></script>
    <div id="main"></div>
  </body>
</html>

CSS

#main {
  width: 600px;
  height: 400px;
  border: 1px solid red;
}

JavaScript

var container = document.getElementById('main');
var chart = echarts.init(container);
chart.setOption({
  series: [{
        type: 'tree',
        data: [{
            "name": "display",
            "children": [
                {"name": "DirtySprite", "value": 8833},
                {"name": "LineSprite", "value": 1732},
                {"name": "RectSprite", "value": 3623}
            ]
        },]
    }]
});

setTimeout(function(){
  console.log('replot');
  chart.setOption({
  series: [{
        type: 'tree',
        data: [{
            "name": "flex",
            "children": [
                {"name": "FlareVis", "value": 4116}
            ]
        }]
    }]
}, true);
}, 3000);