var data = {
data: [[320], [120], [220], [150]],
legend: ['华为', '中兴', '烽火', '瑞斯'],
} var option; var colors = ['#4C98FB', '#83CCE7', '#26C7C8', '#73DEBD']; option = {
color: colors,
legend: {
top: '35%',
left: '30%',
data: data.legend
},
grid: {
left: '15%'
},
xAxis: {
type: 'value',
show: false,
minorSplitLine: {
show: false
}
},
yAxis: {
type: 'category',
data: ['各厂商端口占比'],
// 去除网格线
axisLine: {
show: false
},
// 去除刻度线
axisTick: {
show: false
}
},
series: [], };
for (var i = 0; i < data.data.length; i++) {
option.series.push({
name: data.legend[i],
type: 'bar',
stack: 'total',
barWidth: '30px',
label: {
show: true,
},
emphasis: {
focus: 'series'
},
data: data.data[i]
})
}

最新文章

  1. ASP.NET Core 中文文档 第三章 原理(17)为你的服务器选择合适版本的.NET框架
  2. 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
  3. SharePoint 2013 图文开发系列之应用程序页
  4. JSP分页显示实例(基于Bootstrap)
  5. JS, Node.js, npm简介
  6. 一则 ORA-00471 处理方法
  7. HotSpot关联规则算法(2)-- 挖掘连续型和离散型数据
  8. Quartz使用-入门使用(java定时任务实现)
  9. PAT (Advanced Level) 1074. Reversing Linked List (25)
  10. css清除浮动的八大方法
  11. [Python Study Notes]正则表达式
  12. node框架express
  13. python实现归并排序,归并排序的详细分析。
  14. ASP.NET页面之间传值的方式之Server.Transfer(个人整理)
  15. 使用Linux的环境变量
  16. 转:CentOS 6.x 挂载读写NTFS分区(fuse-ntfs-3g)
  17. hdu 2586 How far away ? 倍增求LCA
  18. spark 存储管理机制
  19. 纯Java JDBC连接数据库,且用JDBC实现增删改查的功能
  20. Scala中“=&gt;”用法及含义

热门文章

  1. SAP 登录文件路径
  2. windows10 远程桌面黑屏
  3. ThreadLocal及常用场景
  4. 在stm32中使用printf
  5. Day 24 24.2:逆向分析2 - 完美世界案例
  6. 报错com.mysql.cj.jdbc.exceptions.MysqlDataTruncation: Data truncation: Incorrect datetime value: &#39;1&#39; for column &#39;date&#39; at row 1问题解决
  7. 浏览器控件webBrowser
  8. WPF ItemsControl Command 绑定操作
  9. List循环问题
  10. python_子网划分计算器