人物画像

描述:当前是关于Echarts图表中的 树图 示例。
 
            var children = null;
function calSize(value){
    return 30*value;
}
var children_data = [
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '大梁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '朱亚文',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '开启',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '预售',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: 'demo',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: '喜剧',
        value: 0.503,
    },
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '喜剧',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '大梁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '朱亚文',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '预售',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: 'demo',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: '开启',
        value: 0.503,
    },
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '喜剧',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '大梁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '朱亚文',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '开启',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '预售',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: 'demo',
        value: 0.503,
    },
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '喜剧',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '朱亚文',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '开启',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '预售',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: 'demo',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: '大梁',
        value: 0.503,
    },
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '喜剧',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '大梁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '开启',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '预售',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '预售', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: 'demo',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: '朱亚文',
        value: 0.503,
    },
    {
        children: [
            {
                children: [
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '喜剧',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '大梁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '朱亚文',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '开启',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: 'demo', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: '熊仁',
                value: 1.0,
            },
            {
                children: [
                    { children: [], rowEffect: 7057, name: '喜剧', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '大梁', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '朱亚文', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '开启', value: 1.0 },
                    { children: [], rowEffect: 7057, name: '熊仁', value: 1.0 },
                    { children: [], rowEffect: 3347, name: '电影', value: 0.474 },
                ],
                rowEffect: 7057,
                name: 'demo',
                value: 1.0,
            },
        ],
        rowEffect: 7057,
        name: '预售',
        value: 0.503,
    },
];
// var data = {
//     name: '杨戬',
//     symbolSize: 128,
//     code: 'root',
//     children: children_data,
//     // symbol: "image://" + frame.util.basePath + "static/css/image/dataprofile/profile_user.png"
// };
// if (children == null || children == undefined) {
//     data.children = children;
// } else {
//     data.children = children_data;
// }
var option = {
    tooltip: {
        trigger: 'item',
        formatter: function (
            param //自定义弹出框的内容
        ) {
            if (param.data.code == 'root') {
                return 'dsadadadadasdadhdaghuygfua' + param.data.name;
            }
            return (param.data.name =
                '\n覆盖率:' + FloatMul(param.data.value, 100, 0) + '%\n影响行:' + param.data.rowEffect);
        },
        triggerOn: 'mousemove',
    },
    series: [
        {
            type: 'tree',
            layout: 'radial',
            top: '5%',
            left: '5%',
            bottom: '5%',
            right: '5%',
            symbolSize: (rawValue, params) => {
                
                console.log(params.data);
            params.symbolSize = 30*params.data.value;
            return params.symbolSize
        },
            data: [
                {
                    name: '杨戬',
                    label:{
                        position: 'bottom',
                        rotate:0
                    },
                    symbolSize: 128,
                    code: 'root',
                    children: children_data,
                    // symbol: "image://" + frame.util.basePath + "static/css/image/dataprofile/profile_user.png"
                }
            ],
            label: {
                position: 'top',
                verticalAlign: 'middle',
                align: 'right',
                fontSize: 16,
            },
            leaves: {
                label: {
                    position: 'insideBottom',
                    verticalAlign: 'middle',
                    align: 'center',
                    distance:20
                    
                },
            },
            // emphasis: {
            //     focus: 'descendant'
            // },
            expandAndCollapse: true,
            animationDuration: 550,
            animationDurationUpdate: 750,
        },
    ],
};
function FloatMul(arg1, arg2, precision) {
    if (arg1 == null || arg2 == null) {
        return 0.0;
    }
    var m = 0,
        s1 = arg1.toString(),
        s2 = arg2.toString();
    if (s1.indexOf('.') != -1) {
        m += s1.split('.')[1].length;
    }
    if (s2.indexOf('.') != -1) {
        m += s2.split('.')[1].length;
    }
    var result = (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
    if (precision != null) {
        return result.toFixed(precision);
    } else {
        return result;
    }
}