Echarts——sunburt 旭日图

本文介绍了Echarts 4.0版本中新增的旭日图(Sunburst)功能,它能有效地将复杂的非结构化数据转化为直观的结构化展示,帮助用户更好地理解和解析数据。
摘要由CSDN通过智能技术生成

将非结构化数据转换为结构化数据:

sunburst是echartsv4.0新增的功能。

<div id="demo" style="width: 100%;height: 800px;"></div>
var myChart = echarts.init(document.getElementById('demo'));
    var data = [{
        name: 'BasicDataMaintenance',
        //value:1,
        itemStyle: {
            color: '#da0d68'
        },
        children:[{
            name: 'GetSchoolInfo',
           // value:1,
            itemStyle: {
                color: '#975e6d'
            },
            children:[{
                name: 'GetEduBureauInfoOrSchoolInfo',
                value:6,
                itemStyle: {
                    color: '#e0719c'
                },
            }]
        }]
    },{
        name: 'BasicDataMaintenanceTeacherDAL',
        //value:1,
        itemStyle: {
            color: '#7ac141'
        },
        children:[{
            name: 'SaveTeacherInfo',
            value:8,
            itemStyle: {
                color: '#a7c160'
            }
        }]
    },{
        name: 'BasicShowInfo',
        itemStyle: {
            color: '#ebb40f'
        },
        children:[{
            name: 'SchoolHouseShowInfo',
            itemStyle: {
                color: '#ebdc7c'
            },
            children:[{
                name: 'GetAffiliatedCampusInfo',
                value:15,
                itemStyle: {
                    color: '#e1eb21'
                },
                children:[{
                    name: 'GetShoolHouseInfoList',
                    value:1,
                    itemStyle: {
                        color: '#c3eb75'
                    }
                }]
            },{
                name: 'GetSchoolExpandInfoList',
                value:1,
                itemStyle: {
                    color: '#c9eb18'
                }
            },{
                name: 'GetShoolHouseInfoList',
                value:3,
                itemStyle: {
                    color: '#b5eb7d'
                },
                children:[{
                    name: 'GetAffiliatedCampusInfo',
                    value:1,
                    itemStyle: {
                        color: '#ebeb6a'
                    }
                }]
            }]
        }]
    },{
        name: 'TaskProgress',
        itemStyle: {
            color: '#0aa3b5'
        },
        children:[{
            name: 'getTaskProgressList',
            value:11,
            itemStyle: {
                color: '#8db5a5'
            },
            children:[{
                name: 'InsertTaskProgress',
                value:4,
                itemStyle: {
                    color: '#4596b5'
                },
                children:[{
                    name: 'getTaskProgressList',
                    value:1,
                    itemStyle: {
                        color: '#95b59f'
                    },
                    children:[{
                        name: 'updateSchoolOrOrgTaskProgress',
                        value:1,
                        itemStyle: {
                            color: '#118bb5'
                        },
                        children:[{
                            name: 'InsertTaskProgress',
                            value:1,
                            itemStyle: {
                                color: '#45b589'
                            },
                            children:[{
                                name: 'getTaskProgressList',
                                value:1,
                                i
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值