echarts图例动态置灰

最新推荐文章于 2024-10-25 23:06:32 发布

前端小妹

最新推荐文章于 2024-10-25 23:06:32 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_51545524/article/details/121339817

react 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了如何在日志异常检测页面中通过JavaScript实现图例的动态置灰效果，重点在于针对特定数据的筛选逻辑，以提高异常识别的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决：

//图例动态置灰
    option.legend.selected = (data || []).reduce((prev, cent) => {
        const {name, value} = cent;
        return Object.assign({}, prev, {
            [name]: !['未见异常数量', 'Normal'].includes(name) && !!value,
        });
    }, {});

页面：（日志异常检测）