stories/chart.treemap.stories.js (1,998 lines of code) (raw):
import React, { useState, useEffect } from 'react';
import { storiesOf } from '@storybook/react';
import { Wtreemap, Wcontainer } from '@alicloud/cloud-charts';
import mobile from './data/mobile.json';
const data = {
"name": "root",
"children": [
{
"name": "休假",
"value": 968,
"unit": "工时",
"rate": 0.07339449541284404,
"originName": "休假",
"percent": 7.34
},
{
"name": "其他",
"value": 693,
"unit": "工时",
"rate": 0.05254378648874062,
"originName": "其他",
"percent": 5.25
},
{
"name": "混合云研发...",
"value": 604,
"unit": "工时",
"rate": 0.04579573887330351,
"originName": "混合云研发模式升级战役",
"percent": 4.58
},
{
"name": "专有云V3...",
"value": 555,
"unit": "工时",
"rate": 0.0420805216468269,
"originName": "专有云V3.18.0版本",
"percent": 4.21
},
{
"name": "ASCM",
"value": 431,
"unit": "工时",
"rate": 0.03267874744104936,
"originName": "ASCM",
"percent": 3.27
},
{
"name": "专有云...",
"value": 348,
"unit": "工时",
"rate": 0.02638562438395633,
"originName": "专有云环境专家组",
"percent": 2.64
},
{
"name": "混合云...",
"value": 328,
"unit": "工时",
"rate": 0.024869209189476077,
"originName": "混合云文档开发与管理",
"percent": 2.49
},
{
"name": "统一基座",
"value": 308,
"unit": "工时",
"rate": 0.02335279399499583,
"originName": "统一基座",
"percent": 2.34
},
{
"name": "混合云持续交付...",
"value": 284,
"unit": "工时",
"rate": 0.02153309576161953,
"originName": "混合云持续交付平台",
"percent": 2.15
},
{
"name": "Apsarab...",
"value": 280,
"unit": "工时",
"rate": 0.021229812722723482,
"originName": "Apsarabase云基础服务和API管理平台",
"percent": 2.12
},
{
"name": "专有云同城容灾",
"value": 280,
"unit": "工时",
"rate": 0.021229812722723482,
"originName": "专有云同城容灾",
"percent": 2.12
},
{
"name": "朱雀商务规划提...",
"value": 250,
"unit": "工时",
"rate": 0.01895518993100311,
"originName": "朱雀商务规划提效项目",
"percent": 1.9
},
{
"name": "ASO工时填报",
"value": 240,
"unit": "工时",
"rate": 0.018196982333762983,
"originName": "ASO工时填报",
"percent": 1.82
},
{
"name": "应用运维平台(...",
"value": 230,
"unit": "工时",
"rate": 0.01743877473652286,
"originName": "应用运维平台(AOP)产品建设",
"percent": 1.74
},
{
"name": "专有云规划&交...",
"value": 226,
"unit": "工时",
"rate": 0.01713549169762681,
"originName": "专有云规划&交付能力的业务空间（朱雀体系+架构治理+基线管理）",
"percent": 1.71
},
{
"name": "专有云FY24...",
"value": 225,
"unit": "工时",
"rate": 0.017059670937902796,
"originName": "专有云FY24升级战役",
"percent": 1.71
},
{
"name": "2023020...",
"value": 224,
"unit": "工时",
"rate": 0.016983850178178786,
"originName": "202302010321-东航信创专有云-基础产品-混**",
"percent": 1.7
},
{
"name": "MOP专有云业...",
"value": 222,
"unit": "工时",
"rate": 0.016832208658730762,
"originName": "MOP专有云业务平台",
"percent": 1.68
},
{
"name": "专有云研发测试...",
"value": 218,
"unit": "工时",
"rate": 0.01652892561983471,
"originName": "专有云研发测试云平台/ASDT",
"percent": 1.65
},
{
"name": "混合云硬件交...",
"value": 201,
"unit": "工时",
"rate": 0.015239972704526499,
"originName": "混合云硬件交付及运维",
"percent": 1.52
},
{
"name": "代码平台产品...",
"value": 200,
"unit": "工时",
"rate": 0.015164151944802487,
"originName": "代码平台产品交付空间",
"percent": 1.52
},
{
"name": "云效协作平台",
"value": 192,
"unit": "工时",
"rate": 0.014557585867010387,
"originName": "云效协作平台",
"percent": 1.46
},
{
"name": "网络架构基线...",
"value": 191,
"unit": "工时",
"rate": 0.014481765107286375,
"originName": "网络架构基线和开发",
"percent": 1.45
},
{
"name": "运维现场化战...",
"value": 186,
"unit": "工时",
"rate": 0.014102661308666312,
"originName": "运维现场化战役",
"percent": 1.41
},
{
"name": "专有云-异地...",
"value": 185,
"unit": "工时",
"rate": 0.0140268405489423,
"originName": "专有云-异地容灾",
"percent": 1.4
},
{
"name": "客户支持-电...",
"value": 170,
"unit": "工时",
"rate": 0.012889529153082113,
"originName": "客户支持-电力",
"percent": 1.29
},
{
"name": "专有云V3....",
"value": 162,
"unit": "工时",
"rate": 0.012282963075290015,
"originName": "专有云V3.18.1版本",
"percent": 1.23
},
{
"name": "云效5.0战...",
"value": 162,
"unit": "工时",
"rate": 0.012282963075290015,
"originName": "云效5.0战役",
"percent": 1.23
},
{
"name": "专有云品牌营...",
"value": 158,
"unit": "工时",
"rate": 0.011979680036393965,
"originName": "专有云品牌营销",
"percent": 1.2
},
{
"name": "云效公有云客...",
"value": 146,
"unit": "工时",
"rate": 0.011069830919705816,
"originName": "云效公有云客户成功",
"percent": 1.11
},
{
"name": "敏捷版v3....",
"value": 144,
"unit": "工时",
"rate": 0.01091818940025779,
"originName": "敏捷版v3.7.0",
"percent": 1.09
},
{
"name": "混合云-云接...",
"value": 140,
"unit": "工时",
"rate": 0.010614906361361741,
"originName": "混合云-云接入网关",
"percent": 1.06
},
{
"name": "混合云硬件监...",
"value": 135,
"unit": "工时",
"rate": 0.010235802562741678,
"originName": "混合云硬件监控及数字化运营",
"percent": 1.02
},
{
"name": "FY22—...",
"value": 120,
"unit": "工时",
"rate": 0.009098491166881491,
"originName": "FY22——自运维智能云管专项",
"percent": 0.91
},
{
"name": "公共云监控",
"value": 120,
"unit": "工时",
"rate": 0.009098491166881491,
"originName": "公共云监控",
"percent": 0.91
},
{
"name": "专有云架构...",
"value": 116,
"unit": "工时",
"rate": 0.008795208127985442,
"originName": "专有云架构管理",
"percent": 0.88
},
{
"name": "云监控需求...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "云监控需求&bug汇总",
"percent": 0.83
},
{
"name": "混合云-网...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "混合云-网络服务化",
"percent": 0.83
},
{
"name": "客户支持-...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "客户支持-数字政府",
"percent": 0.83
},
{
"name": "专有云IA...",
"value": 108,
"unit": "工时",
"rate": 0.008188642050193344,
"originName": "专有云IAAS运维控制台项目",
"percent": 0.82
},
{
"name": "FY22—...",
"value": 105,
"unit": "工时",
"rate": 0.007961179771021306,
"originName": "FY22——云管运营体验升级专项",
"percent": 0.8
},
{
"name": "混合云平台...",
"value": 98,
"unit": "工时",
"rate": 0.007430434452953219,
"originName": "混合云平台——云+应用一体化运维战役",
"percent": 0.74
},
{
"name": "云监控阿里...",
"value": 98,
"unit": "工时",
"rate": 0.007430434452953219,
"originName": "云监控阿里版",
"percent": 0.74
},
{
"name": "混合云裸机...",
"value": 96,
"unit": "工时",
"rate": 0.007278792933505193,
"originName": "混合云裸机管理BMS",
"percent": 0.73
},
{
"name": "混合云一体...",
"value": 90,
"unit": "工时",
"rate": 0.0068238683751611195,
"originName": "混合云一体化监控",
"percent": 0.68
},
{
"name": "云效 Ap...",
"value": 80,
"unit": "工时",
"rate": 0.006065660777920995,
"originName": "云效 AppStack",
"percent": 0.61
},
{
"name": "专有云非标...",
"value": 79,
"unit": "工时",
"rate": 0.005989840018196983,
"originName": "专有云非标工时填报",
"percent": 0.6
},
{
"name": "混合云产品...",
"value": 78,
"unit": "工时",
"rate": 0.00591401925847297,
"originName": "混合云产品服务设计管理平台",
"percent": 0.59
},
{
"name": "云治理项目",
"value": 72,
"unit": "工时",
"rate": 0.005459094700128895,
"originName": "云治理项目",
"percent": 0.55
},
{
"name": "客户支持-...",
"value": 70,
"unit": "工时",
"rate": 0.005307453180680871,
"originName": "客户支持-交通",
"percent": 0.53
},
{
"name": "统一基座 ...",
"value": 69,
"unit": "工时",
"rate": 0.005231632420956858,
"originName": "统一基座 for xStack-v1.3",
"percent": 0.52
},
{
"name": "专有云行业...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "专有云行业云管和开放生态",
"percent": 0.5
},
{
"name": "混合云研发...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "混合云研发管理",
"percent": 0.5
},
{
"name": "环境技术研...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "环境技术研发(ECE-百宝袋-基础SDK）",
"percent": 0.5
},
{
"name": "销售提效（...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "销售提效（需求提效&商务提效）",
"percent": 0.45
},
{
"name": "专有云镜像...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "专有云镜像中心",
"percent": 0.45
},
{
"name": "多regi...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "多region架构2.0",
"percent": 0.45
},
{
"name": "OXS区容...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "OXS区容器化能力建设",
"percent": 0.45
},
{
"name": "升云提效",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "升云提效",
"percent": 0.45
},
{
"name": "20221...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "202211037923-新疆银行云平台项目-基础产品-混**",
"percent": 0.45
},
{
"name": "阿里云_专...",
"value": 54,
"unit": "工时",
"rate": 0.004094321025096672,
"originName": "阿里云_专有云_HotX",
"percent": 0.41
},
{
"name": "SW6B全...",
"value": 51,
"unit": "工时",
"rate": 0.003866858745924634,
"originName": "SW6B全适配二期",
"percent": 0.39
},
{
"name": "混合云产品...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "混合云产品服务能力建设",
"percent": 0.36
},
{
"name": "FY23—...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "FY23——统一云管平台体验优化战役",
"percent": 0.36
},
{
"name": "专有云异地...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "专有云异地备份",
"percent": 0.36
},
{
"name": "专有云V3...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "专有云V3.16.0版本",
"percent": 0.36
},
{
"name": "云监控工单...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "云监控工单研发支持",
"percent": 0.36
},
{
"name": "客户支持...",
"value": 45,
"unit": "工时",
"rate": 0.0034119341875805597,
"originName": "客户支持-国际化",
"percent": 0.34
},
{
"name": "MCM多...",
"value": 42,
"unit": "工时",
"rate": 0.0031844719084085224,
"originName": "MCM多云管理项目",
"percent": 0.32
},
{
"name": "存量客户...",
"value": 39,
"unit": "工时",
"rate": 0.002957009629236485,
"originName": "存量客户经营",
"percent": 0.3
},
{
"name": "公有云C...",
"value": 36,
"unit": "工时",
"rate": 0.0027295473500644476,
"originName": "公有云CICD产品交付空间",
"percent": 0.27
},
{
"name": "客户支持...",
"value": 33,
"unit": "工时",
"rate": 0.0025020850708924102,
"originName": "客户支持-其他行业(医疗/教育/传媒/互联网/科技/运营商)",
"percent": 0.25
},
{
"name": "客户支持...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "客户支持- 汽车",
"percent": 0.23
},
{
"name": "监控平台...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "监控平台商业化输出 -- 应用监控能力建设",
"percent": 0.23
},
{
"name": "环境底层...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "环境底层技术（ASTC/SP/曙光vpn等）",
"percent": 0.23
},
{
"name": "部署架构...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "部署架构升级战役",
"percent": 0.23
},
{
"name": "专有云平...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云平台网络研发",
"percent": 0.23
},
{
"name": "最高检重...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "最高检重点保障项目",
"percent": 0.23
},
{
"name": "交通银行...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "交通银行新一代云计算平台建设项目",
"percent": 0.23
},
{
"name": "质量运营...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "质量运营及产品化",
"percent": 0.23
},
{
"name": "混合云经...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "混合云经营管理",
"percent": 0.23
},
{
"name": "云效 P...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "云效 Packages",
"percent": 0.23
},
{
"name": "Team...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Teamix & 前端横向事务",
"percent": 0.23
},
{
"name": "专有云产...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云产品市场敏捷标准版",
"percent": 0.23
},
{
"name": "监控平台...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "监控平台商业化输出",
"percent": 0.23
},
{
"name": "裸机管理...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "裸机管理专有云版本",
"percent": 0.23
},
{
"name": "2021...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "202106023208-物产中大集团数据中台项目-基础产品事业部-混合云",
"percent": 0.23
},
{
"name": "落日弓产...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "落日弓产品需求及技术演进",
"percent": 0.23
},
{
"name": "混合云性...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "混合云性能长稳测试开发",
"percent": 0.23
},
{
"name": "专有云T...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云Tianjimon企业版",
"percent": 0.23
},
{
"name": "Tian...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Tianji-K8S线上技术支持",
"percent": 0.23
},
{
"name": "专有云—...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云——应用中心",
"percent": 0.23
},
{
"name": "Insi...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Insight",
"percent": 0.23
},
{
"name": "国家电网...",
"value": 27,
"unit": "工时",
"rate": 0.002047160512548336,
"originName": "国家电网重点保障项目",
"percent": 0.2
},
{
"name": "专有云B...",
"value": 24,
"unit": "工时",
"rate": 0.0018196982333762983,
"originName": "专有云Babel_ASEN_v3.16.2版本",
"percent": 0.18
},
{
"name": "WJ一期...",
"value": 23,
"unit": "工时",
"rate": 0.001743877473652286,
"originName": "WJ一期v3.10.0_zSw定型适配6B（产品列表同6A）",
"percent": 0.17
},
{
"name": "混合云资...",
"value": 21,
"unit": "工时",
"rate": 0.0015922359542042612,
"originName": "混合云资质认证&ISV联合方案测试",
"percent": 0.16
},
{
"name": "ARM研...",
"value": 21,
"unit": "工时",
"rate": 0.0015922359542042612,
"originName": "ARM研发适配项目",
"percent": 0.16
},
{
"name": "混合云P...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "混合云POC能力建设",
"percent": 0.14
},
{
"name": "专有云V...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云V3.16.2版本",
"percent": 0.14
},
{
"name": "2022...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "202205015044-中证登新核心咨询项目-基础产品-混**",
"percent": 0.14
},
{
"name": "专有云V...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云V3.17.0版本",
"percent": 0.14
},
{
"name": "专有云C...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云CMS企业版",
"percent": 0.14
},
{
"name": "落日弓P...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "落日弓Portal改版",
"percent": 0.14
},
{
"name": "X-La...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "X-Lab在线生态认证实验室",
"percent": 0.14
},
{
"name": "客户支持...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "客户支持-新金融",
"percent": 0.14
},
{
"name": "云效公有...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "云效公有云产品及技术商业化",
"percent": 0.14
},
{
"name": "GAB部...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "GAB部标产品化",
"percent": 0.14
},
{
"name": "跨平台代...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "跨平台代码迁移工具项目",
"percent": 0.14
},
{
"name": "专有云测...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云测试平台&自动化工具",
"percent": 0.14
},
{
"name": "云监控接...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "云监控接入平台及产品接入",
"percent": 0.14
},
{
"name": "一云多芯",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "一云多芯",
"percent": 0.14
},
{
"name": "生态战役",
"value": 15,
"unit": "工时",
"rate": 0.0011373113958601864,
"originName": "生态战役",
"percent": 0.11
},
{
"name": "专有云平...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "专有云平台监控能力升级战役",
"percent": 0.09
},
{
"name": "2023...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "202302042247-易方达2023年信创云平台建设-基础产品-混**",
"percent": 0.09
},
{
"name": "2022...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "202202022489-容灾备份项目-基础产品事业部-混合云",
"percent": 0.09
},
{
"name": "专有云安...",
"value": 11,
"unit": "工时",
"rate": 0.0008340283569641367,
"originName": "专有云安全治理专项",
"percent": 0.08
},
{
"name": "产品解决...",
"value": 10,
"unit": "工时",
"rate": 0.0007582075972401243,
"originName": "产品解决方案开发&运营",
"percent": 0.08
},
{
"name": "混合云R...",
"value": 6,
"unit": "工时",
"rate": 0.0004549245583440746,
"originName": "混合云ROI专项&兵力透明化V2.0",
"percent": 0.05
}
]
};
const stories = storiesOf('Wtreemap', module);
const treeMapOptions = {
tooltip: {
reactContent(_v, data) {
const dta = data?.[0]?.mappingData._origin.userData;
return (
<div>
<div className="g2-tooltip-title">项目：{dta?.originName ?? '-'}</div>
<div className="g2-tooltip-title">
投入：{Number(((dta?.value ?? 0) / 10).toFixed(1))} 人日
</div>
<div className="g2-tooltip-title">占比：{dta?.percent ?? 0}%</div>
</div>
);
},
},
label: {
labelFormatter: (_v, data) => {
const dta = data?._origin?.userData;
return dta?.name;
},
},
};
stories.add('矩形树图', () => {
const [d, setD] = useState(data);
useEffect(() => {
const timer = setTimeout(() => {
setD({
"name": "root",
"children": [
{
"name": "休假",
"value": 968,
"unit": "工时",
"rate": 0.07339449541284404,
"originName": "休假",
"percent": 7.34
},
{
"name": "其他",
"value": 693,
"unit": "工时",
"rate": 0.05254378648874062,
"originName": "其他",
"percent": 5.25
},
{
"name": "混合云研发...",
"value": 604,
"unit": "工时",
"rate": 0.04579573887330351,
"originName": "混合云研发模式升级战役",
"percent": 4.58
},
{
"name": "专有云V3...",
"value": 555,
"unit": "工时",
"rate": 0.0420805216468269,
"originName": "专有云V3.18.0版本",
"percent": 4.21
},
{
"name": "ASCM",
"value": 431,
"unit": "工时",
"rate": 0.03267874744104936,
"originName": "ASCM",
"percent": 3.27
},
{
"name": "专有云...",
"value": 348,
"unit": "工时",
"rate": 0.02638562438395633,
"originName": "专有云环境专家组",
"percent": 2.64
},
{
"name": "混合云...",
"value": 328,
"unit": "工时",
"rate": 0.024869209189476077,
"originName": "混合云文档开发与管理",
"percent": 2.49
},
{
"name": "统一基座",
"value": 308,
"unit": "工时",
"rate": 0.02335279399499583,
"originName": "统一基座",
"percent": 2.34
},
{
"name": "混合云持续交付...",
"value": 284,
"unit": "工时",
"rate": 0.02153309576161953,
"originName": "混合云持续交付平台",
"percent": 2.15
},
{
"name": "Apsarab...",
"value": 280,
"unit": "工时",
"rate": 0.021229812722723482,
"originName": "Apsarabase云基础服务和API管理平台",
"percent": 2.12
},
{
"name": "专有云同城容灾",
"value": 280,
"unit": "工时",
"rate": 0.021229812722723482,
"originName": "专有云同城容灾",
"percent": 2.12
},
{
"name": "朱雀商务规划提...",
"value": 250,
"unit": "工时",
"rate": 0.01895518993100311,
"originName": "朱雀商务规划提效项目",
"percent": 1.9
},
{
"name": "ASO工时填报",
"value": 240,
"unit": "工时",
"rate": 0.018196982333762983,
"originName": "ASO工时填报",
"percent": 1.82
},
{
"name": "应用运维平台(...",
"value": 230,
"unit": "工时",
"rate": 0.01743877473652286,
"originName": "应用运维平台(AOP)产品建设",
"percent": 1.74
},
{
"name": "专有云规划&交...",
"value": 226,
"unit": "工时",
"rate": 0.01713549169762681,
"originName": "专有云规划&交付能力的业务空间（朱雀体系+架构治理+基线管理）",
"percent": 1.71
},
{
"name": "专有云FY24...",
"value": 225,
"unit": "工时",
"rate": 0.017059670937902796,
"originName": "专有云FY24升级战役",
"percent": 1.71
},
{
"name": "2023020...",
"value": 224,
"unit": "工时",
"rate": 0.016983850178178786,
"originName": "202302010321-东航信创专有云-基础产品-混**",
"percent": 1.7
},
{
"name": "MOP专有云业...",
"value": 222,
"unit": "工时",
"rate": 0.016832208658730762,
"originName": "MOP专有云业务平台",
"percent": 1.68
},
{
"name": "专有云研发测试...",
"value": 218,
"unit": "工时",
"rate": 0.01652892561983471,
"originName": "专有云研发测试云平台/ASDT",
"percent": 1.65
},
{
"name": "混合云硬件交...",
"value": 201,
"unit": "工时",
"rate": 0.015239972704526499,
"originName": "混合云硬件交付及运维",
"percent": 1.52
},
{
"name": "代码平台产品...",
"value": 200,
"unit": "工时",
"rate": 0.015164151944802487,
"originName": "代码平台产品交付空间",
"percent": 1.52
},
{
"name": "云效协作平台",
"value": 192,
"unit": "工时",
"rate": 0.014557585867010387,
"originName": "云效协作平台",
"percent": 1.46
},
{
"name": "网络架构基线...",
"value": 191,
"unit": "工时",
"rate": 0.014481765107286375,
"originName": "网络架构基线和开发",
"percent": 1.45
},
{
"name": "运维现场化战...",
"value": 186,
"unit": "工时",
"rate": 0.014102661308666312,
"originName": "运维现场化战役",
"percent": 1.41
},
{
"name": "专有云-异地...",
"value": 185,
"unit": "工时",
"rate": 0.0140268405489423,
"originName": "专有云-异地容灾",
"percent": 1.4
},
{
"name": "客户支持-电...",
"value": 170,
"unit": "工时",
"rate": 0.012889529153082113,
"originName": "客户支持-电力",
"percent": 1.29
},
{
"name": "专有云V3....",
"value": 162,
"unit": "工时",
"rate": 0.012282963075290015,
"originName": "专有云V3.18.1版本",
"percent": 1.23
},
{
"name": "云效5.0战...",
"value": 162,
"unit": "工时",
"rate": 0.012282963075290015,
"originName": "云效5.0战役",
"percent": 1.23
},
{
"name": "专有云品牌营...",
"value": 158,
"unit": "工时",
"rate": 0.011979680036393965,
"originName": "专有云品牌营销",
"percent": 1.2
},
{
"name": "云效公有云客...",
"value": 146,
"unit": "工时",
"rate": 0.011069830919705816,
"originName": "云效公有云客户成功",
"percent": 1.11
},
{
"name": "敏捷版v3....",
"value": 144,
"unit": "工时",
"rate": 0.01091818940025779,
"originName": "敏捷版v3.7.0",
"percent": 1.09
},
{
"name": "混合云-云接...",
"value": 140,
"unit": "工时",
"rate": 0.010614906361361741,
"originName": "混合云-云接入网关",
"percent": 1.06
},
{
"name": "混合云硬件监...",
"value": 135,
"unit": "工时",
"rate": 0.010235802562741678,
"originName": "混合云硬件监控及数字化运营",
"percent": 1.02
},
{
"name": "FY22—...",
"value": 120,
"unit": "工时",
"rate": 0.009098491166881491,
"originName": "FY22——自运维智能云管专项",
"percent": 0.91
},
{
"name": "公共云监控",
"value": 120,
"unit": "工时",
"rate": 0.009098491166881491,
"originName": "公共云监控",
"percent": 0.91
},
{
"name": "专有云架构...",
"value": 116,
"unit": "工时",
"rate": 0.008795208127985442,
"originName": "专有云架构管理",
"percent": 0.88
},
{
"name": "云监控需求...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "云监控需求&bug汇总",
"percent": 0.83
},
{
"name": "混合云-网...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "混合云-网络服务化",
"percent": 0.83
},
{
"name": "客户支持-...",
"value": 110,
"unit": "工时",
"rate": 0.008340283569641367,
"originName": "客户支持-数字政府",
"percent": 0.83
},
{
"name": "专有云IA...",
"value": 108,
"unit": "工时",
"rate": 0.008188642050193344,
"originName": "专有云IAAS运维控制台项目",
"percent": 0.82
},
{
"name": "FY22—...",
"value": 105,
"unit": "工时",
"rate": 0.007961179771021306,
"originName": "FY22——云管运营体验升级专项",
"percent": 0.8
},
{
"name": "混合云平台...",
"value": 98,
"unit": "工时",
"rate": 0.007430434452953219,
"originName": "混合云平台——云+应用一体化运维战役",
"percent": 0.74
},
{
"name": "云监控阿里...",
"value": 98,
"unit": "工时",
"rate": 0.007430434452953219,
"originName": "云监控阿里版",
"percent": 0.74
},
{
"name": "混合云裸机...",
"value": 96,
"unit": "工时",
"rate": 0.007278792933505193,
"originName": "混合云裸机管理BMS",
"percent": 0.73
},
{
"name": "混合云一体...",
"value": 90,
"unit": "工时",
"rate": 0.0068238683751611195,
"originName": "混合云一体化监控",
"percent": 0.68
},
{
"name": "云效 Ap...",
"value": 80,
"unit": "工时",
"rate": 0.006065660777920995,
"originName": "云效 AppStack",
"percent": 0.61
},
{
"name": "专有云非标...",
"value": 79,
"unit": "工时",
"rate": 0.005989840018196983,
"originName": "专有云非标工时填报",
"percent": 0.6
},
{
"name": "混合云产品...",
"value": 78,
"unit": "工时",
"rate": 0.00591401925847297,
"originName": "混合云产品服务设计管理平台",
"percent": 0.59
},
{
"name": "云治理项目",
"value": 72,
"unit": "工时",
"rate": 0.005459094700128895,
"originName": "云治理项目",
"percent": 0.55
},
{
"name": "客户支持-...",
"value": 70,
"unit": "工时",
"rate": 0.005307453180680871,
"originName": "客户支持-交通",
"percent": 0.53
},
{
"name": "统一基座 ...",
"value": 69,
"unit": "工时",
"rate": 0.005231632420956858,
"originName": "统一基座 for xStack-v1.3",
"percent": 0.52
},
{
"name": "专有云行业...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "专有云行业云管和开放生态",
"percent": 0.5
},
{
"name": "混合云研发...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "混合云研发管理",
"percent": 0.5
},
{
"name": "环境技术研...",
"value": 66,
"unit": "工时",
"rate": 0.0050041701417848205,
"originName": "环境技术研发(ECE-百宝袋-基础SDK）",
"percent": 0.5
},
{
"name": "销售提效（...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "销售提效（需求提效&商务提效）",
"percent": 0.45
},
{
"name": "专有云镜像...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "专有云镜像中心",
"percent": 0.45
},
{
"name": "多regi...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "多region架构2.0",
"percent": 0.45
},
{
"name": "OXS区容...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "OXS区容器化能力建设",
"percent": 0.45
},
{
"name": "升云提效",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "升云提效",
"percent": 0.45
},
{
"name": "20221...",
"value": 60,
"unit": "工时",
"rate": 0.004549245583440746,
"originName": "202211037923-新疆银行云平台项目-基础产品-混**",
"percent": 0.45
},
{
"name": "阿里云_专...",
"value": 54,
"unit": "工时",
"rate": 0.004094321025096672,
"originName": "阿里云_专有云_HotX",
"percent": 0.41
},
{
"name": "SW6B全...",
"value": 51,
"unit": "工时",
"rate": 0.003866858745924634,
"originName": "SW6B全适配二期",
"percent": 0.39
},
{
"name": "混合云产品...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "混合云产品服务能力建设",
"percent": 0.36
},
{
"name": "FY23—...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "FY23——统一云管平台体验优化战役",
"percent": 0.36
},
{
"name": "专有云异地...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "专有云异地备份",
"percent": 0.36
},
{
"name": "专有云V3...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "专有云V3.16.0版本",
"percent": 0.36
},
{
"name": "云监控工单...",
"value": 48,
"unit": "工时",
"rate": 0.0036393964667525967,
"originName": "云监控工单研发支持",
"percent": 0.36
},
{
"name": "客户支持...",
"value": 45,
"unit": "工时",
"rate": 0.0034119341875805597,
"originName": "客户支持-国际化",
"percent": 0.34
},
{
"name": "MCM多...",
"value": 42,
"unit": "工时",
"rate": 0.0031844719084085224,
"originName": "MCM多云管理项目",
"percent": 0.32
},
{
"name": "存量客户...",
"value": 39,
"unit": "工时",
"rate": 0.002957009629236485,
"originName": "存量客户经营",
"percent": 0.3
},
{
"name": "公有云C...",
"value": 36,
"unit": "工时",
"rate": 0.0027295473500644476,
"originName": "公有云CICD产品交付空间",
"percent": 0.27
},
{
"name": "客户支持...",
"value": 33,
"unit": "工时",
"rate": 0.0025020850708924102,
"originName": "客户支持-其他行业(医疗/教育/传媒/互联网/科技/运营商)",
"percent": 0.25
},
{
"name": "客户支持...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "客户支持- 汽车",
"percent": 0.23
},
{
"name": "监控平台...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "监控平台商业化输出 -- 应用监控能力建设",
"percent": 0.23
},
{
"name": "环境底层...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "环境底层技术（ASTC/SP/曙光vpn等）",
"percent": 0.23
},
{
"name": "部署架构...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "部署架构升级战役",
"percent": 0.23
},
{
"name": "专有云平...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云平台网络研发",
"percent": 0.23
},
{
"name": "最高检重...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "最高检重点保障项目",
"percent": 0.23
},
{
"name": "交通银行...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "交通银行新一代云计算平台建设项目",
"percent": 0.23
},
{
"name": "质量运营...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "质量运营及产品化",
"percent": 0.23
},
{
"name": "混合云经...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "混合云经营管理",
"percent": 0.23
},
{
"name": "云效 P...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "云效 Packages",
"percent": 0.23
},
{
"name": "Team...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Teamix & 前端横向事务",
"percent": 0.23
},
{
"name": "专有云产...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云产品市场敏捷标准版",
"percent": 0.23
},
{
"name": "监控平台...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "监控平台商业化输出",
"percent": 0.23
},
{
"name": "裸机管理...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "裸机管理专有云版本",
"percent": 0.23
},
{
"name": "2021...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "202106023208-物产中大集团数据中台项目-基础产品事业部-混合云",
"percent": 0.23
},
{
"name": "落日弓产...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "落日弓产品需求及技术演进",
"percent": 0.23
},
{
"name": "混合云性...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "混合云性能长稳测试开发",
"percent": 0.23
},
{
"name": "专有云T...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云Tianjimon企业版",
"percent": 0.23
},
{
"name": "Tian...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Tianji-K8S线上技术支持",
"percent": 0.23
},
{
"name": "专有云—...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "专有云——应用中心",
"percent": 0.23
},
{
"name": "Insi...",
"value": 30,
"unit": "工时",
"rate": 0.002274622791720373,
"originName": "Insight",
"percent": 0.23
},
{
"name": "国家电网...",
"value": 27,
"unit": "工时",
"rate": 0.002047160512548336,
"originName": "国家电网重点保障项目",
"percent": 0.2
},
{
"name": "专有云B...",
"value": 24,
"unit": "工时",
"rate": 0.0018196982333762983,
"originName": "专有云Babel_ASEN_v3.16.2版本",
"percent": 0.18
},
{
"name": "WJ一期...",
"value": 23,
"unit": "工时",
"rate": 0.001743877473652286,
"originName": "WJ一期v3.10.0_zSw定型适配6B（产品列表同6A）",
"percent": 0.17
},
{
"name": "混合云资...",
"value": 21,
"unit": "工时",
"rate": 0.0015922359542042612,
"originName": "混合云资质认证&ISV联合方案测试",
"percent": 0.16
},
{
"name": "ARM研...",
"value": 21,
"unit": "工时",
"rate": 0.0015922359542042612,
"originName": "ARM研发适配项目",
"percent": 0.16
},
{
"name": "混合云P...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "混合云POC能力建设",
"percent": 0.14
},
{
"name": "专有云V...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云V3.16.2版本",
"percent": 0.14
},
{
"name": "2022...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "202205015044-中证登新核心咨询项目-基础产品-混**",
"percent": 0.14
},
{
"name": "专有云V...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云V3.17.0版本",
"percent": 0.14
},
{
"name": "专有云C...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云CMS企业版",
"percent": 0.14
},
{
"name": "落日弓P...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "落日弓Portal改版",
"percent": 0.14
},
{
"name": "X-La...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "X-Lab在线生态认证实验室",
"percent": 0.14
},
{
"name": "客户支持...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "客户支持-新金融",
"percent": 0.14
},
{
"name": "云效公有...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "云效公有云产品及技术商业化",
"percent": 0.14
},
{
"name": "GAB部...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "GAB部标产品化",
"percent": 0.14
},
{
"name": "跨平台代...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "跨平台代码迁移工具项目",
"percent": 0.14
},
{
"name": "专有云测...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "专有云测试平台&自动化工具",
"percent": 0.14
},
{
"name": "云监控接...",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "云监控接入平台及产品接入",
"percent": 0.14
},
{
"name": "一云多芯",
"value": 18,
"unit": "工时",
"rate": 0.0013647736750322238,
"originName": "一云多芯",
"percent": 0.14
},
{
"name": "生态战役",
"value": 15,
"unit": "工时",
"rate": 0.0011373113958601864,
"originName": "生态战役",
"percent": 0.11
},
{
"name": "专有云平...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "专有云平台监控能力升级战役",
"percent": 0.09
},
{
"name": "2023...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "202302042247-易方达2023年信创云平台建设-基础产品-混**",
"percent": 0.09
},
{
"name": "2022...",
"value": 12,
"unit": "工时",
"rate": 0.0009098491166881492,
"originName": "202202022489-容灾备份项目-基础产品事业部-混合云",
"percent": 0.09
},
{
"name": "专有云安...",
"value": 11,
"unit": "工时",
"rate": 0.0008340283569641367,
"originName": "专有云安全治理专项",
"percent": 0.08
},
{
"name": "产品解决...",
"value": 10,
"unit": "工时",
"rate": 0.0007582075972401243,
"originName": "产品解决方案开发&运营",
"percent": 0.08
},
{
"name": "混合云R...",
"value": 6,
"unit": "工时",
"rate": 0.0004549245583440746,
"originName": "混合云ROI专项&兵力透明化V2.0",
"percent": 0.05
}
]
});
}, 2000);
return () => clearTimeout(timer);
}, []);
return (
<Wcontainer className="demos">
<Wtreemap
height="300"
data={d}
config={{
geomStyle: {
// size: [5, 20]
},
...treeMapOptions
}}
/>
</Wcontainer>
);
});
stories.add('极坐标矩形树图', () => (
<Wcontainer className="demos">
<Wtreemap
height="1000"
config={{
polar: true,
}}
data={data}
/>
</Wcontainer>
));
stories.add('嵌套矩形树图', () => (
<Wcontainer className="demos">
<Wtreemap
height="600"
data={{
name: 'root',
children: mobile,
}}
/>
</Wcontainer>
));
stories.add('极坐标嵌套矩形树图', () => (
<Wcontainer className="demos">
<Wtreemap
height="1000"
config={{
polar: true,
}}
data={{
name: 'root',
children: mobile,
}}
/>
</Wcontainer>
));