g2 自定义 tooltip

chart.tooltip({
                    showTitle: false,
                    containerTpl: '<div class="g2-tooltip">' + '<p class="g2-tooltip-title"></p>' + '<ul class="g2-tooltip-list"></ul>' + '</div>',
                    itemTpl: '<li class="g2-tooltip-list-item">'
                            + '<span class="g2-tooltip-marker" style="background-color:red;width:0px;height:0px;border-radius:50%;display:inline-block;margin-right:8px;"></span>'
                            + '{name}'
                            + '<span class="g2-tooltip-value"></span>'
                            + '</li>',
                    'g2-tooltip': {
                        position: 'absolute',
                        visibility: 'hidden',
                        border: '1px solid #017DFF',
                        backgroundColor: 'rgba(5,21,43,0.90)',
                        color: 'white',
                        padding: '0',
                        opacity: '1',
                        boxShadow: '0 0 10px 0 rgba(1,125,255,0.8)',
                        'transition': 'top 200ms,left 200ms'
                    }, // 设置 tooltip 的 css 样式
                    'g2-tooltip-list': {
                        margin: '10px'
                    },
                    'g2-tooltip-marker': {
                        width: '0',
                        height: '0'
                    }
                });

chart_view.edge().position('x*y').shape('arc').color('source',(value) => {
                    index++;
                    return color[index]
                }).opacity(0.1).tooltip('target*source*value', function(target, source, value) {
                    return {
                        name: source.name + ' 流向 ' + target.name + ' : ' + value + '人',
                    };
                });

内容是由itemTpl自定义的，但是仍旧不彻底，因为外框是由containerTpl定义的，并且css在下部设置。

做这个折腾了好久，g2的文档是真的辣鸡！

国内论坛也没有相关资料，最后在github上发现了一个issue，GitHub威武！！！

悄咪咪贴链接（侵删！）：https://github.com/antvis/g2/issues/890