前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >绘图布局

绘图布局

作者头像
生信喵实验柴
发布于 2022-10-25 11:57:10
发布于 2022-10-25 11:57:10
36700
代码可运行
举报
文章被收录于专栏:生信喵实验柴生信喵实验柴
运行总次数:0
代码可运行

一、mfrow布局

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#mfrow或者mfcol
par('mfrow')
par('mfcol')
opar <- par(no.readonly = TRUE)#将可以修改的变量储存起来
par(mfrow=c(2,2))
par('mfrow')
plot(pressure,col="red",main="Pic 1")
barplot(table(mtcars$cyl),col = c("red","cyan","orange"),main = "Pic 2")
hist(rivers,breaks = 30,col = "pink",main = "Pic 3")
pie(c(1,3,4,2),labels = c("A","B","C","D"),main = "Pic 4")

par(mfrow=c(2,2))
layout.show(4)

par(mfcol=c(2,2))
layout.show(4)#与上面的不同,1234摆放位置不同

par(mfrow=c(1,2))#12barplot(1:6)
pie(1:6)
par(mfrow=c(2,1))#21barplot(1:6)
hist(rivers)
par(mfrow=c(2,3))#23列
layout.show(6)
hist(rivers)
hist(rivers)
hist(rivers)
hist(rivers)
hist(rivers)
hist(rivers)

par(mfrow=c(2,1))#21hist(rivers)
barplot(1:6)
#想让上下两张图离得近些
layout.show(2)
par('mar')
par(opar)
# 5.1 4.1 4.1 2.1
par(mfrow=c(2,1))#21par(mar=c(5.1,4.1,4.1,2.1))
hist(rivers)
par(mar=c(5.1,4.1,0,2.1))
barplot(1:6)#画图前调整下左上右

par(mfrow=c(2,2))#22列
layout.show(4)
par('mar')
par(mar=c(0,4.1,4.1,2.1))
hist(rivers)#贴着下边
par(mar=c(5.1,0,4.1,2.1))
barplot(1:6)#贴着左边
par(mar=c(5.1,4.1,0,2.1))
hist(rivers)#贴着上边
par(mar=c(5.1,4.1,4.1,0))
hist(rivers)#贴着右边
#以上都是规整的布局

2行2列

1行2列

2行1列

二、layout 布局

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
layout(mat = matrix(c(1,2,3,4)))
layout.show(4)
layout(mat = matrix(c(1,2,3,4),nrow=2,byrow=T))
matrix(c(1,2,3,4),nrow=2)
matrix(c(1,2,3,4),nrow=2,byrow=T)#绘图位置不同 
layout.show(4)
hist(rivers)
plot(women)
barplot(1:6)
pie(1:6)

matrix(c(1,1,2,3),nrow=2,byrow=T)
layout(mat = matrix(c(1,1,2,3),nrow=2,byrow=T))
layout.show(3)
hist(rivers)
plot(women)
barplot(1:6)

matrix(c(1,2,1,3),nrow=2,byrow=T)
layout(mat = matrix(c(1,2,1,3),nrow=2,byrow=T))
layout.show(3)
hist(rivers)
plot(women)
barplot(1:6)

matrix(c(1,0,0,2,2,0,3,3,3),nrow=3,byrow=T)
layout(matrix(c(1,0,0,2,2,0,3,3,3),nrow=3,byrow=T))
layout.show(3)
hist(rivers)
plot(women)
barplot(1:6)

layout(matrix(c(1,1,2,3),nrow=2,byrow=T))
layout.show(3)
layout(matrix(c(1,1,2,3),nrow=2,byrow=T),width = c(2,1))
layout.show(3)
layout(matrix(c(1,1,2,3),nrow=2,byrow=T),width = c(2,1),heights = c(1,2))
layout.show(3)#调整组分高度和宽度

layout可调整不规整布局

layout可调整不规整布局

layout可调整不规整布局

写在最后:有时间我们会努力更新的。大家互动交流可以前去论坛,地址在下面,复制去浏览器即可访问,弥补下公众号没有留言功能的缺憾。原地址暂未启用(bioinfoer.com)。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sx.voiceclouds.cn

有些板块也可以预设为大家日常趣事的分享等,欢迎大家来提建议。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-09-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 生信喵实验柴 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
10个对web开发人员有用的HTML文件上传技巧
上传文件功能可以说是项目经常出现的需求。从在社交媒体上上传照片到在求职网站上发布简历,文件上传无处不在。在本文中,我们将讨论 HTML文件上传支持的10种用法,希望对你有用。
前端小智@大迁世界
2020/11/12
1.3K0
10个对web开发人员有用的HTML文件上传技巧
轻松实现多图片上传:选择文件夹与拖拽上传区域全攻略
选择多个文件 在 JavaScript 中,要实现选择多个文件,可以使用 HTML 的<input>元素的multiple属性。以下是示例代码:
友儿
2024/07/31
1780
轻松实现多图片上传:选择文件夹与拖拽上传区域全攻略
WEB:文件上传 —— 看这篇就够了
HTML 表单最初只支持 application/x-www-form-urlencoded 形式编码(key=value&key=value...),但它不适合用于传输二进制数据(文件)或者包含非ASCII字符的数据。所以 multipart/form-data 就诞生了,专门用于传输文件。
WEBJ2EE
2019/07/30
6.7K0
WEB:文件上传 —— 看这篇就够了
《手把手教你》系列技巧篇(五十三)-java+ selenium自动化测试-上传文件-上篇(详细教程)
  在实际工作中,我们进行web自动化的时候,文件上传是很常见的操作,例如上传用户头像,上传身份证信息等。所以宏哥打算按上传文件的分类对其进行一下讲解和分享。
北京-宏哥
2022/01/05
4940
《手把手教你》系列技巧篇(五十三)-java+ selenium自动化测试-上传文件-上篇(详细教程)
Spring MVC-09循序渐进之文件上传(基于Servlet3.0+Html5客户端上传文件)
虽然Servlet3.0+中上传文件,我们在服务端编程即可非常容易,但是用户体验却不是非常友好。单独的一个HTML表单并不能显示进度条,或者显示已经成功上传的文件数量。
小小工匠
2021/08/17
6900
PHP大文件分割上传 PHP分片上传
upload_max_filesize = 2M //PHP最大能接受的文件大小 post_max_size = 8M //PHP能收到的最大POST值' memory_limit = 128M //内存上限 max_execution_time = 30 //最大执行时间
用户2323866
2021/07/02
5.1K0
Html5 学习系列(四)文件操作API
    在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现,从另外一个角度来说就是让我们的web应用依赖了第三方的插件,而不是很独立,不够通用。在HTML5标准中,默认提供了操作文件的API让这一切直接标准化。有了操作文件的API,让我们的Web应用可以很轻松的通过JS来控制文件的读取、写入、文件夹、文件等一系列的操作,让Web应用不再那么蹩脚,而之前Web应用如果不借助第三方插件,那就是个shit!但是最新的标准中大部分浏览器都已经实现了文件的读取API,文件的写入,文件和文件夹的最新的标准刚制定完毕,相信后面随着浏览器的升级这些功能肯定会实现的非常好,接下来我主要给大家介绍文件读取的几个API。
老马
2022/05/10
5970
《大胖 • 小课》- 不用 js 实现文件无刷新上传
上一节,我们实现了一个简单的文件上传接口,服务端的文件保存我们使用koa-body来完成。
zz_jesse
2020/03/17
9490
Java Web(SpringBoot 2.x)上传文件夹,完整代码
1、pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>commons-io</groupId> <artifac
程裕强
2019/05/27
2.7K0
input file上传文件改变默认样式
我们知道,在使用到input file上传文件的时候,会出现这样很丑的默认样式,作为前端开发的我们,主要责任就是去优化这些样式,以更美观的方式呈现出来,但是,这个默认样式没有可以去修改的属性,还是比较麻烦的。
王小婷
2019/11/27
2.1K0
js不借助后端,多文件拖拽压缩上传,支持选择文件夹
在系统中上传文件时,需要支持多文件和文件夹上传,并且需要在文件上传时需要将多文件压缩成zip包,下载的时候,直接下载zip包
拿我格子衫来
2022/01/24
3.5K0
js不借助后端,多文件拖拽压缩上传,支持选择文件夹
调用DeepSeek API增强版纯前端实现方案,支持文件上传和内容解析功能
在现代Web开发中,文件上传和内容解析是常见的需求。随着人工智能技术的发展,DeepSeek API增强版提供了一个强大的解决方案,支持多种文件格式的上传和内容解析。本文将详细介绍如何通过纯前端技术调用DeepSeek API增强版,实现文件上传和内容解析功能,帮助开发者快速构建高效、安全的Web应用。
全干程序员demo
2025/03/27
2520
调用DeepSeek API增强版纯前端实现方案,支持文件上传和内容解析功能
input file多选 multiple[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/160959.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/09
2.4K0
html网页中加入音乐播放器,[HTML5]简单网页本地音乐播放器[通俗易懂]
既然HTML5提出与本地交互方便,就想写个HTML5的本地音乐播放器。一开始问题主要集中在怎么读取本地文件路径,我想肯定可以用JS实现去操作本地文件(因为node.js很容易实现读取本地文件,但是原生JS怎么写不太清楚),不过简单一点就用这样只能读取一个,我想做的是最好是把一个文件夹中的都取出来,然后参考http://sapphion.com/2011/11/html5-folder-upload-with-webkitdirectory/ 给file加了个webkitdirectory属性,谷歌浏览器下可以实现,发现目前为止只有谷歌浏览器支持文件夹获取,所以其他浏览器只能为file添加一个 multiple属性 ,可以一次添加多个文件,我参考了一下http://blog.csdn.net/goodnew/article/details/7355619,不过试了几个浏览器发现文章中为file添加的mozdirectorydirectory,并未发现有什么用,更坚信了只有谷歌才支持文件夹获取。后面主要问题就是获取文件的URL,播放器的话用,详细看代码,附上链接http://download.csdn.net/detail/popezong/8790939
全栈程序员站长
2022/06/25
4.7K0
《最新出炉》系列入门篇-Python+Playwright自动化测试-54- 上传文件(input控件) - 上篇
在实际工作中,我们进行web自动化的时候,文件上传是很常见的操作,例如上传用户头像,上传身份证信息等。所以宏哥打算按上传文件的分类对其进行一下讲解和分享。
北京-宏哥
2024/06/16
4010
《最新出炉》系列入门篇-Python+Playwright自动化测试-54- 上传文件(input控件) - 上篇
Angular2里获取(input file)上传文件的内容
最近在用Angular2,需要有一个上传文件的功能,但是又不想用库,所以直接用原生的input file 标签。
Tuzei
2020/03/16
2.6K0
原生js使用FormData上传文件并监听进度(附前后端实现源码)
本文代码及相关素材已经托管到Github仓库, 永久下载地址https://github.com/zhaoolee/Blog/tree/master/form_data_upload_file
zhaoolee
2019/06/14
4.2K0
原生js使用FormData上传文件并监听进度(附前后端实现源码)
写给新手前端的各种文件上传攻略,从小图片到大文件断点续传
今年国庆假期终于可以憋在家里了不用出门了,不用出去看后脑了,真的是一种享受。这么好的光阴怎么浪费,睡觉、吃饭、打豆豆这怎么可能(耍多了也烦),完全不符合我们程序员的作风,赶紧起来把文章写完。
coder_koala
2019/11/04
3.2K0
写给新手前端的各种文件上传攻略,从小图片到大文件断点续传
html5 文件api使用示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html5文件API</title> <script type="text/javascript"> function getName(){ var file = document.getElementById("file"); //document.getElementById("file").files // 返回 FileList对象
好派笔记
2021/11/02
7510
Vue + Node.js 搭建「文件上传」管理后台
本教程手把手带领大家搭建一套通过 Vue + Node.js 上传文件的后台系统,只要你跟随本教程一步步走,一定能很好的理解整个前后端上传文件的代码逻辑。前端我们使用 Vue + Axios + Multipart 来搭建前端上传文件应用,后端我们使用 Node.js + Express + Multer 来搭建后端上传文件处理应用。
蒋川
2022/04/22
12.1K0
Vue + Node.js 搭建「文件上传」管理后台
推荐阅读
相关推荐
10个对web开发人员有用的HTML文件上传技巧
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文