首页 前端知识 echart点击数据高亮展示,再次点击当前数据,高亮取消,若再次点击别的数据,则将高亮转移。

echart点击数据高亮展示,再次点击当前数据,高亮取消,若再次点击别的数据,则将高亮转移。

2024-04-21 10:04:01 前端知识 前端哥 559 677 我要收藏

项目场景echart


问题描述 

点击数据高亮展示,再次点击当前数据,高亮取消,若再次点击别的数据,则将高亮转移。

用双x轴方法

xAxis:[

        {

                type: 'category',

                data: xAxis,

        },

        {

                show: false,

                type: 'category',

                data: xAxis,

        }

]

series: [

        {

                name:'阴影最大值',

                 type:'bar',

                barWidth: 100,

                barMinHeight: 200,

                xAxisIndex: 1,

                z: 1,

                emphasis: {

                        disabled: true,

                        focus: 'none'

                },

                itemStyle: {

                        color(params) {

                        }

                        return red

                }

                data: ShadowMax,

          },

        {

                name:'阴影最小值',

                 type:'bar',

                barWidth: 100,

                barMinHeight: 200,

                xAxisIndex: 1,

                z: 1,

                emphasis: {

                        disabled: true,

                        focus: 'none'

                },

                itemStyle: {

                        color(params) {

                        }

                        return red

                }

                data: ShadowMin,

          },

]

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5549.html
标签
评论
发布的文章

CSS(8)空间转换 动画

2024-04-29 12:04:29

CSS介绍(4)--背景属性

2024-04-29 12:04:26

Web学习记录---CSS(1)

2024-04-29 12:04:17

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!