echarts怎么显示隐藏小圆点但是又显示原点上方的文字

发布于 2022-09-12 23:16:37 字数 1320 浏览 13 评论 0


因为百度大部分查到都是控制seriesData.line的symbol和showSymbol为false,但是这样都会使上面的文字也消失。
通过emphasis可以控制小圆点的样式,但是在鼠标移出拐点的时候还是会有小原点闪现的问题(频率不高,要移到点上才会触发),所以感觉控制原点样式没有根本解决问题。所以想请教一下大佬有没有更好的方法。

又或者是鼠标移出有一个默认事件会触发,该如何解除移出时小圆点闪现的默认事件。

itemStyle: {

                // 改变字体样式
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        formatter: function (val) {
                            // console.log(val);
                            if ([2, 7, 12, 17].includes(val.dataIndex)) {
                                return val.value + '%'
                            } else {
                                return ' '
                            }
                        },
                        color: 'black'
                    },
                },
                // 单独改变小原点样式
                emphasis:{
                    selectorLabel:{
                        showSymbol:false,
                    },
                    color:"transparent",
                    borderColor:"transparent",
                    borderWidth:0,
                    transitionDuration:0,
                }
            },![](/img/bVcRe5b)![](/img/bVcRe5b)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

猫性小仙女 2022-09-19 23:16:37

symbolSize: 0,
emphasis:{
scale: false
},
image.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文