echart.js控件画图自定义tooltip

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/DannyIsCoder/article/details/79884976
function makeSelfTooltip(_options){
    _options = $.extend(_options, {
        'tooltip': {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: function (params) {
                var res='<div><p>'+params[0].name+'</p></div>'
                for(var i=0;i<params.length;i++){
                    res+='<p><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+'"></span>'+params[i].seriesName+':'+params[i].data['value']+'%</p>';
                }
                return res;
            },
            textStyle: {
                fontSize: 12,
                fontFamily: '宋体'
            }
        }
    }, true);
    return _options;
}

猜你喜欢

转载自blog.csdn.net/DannyIsCoder/article/details/79884976