人物画像

描述:当前是关于Echarts图表中的 树图 示例。
 
            var children = null;
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 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: 16,
            data: [data],
            label: {
                position: 'top',
                verticalAlign: 'middle',
                align: 'right',
                fontSize: 16,
            },
            leaves: {
                label: {
                    position: 'right',
                    verticalAlign: 'middle',
                    align: 'left',
                },
            },
            // 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;
	}
};