在线绘制高颜值,带填充的连贯堆叠柱状图

堆叠柱状图是我们日常工作中经常使用的一类图形 。 然而当分类较多时 , 堆叠柱状图看起来不是那么清晰 , 通过添加额外的连线 , 可以增加堆叠柱状图的颜值 , 给人一种连贯的感觉 , 并且能够更好地观察数据比例的变化 。
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图1.堆叠柱状图(带填充)
如图1所示 , 这里展示了5个样品的m6A甲基化peak在不同基因组特征上的分布比例 , 相同类型的基因组特征使用浅色带连接 , 连贯且有一种伪3D的感觉 , 让人耳目一新!
1 , 打开绘图页面
首先 , 使用浏览器(推荐chrome或者edge)打开填充堆叠柱状图绘制页面 。 左侧为常见作图导航 , 中间为数据输入框和可选参数 , 右侧为描述和结果示例 。 也可以在主页搜索框中搜索bar , 找到绘图页面 。
在线绘制高颜值,带填充的连贯堆叠柱状图】http://www.bioinformatics.com.cn/plot_basic_vertical_stackbar_with_links_and_fill_plot_038
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图2.可视化绘图页面
2 , 示例数据
点击右侧“示例数据”链接下载excel格式的示例数据 。
示例数据(仅供参考)第一行是分类 , 第一列是样品名 。 由于这里数值表示比例 , 因此列的和为100 。
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图3.输入数据
注意:需要参考示例数据 , 在excel中将自己的数据整理成示例数据的样式 , 每个cell都需要有数据 。 根据数据自行转置 。
3 , 粘贴示例数据
拷贝示例数据的A-F列 , 粘贴到输入框 。
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图4.粘贴到输入框
注意:不是拷贝excel文件 , 是拷贝excel文件里边的数据 。 另外粘贴到输入框后 , 格式乱了没关系 , 只要在excel中是整齐的就行 。 并且数据矩阵中不能有空的单元格 , 中文字符等 。
4 , 修改参数 , 并提交
我们设置了图片尺寸、文字大小、颜色、字体等参数 , 基本能满足日常绘图使用 。 我们提供了10种自定义颜色 , 让你实现色彩搭配自由(超过10种使用系统默认颜色) 。 如需更高级的定制 , 请联系我们 。
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图5.颜色、字体等可调参数
5 , 提交出图
粘贴好输入数据 , 调整好参数(或者全部默认)后 , 点击提交按钮 , 3秒钟后 , 会在页面右侧出现预览图 。 我们提供了4种图片格式供下载 , 两种矢量图(pdf , svg)和两种标量图(600dpitiff和300dpipng) 。
在线绘制高颜值,带填充的连贯堆叠柱状图
文章图片
图6.预览与下载
没有预览就没有出图 , 这时请参考示例数据 , 检查自己输入数据的格式 。
遇到文字截断 , 需要修改字体、调整字体大小等 , 请参考科研作图实操:用inkscape编辑svg矢量图
使用inkscape打开svg格式图片 , 调整图例位置 , 出血另存为pdf等格式!
微生信助力高分文章 , 用户66000+ , 引用860+返回搜狐 , 查看更多
责任编辑: