失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Echarts-- 矩形树图

Echarts-- 矩形树图

时间:2024-01-14 20:07:22

相关推荐

Echarts-- 矩形树图

代码:

const dataArr = []for(let i = 0; i < 10; i++) {const obj = {name: i,value: 20,label: {show: true,verticalAlign: 'top',align: 'center',formatter: function(params) {return ['{a|第n个}', '{b|数字%}'].join('\n')},rich: {a: {color: '#333',fontSize: 12,lineHeight: 17,align: 'center'},b: {color: '#d0021b',fontSize: 12,lineHeight: 17,align: 'center'}}},itemStyle: {borderWidth: 1,borderColor: '#fff',color: 'rgba(242,71,36,0.1)'}}dataArr.push(obj)}option = {tooltip: {show: true,padding: [16, 20],backgroundColor: 'rgba(0,0,0,0.6)',borderWidth: 0,textStyle: {fontSize: 14,color: '#fff',lineHeight: 14}},series: [{type: 'treemap',width: '100%',height: '100%',breadcrumb: {show: false},nodeClick: false,roam: false,data: dataArr}]}

最终效果:

如果觉得《Echarts-- 矩形树图》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。