美文网首页univue系列
echarts tooltip自定义修改保持小圆点

echarts tooltip自定义修改保持小圆点

作者: litielongxx | 来源:发表于2024-04-14 15:07 被阅读0次

tooltip 是鼠标或自动切换时移动上去显示的弹窗,有时需要自定义带单位或自动播放。
marker就是echarts自带的小圆点样式

  formatter(params) {
                       return `${params[0].name}<br>
                       ${params[0].marker}预定
                       : ${params[1].data} 人<br>
                       ${params[1].marker}未预定:${params[1].data} 人`
                    }

dispatchAction 是切换的关键

map2Timer_1:null

var xx = echarts.init(document.getElementById("echart"));
...
var map2index = this.data.length-1; //播放所在下标
                if (!this.map2Timer_1) {
                    this.map2Timer_1 = setInterval(function () {
                        xx.dispatchAction({
                            type: "showTip",
                            seriesIndex: 0,
                            dataIndex: map2index,
                        });
                        map2index--;
                        if (map2index < 0) {
                            map2index = this.venueData?.length-1;
                        }
                    }, 1500);
                }
                pie1.setOption(pieOption1);

相关文章

网友评论

    本文标题:echarts tooltip自定义修改保持小圆点

    本文链接:https://www.haomeiwen.com/subject/pxdrxjtx.html