Echarts模板（五）：树状图

最新推荐文章于 2024-07-30 11:13:28 发布

Jzkuan

最新推荐文章于 2024-07-30 11:13:28 发布

阅读量5.3k

点赞数 1

分类专栏： Echarts

本文链接：https://blog.csdn.net/qq_43407763/article/details/89643504

版权

Echarts 专栏收录该内容

6 篇文章 3 订阅

订阅专栏

本人刚参加完市场调查大赛，在这个过程中为了画图试过很多软件，相比于Tableau的所见即所得，虽然操作简单，但步骤繁琐，最后我选择使用Echarts画图，它不仅操作简单，而且图像美观，只需要一点点代码基础就能实现。接下来，我向大家分享以下我用到的几个图的模板代码，你在使用的时候均可通过以下代码进行修改，由于本人没有学过JS，不对的地方还请大家多多指教

option = {
    textStyle: {
        fontSize: 20,
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true,
                type: ['pie', 'funnel']
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    series: [{
        type: 'treemap',
        label: {
                normal: {
                    show: true,
                    formatter: '{b} :{c}'
                }
        },
        data: 
        [
        {
            name: '一般',            // First tree
            value: 136
        }, 
        {
            name: '比较不了解',            // Second tree
            value: 82
            },
        {
            name: '比较了解',            // Third tree
            value: 58
        },
        {
            name: '非常不了解',            // Fourth tree
            value: 57
            },
        {
            name: '非常了解',            // Third tree
            value: 19
        }]
        }
        ]
};