echarts提示框添加背景图片~~

在实际开发中，我们经常被要求给tooltip添加背景图片，像上面的这样，或

这样

想这种的又该怎么实现呢，代码如下：

js代码：

tooltip: {
                                backgroundColor: "transparent",
                                formatter: function (params) {
                                    var htmlStr = '';
                                    htmlStr += '<div class="bgboder" style="padding:0 2px;">';
                                    htmlStr += '<div id="city">' + (params.value / total * 100).toFixed(2) + ' %</div>';
                                    htmlStr += '</div>';
                                    return htmlStr;
                                },
                            },

css代码

.bgboder {
            width: 57px;
            height: 38px;
            line-height: 38px;
            background: url(./lydlImg/tip.png) no-repeat;
            background-size: 100% 100%;
        }

其实就是在js中添加html结构，正常添加class,然后通过css的方式添加背景图片就可以了~~