废话不多说了
直接贴干货
望大家少走错路
// Top 15 资源类别
barResourceLine:function(){
this.chartResource=this.$echarts.init(document.getElementById("barResource"));
this.chartResource.setOption({
color:['#008B8B', '#D2691E','#FFA07A','#DAA520','#708090','#FFB6C1','#800080','#6A5ACD','#00BFFF','#808000'],
tooltip : {
trigger: 'item',
formatter: "{b}: {c}"
},
calculable : false,
series : [
{
name:'矩形图',
type:'treemap',
itemStyle: {
normal: {
label: {
show: true,
formatter: "{b}"
},
borderWidth: 1
},
emphasis: {
label: {
show: true
}
}
},
data:[{
"name": "AWS Support",
"value": 203012.57364371105
},
{
"name": "EC2",
"value": 112693.87480828712
},
{
"name": "RDS",
"value": 59012.87134224459
},
{
"name": "EBSIOPS",
"value": 39120.39509683108
},
{
"name": "EBSStorage",
"value": 37062.41383935032
},
{
"name": "Snapshot",
"value": 16404.942635577423
},
{
"name": "DataTransfer",
"value": 5183.006147636791
},
{
"name": "RDSStorageIOPS",
"value": 5040.482974901292
},
{
"name": "RDSStorage",
"value": 4898.374263534597
},
{
"name": "ELB",
"value": 3600.0120000000625
},
{
"name": "NAT",
"value": 3160.565892840107
},
{
"name": "DX",
"value": 2162.939999999996
},
{
"name": "CloudWatch",
"value": 2111.511157597098
},
{
"name": "ElasticSearch Instance",
"value": 1575.0739999999996
},
{
"name": "ElastiCache",
"value": 1375.0159999999992
}
]
}
]
})
}