echarts 矩阵图用法

废话不多说了
直接贴干货
望大家少走错路

// 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}]}]})             }

echarts 矩阵图用法相关推荐

2011 3D 八卦图矩阵图
本文转载自: https://www.cnblogs.com/dba_xiaoqi/archive/2011/06/26/2090829.html 作者:dba_xiaoqi 转载请注明该声明. 下面 ...
echart水滴_漂亮得不像实力派：ECharts 水球图教程
水球图是一种适合于展现单个百分比数据的图表类型,ECharts 的水球图插件使你能够通过非常简单的配置,实现酷炫的数据展示效果. 那么,今天我们就一起来学习一下,如何使用 ECharts 水球图. 第 ...
Echarts 饼图基本用法
目录 Echarts 饼图基本用法引入Echarts 创建饼图拓展引入Echarts 所介绍的两种方法,适用于使用Echarts的每种图. 在一般的html里引入Echarts,需要下载echa ...
Python将classification_report的结论转化为字典（dict）形式并提取模型的灵敏度（sensitivity）、特异度（specificity）、PPV和NPV指标、混淆矩阵图
Python将classification_report的结论转化为字典(dict)形式并提取模型的灵敏度(sensitivity).特异度(specificity).PPV和NPV指标.混淆矩阵图 ...
在vue中，Echarts雷达图中indicator的点击事件，不能改变data中的值的解决方法
在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的值的解决方法参考文章: (1)在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的 ...
修改echarts环形图的牵引线及文字位置
修改echarts环形图的牵引线及文字位置,下面代码及效果不仅如此,也包含了其它的效果哦.有问题可以留言. 根据echarts官方示例修改效果: 官方示例图: 修改效果图: 直接上代码:其它不多说. ...
Py之Seaborn：数据可视化Seaborn库的柱状图、箱线图(置信区间图)、散点图/折线图、核密度图/等高线图、盒形图/小提琴图/LV多框图的组合图/矩阵图实现
Py之Seaborn:数据可视化Seaborn库的柱状图.箱线图(置信区间图).散点图/折线图.核密度图/等高线图.盒形图/小提琴图/LV多框图的组合图/矩阵图实现目录
VTK：baking烘焙阴影贴图用法实战
VTK:baking烘焙阴影贴图用法实战程序输出程序完整源代码程序输出程序完整源代码 #include <vtkActor.h> #include <vtkCamera.h& ...
VTK：线图用法实战
VTK:线图用法实战程序输出程序完整源代码程序输出程序完整源代码 #include <vtkChartXY.h> #include <vtkContextScene.h> ...

echarts 矩阵图用法

echarts 矩阵图用法相关推荐

最新文章

热门文章