Treemap setOption Twice Bug
Uncaught TypeError: Cannot read property 'depth' 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: 'treemap',
data: [{
name: 'nodeA', // First tree
value: 10,
children: [{
name: 'nodeAa', // First leaf of first tree
value: 4
}, {
name: 'nodeAb', // Second leaf of first tree
value: 6
}]
}, {
name: 'nodeB', // Second tree
value: 20,
children: [{
name: 'nodeBa', // Son of first tree
value: 20,
children: [{
name: 'nodeBa1', // Granson of first tree
value: 20
}]
}]
}]
}]
});
setTimeout(function(){
console.log('replot');
chart.setOption({
series: [{
type: 'treemap',
data: [{
name: 'nodeA', // First tree
value: 10,
children: [{
name: 'nodeAa', // First leaf of first tree
value: 4
}, {
name: 'nodeAb', // Second leaf of first tree
value: 6
}]
}]
}]
}, true);
}, 3000);