Echarts 树状图线条残留问题

秋雨夕照

已于 2024-01-13 00:40:18 修改

阅读量757

点赞数 14

分类专栏： nodejs 文章标签： node.js javascript echarts

于 2024-01-13 00:30:33 首次发布

本文链接：https://blog.csdn.net/qq_19661477/article/details/135564299

版权

nodejs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题描述

echarts版本：5.4.3

当树状图中，图形数量增多，超过默认值 animationThreshold: 2000，或者 animation 属性为 False 时，都会导致动画关闭。这时，如果点击一个节点收缩子树，节点会消失，而线还在。
在这里插入图片描述

解决方法

经查阅，该问题属于 echarts 树状图的bug，且暂未解决，采取如下方式绕开：

将 animation 设为 True (默认值)，animationThreshold 属性设置为大于图形元素数量的值，确保动画一直处于开启状态。

const chartDom = document.getElementById("main-graph");
myChart = echarts.init(chartDom);
myChart.setOption({
    series: [
        {
            id: "main",
            type: "tree",
            data,
            layout: "radial",
            symbol: "emptyCircle",
        },
    ],
    animationThreshold: 200000
});