当前位置: 首页 > 工具软件 > AntV - G2 > 使用案例 >

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

蒙弘图
2023-12-01
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,
                }

            })
 类似资料: