var data = [{ name: "深造", itemStyle: { color: '#7591CC', }, children: [{ name: "深造-国内", value: 3159, itemStyle: { // colorSaturation: 0.55, // colorAlpha: 1 }, children: [{ name: "深造-国内-本科生", value: 2755, itemStyle: { // color: '#f3aa02', colorSaturation: 0.5, colorAlpha: 1 }, },{ name: "深造-国内-硕士生", value: 291, itemStyle: { // color: '#f3aa02', colorSaturation: 0.45, // colorAlpha: 0.7 }, },{ name: "深造-国内-博士生", value: 113, itemStyle: { // color: '#f3aa02', colorSaturation: 0.4, // colorAlpha: 0.5 }, },] }, { name: "深造-出国(境)", value: 1401, itemStyle: { // color: '#f3aa02', // colorSaturation: 0.2, }, children: [{ name: "深造-出国-本科生", value: 1267, itemStyle: { // color: '#f3aa02', colorSaturation: 0.3, colorAlpha: 1 }, },{ name: "深造-出国-硕士生", value: 97, itemStyle: { // color: '#f3aa02', colorSaturation: 0.25, // colorAlpha: 0.7 }, },{ name: "深造-出国-博士生", value: 37, itemStyle: { // color: '#f3aa02', colorSaturation: 0.2, colorAlpha: 1 }, },] },] }, { name: "就业", itemStyle: { color: '#CC355B', // colorSaturation: 0.35, // colorAlpha: 1 }, children: [{ name: "签约就业", value: 7312, itemStyle: { colorSaturation: 0.55, }, children: [{ name: "签约就业-本科生", value: 2168, itemStyle: { colorSaturation: 0.55, colorAlpha: 1 }, },{ name: "签约就业-硕士生", value: 4334, itemStyle: { colorSaturation: 0.6, colorAlpha: 1 }, },{ name: "签约就业-博士生", value: 810, itemStyle: { colorSaturation: 0.65, colorAlpha: 1 }, },] }, { name: "灵活就业", value: 609, // itemStyle: { // colorSaturation: 0.55, // }, children: [{ name: "灵活就业-本科生", value: 420, itemStyle: { colorSaturation: 0.45, colorAlpha: 1 }, },{ name: "灵活就业-硕士生", value: 159, itemStyle: { colorSaturation: 0.4, colorAlpha: 1 }, },{ name: "灵活就业-博士生", value: 30, itemStyle: { colorSaturation: 0.35, colorAlpha: 1 }, },] }, ] }, { name: "未就业", itemStyle: { color: '#5CC9CC', // colorSaturation: 0.35, // colorAlpha: 1 }, children: [{ name: "未就业-本科生", value: 240, itemStyle: { colorSaturation: 0.55, }, },{ name: "未就业-硕士生", value: 111, itemStyle: { colorSaturation: 0.45, }, },{ name: "未就业-博士生", value: 43, itemStyle: { colorSaturation: 0.35, }, }, ] } ] // var modes = ['2012Budget', '2011Budget', 'Growth']; option = { title: { left: 0, top: "4%", text: ['{c|}' + '{d|2017武汉大学毕业生去向(共12875人)}'], // text:[], textStyle: { rich: { c: { color: '#0000', fontSize: 25, fontWeight: 'bold', width: 4, height: 15, backgroundColor: '#2196f3', }, d: { // color: '#3e4956', fontWeight: 'bold', fontSize: 17, padding: [0, 0, 0, 30], }, } }, }, tooltip: {}, series: [{ name: '全部', type: 'treemap', visibleMin: 300, data: data, leafDepth: 4, //呈现层级,若为1加载时仅展开一层,接下来的每一层通过单击进入,如上面的效果图所示, //每一层级呈现的样式 label: { show: true , fontSize: 10, // color: '#000000', formatter: function(params) { var arr = [ params.name, params.value + '人' ]; return arr.join('\n'); } }, levels: [{ colorSaturation: [0.2, 0.8], itemStyle: { normal: { borderColor: '#fff', borderWidth: 1, gapWidth: 1 } } }, { colorSaturation: [0.3, 0.7], colorMappingBy: 'id', itemStyle: { normal: { // borderColorSaturation: 0.7, gapWidth: 2, borderWidth: 2 } } }, ] }] };