antV-G2自定义lable和自定义toolTip的内容

最新推荐文章于 2024-08-19 17:47:26 发布

BrocYu

最新推荐文章于 2024-08-19 17:47:26 发布

阅读量4.6k

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/brocyu/article/details/105784106

版权

view1.point().position('name*ratio').color('#33BBFF').style({
                stroke: '#33BBFF',
                fill: '#33BBFF'
            }).label('name*ratio', function () {
                return {
                    useHtml: true,
                    htmlTemplate: function htmlTemplate(text, item) {
                        var d = item.point;
                        return (
                            `<span class="g2-label" style="color:rgba(255,255,255,.5)";font-size:12px" >` +
                            d.ratio + '%' +
                            "</span > "
                        )
                    },
                    offsetY: 5,//偏移量
                }
            }).tooltip('name*ratio*openTime', function (name, ratio, openTime) {

                return {
                    time: openTime,
                }

            })