【高级绘图】绘制SCI论文带误差的折线图

硬件电子工程师

点击上方蓝字和“好玩的matlab”一起快乐的玩耍吧
6 \3 @5 I3 ]8 R# Q( |% W7 t

x1uoxnv4jlc6408887413.jpg

# h+ K. Y1 B! O' {. ~好玩的matlab
带你解锁不一样的matlab新玩法

喜欢此推文的小伙伴们记得点赞+关注+分享！
+ H; [& O( B( G% Q: M折线图是我们经常用到的图，来学习下SCI论文里面折线图的绘制。以下是来自science2020[1]论文里的配图，接下来手把手带大家用MATLAB来复现一下这个带误差的折线图。
  `4 E) s6 {" {! ]

t2ya1jnocap6408887513.png

rbv2ctvz0026408887613.gif

  ^+ h5 S% T" S: f9 g7 ?效果

8 L" X8 }! G6 x! k: s" t( N$ ~: v以下是复现出来的图，虽然不是一模一样，但大部分元素还是复现出来了。
$ f9 C% m" D' }2 ^6 U& Z: ~% I4 F6 w
: ]  l9 v6 b! T7 X* k  f# A
- M: t9 o0 D( C# f* X' Q+ y0 K# c

# }( S' W+ X$ d- J5 `: S5 p: u  q # n; C; t# F" x) J4 S( ? 4e4ygdbib5m6408887713.png + j; ^" T* I' n# k) x. A) v5 f* o8 J

+ R2 c9 x% {9 f$ c" f
/ A! k5 i; A: m0 l3 Y( G) u/ y) w
) c* `! g8 [; v* c, j! w" B* O
绘制要素
. n* k. @1 o# D9 l* ^( w5 c8 ^

第一个绘图要素：颜色
看到这张图，首先映入眼帘的是啥呢？当然是颜色了！颜色配的好，作图就成功了一大半。首先要获得图片里的颜色~

第二个绘图要素：数据
- J. C3 A; R) k: K! `作图数据是必不可少的，但你要画图的画，你肯定已经有数据了。当然小编没有这篇SCI论文里的数据，所以就仿造了一点数据。

第三个绘图要素：框架
     此图只需要 函数errorbar即可绘制。
+ z! A2 W7 G4 U( ^7 j/ h' V1 m

hdcwvcy2gld6408887813.gif

esnfdiwkqsb6408887913.png

# f$ Z" W+ i2 ]: r' p1、取色

nhzlkswxian6408888013.png

还是使用和【图片配色】那篇推送一样的方法，还没有看过的可以去看一眼，要想复现出一样的图，肯定先得拿出这张图的颜色。


用以下代码取色图片就是上面的截图，运行之后在图片需要的颜色处打点，完了之后按enter,颜色就自动取出来了。

% 公众号：好玩的MATLABhua=imread('1.png');figure(1)imshow(hua);[c1,c2]=getpts; %选择颜色点c1=ceil(c1); %将选点的位置化为整数c2=ceil(c2);for i=1:length(c1)    color(i,:)=hua(c2(i),c1(i),:);endcolor=double(color);color=color/255;
以下就是取出的3种颜色了，建议把它记录下来，省得下一次麻烦。记录下来的颜色变量如下

color=[0.611764705882353,0.207843137254902,0.560784313725490;0.301960784313725,...    0.164705882352941,0.458823529411765;0.556862745098039,0.549019607843137,0.549019607843137];?
/ e7 A( O$ H! A* j9 d
1 P4 y! m4 Y5 f, ~
$ s, _1 @% ?, o* K) y6 a: a4 R
0 x0 ]2 j- J/ E, P" |8 G; L# V2、数据
/ E  g# }% i# }' V' B3 p
# d0 M0 e! ]% H& {
以下是根据原图自拟的数据，除了折线本身的数据，还有误差上下限，凑合着用。
6 ^% q& P# h* o6 [  k8 t

% 公众号：好玩的MATLABx=[0.1,2.1,3.1,4.1,5.1]; %x轴数据y1=[1.1,0.7,0.75,0.9,0.95];  %y轴数据low1=0.2*rand(1,length(y1));  %数据上限high1=low1;  %数据下限y2=[1.3,0.32,0.35,0.3,0.25];low2=0.1*rand(1,length(y2));high2=low2;y3=[1.5,1.2,1.15,1.6,1.2];low3=0.3*rand(1,length(y3));high3=low3;
! B& F; y) L% L( M  z

1 h+ [  n. Z' d2 o
) X  G' J. N3 V+ ^# z3 G3、画图
8 c2 a  c6 D8 s/ r: X7 Q

5 ~$ _7 q4 g) t+ f5 n# D, ^/ W, [- _1 初始化显示位置
' Q* c( f0 o$ f/ C3 t/ e0 U2 o
看起来不起眼的一点实则非常重要，可以根据论文的大小来设置图片的大小，很大程度上可避免后期拖拉图片造成的字体变形，不清晰等问题。

%%初始化显示位置 [x,y,dx,dy] 从 x,y坐标开始，dx,dy为沿升的长度%调整整个图的范围figure('Units', 'pixels', ...    'Position', [100 100 600 375]);
2 循环画图和配色
! V, Y1 S( V2 e' Z; c$ {! k. `
) t9 b4 B$ W; X( i* q$ h5 X% f8 r  使用 errorbar函数，主要改变其性质和颜色。改变画图的设置都在代码里标记了~
1 B9 j7 N0 @- _$ c4 ?

%'Color'整个连接线的颜色，'MarkerSize',标记的大小，'MarkerEdgeColor'，标记边缘颜色，'MarkerFaceColor',标记填充颜色%'LineWidth', 线宽,'CapSize',误差图标帽的大小errorbar(x,y1,low1,high1,'-s','Color',color(1,:),'MarkerSize',10, 'MarkerEdgeColor',color(1,:),'MarkerFaceColor',[1,1,1],...    'LineWidth', 2,'CapSize',10)hold onerrorbar(x,y2,low2,high2,'-o','Color',color(2,:),'MarkerSize',8, 'MarkerEdgeColor',color(2,:),'MarkerFaceColor',color(2,:),...    'LineWidth', 2,'CapSize',10)hold onerrorbar(x,y3,low3,high3,'-^','Color',color(3,:),'MarkerSize',8, 'MarkerEdgeColor',color(3,:),'MarkerFaceColor',color(3,:),...    'LineWidth', 2,'CapSize',10)hold onylabel('Mechanical Threshold')
3 坐标和字体的设置

. a9 s7 m, D5 B; m- Y# j坐标和字体的适当配置可以大大增加作图的颜值

%% 调坐标的范围ax = gca;%x轴范围ax.XTick = [0.1,2.1,3.1,4.1,5.1];%x轴标签ax.XTickLabels ={'Baseline', '0', '4h','24h','48h'};ax.YTick= [1,2];%y轴范围ax.YLim=[0,2];%% 图例% 不同图例不同颜色标记，'LineWidth',字体粗细,'FontSize',字体大小 ,'Orientation' 图例位置legend(['\color[rgb]{',num2str(color(1,:)) ,'}','Control'],['\color[rgb]{',num2str(color(2,:)) ,'}',' CFA'] ,...    ['\color[rgb]{',num2str(color(3,:)) ,'}','BY'],'LineWidth',2,'FontSize',14,'Location','best');legend('boxoff') %图例框消失%% 设置字体set(gca,"FontName","Times New Roman","FontSize",14,"LineWidth",2)title("MY picture","FontName","Times New Roman","FontSize",14,"LineWidth",2);box off
3 s( l# U( e7 \  t8 J8 ^$ Z
6 h2 B1 X, ?/ g; `) u% E4 `
完整源码
3 d# O: H" Z  y. n# o% V% F6 [

clc;clear;close all;%% 取图片颜色% tupian=imread('3.png');% figure(1)% imshow(tupian);% [c1,c2]=getpts; %选择颜色点% c1=ceil(c1); %将选点的位置化为整数% c2=ceil(c2);% for i=1:length(c1)%     color(i,:)=tupian(c2(i),c1(i),:);% end% color=double(color);% color=color/255;%% 准备数据color=[0.611764705882353,0.207843137254902,0.560784313725490;0.301960784313725,...    0.164705882352941,0.458823529411765;0.556862745098039,0.549019607843137,0.549019607843137];x=[0.1,2.1,3.1,4.1,5.1]; %x轴数据y1=[1.1,0.7,0.75,0.9,0.95];  %y轴数据low1=0.2*rand(1,length(y1));  %数据上限high1=low1;  %数据下限y2=[1.3,0.32,0.35,0.3,0.25];low2=0.1*rand(1,length(y2));high2=low2;y3=[1.5,1.2,1.15,1.6,1.2];low3=0.3*rand(1,length(y3));high3=low3;%% 画图%调整整个图的范围figure('Units', 'pixels', ...    'Position', [100 100 600 375]);%'Color'整个连接线的颜色，'MarkerSize',标记的大小，'MarkerEdgeColor'，标记边缘颜色，'MarkerFaceColor',标记填充颜色%'LineWidth', 线宽,'CapSize',误差图标帽的大小errorbar(x,y1,low1,high1,'-s','Color',color(1,:),'MarkerSize',10, 'MarkerEdgeColor',color(1,:),'MarkerFaceColor',[1,1,1],...    'LineWidth', 2,'CapSize',10)hold onerrorbar(x,y2,low2,high2,'-o','Color',color(2,:),'MarkerSize',8, 'MarkerEdgeColor',color(2,:),'MarkerFaceColor',color(2,:),...    'LineWidth', 2,'CapSize',10)hold onerrorbar(x,y3,low3,high3,'-^','Color',color(3,:),'MarkerSize',8, 'MarkerEdgeColor',color(3,:),'MarkerFaceColor',color(3,:),...    'LineWidth', 2,'CapSize',10)hold onylabel('Mechanical Threshold')%% 调坐标的范围ax = gca;%x轴范围ax.XTick = [0.1,2.1,3.1,4.1,5.1];%x轴标签ax.XTickLabels ={'Baseline', '0', '4h','24h','48h'};ax.YTick= [1,2];%y轴范围ax.YLim=[0,2];%% 图例% 不同图例不同颜色标记，'LineWidth',字体粗细,'FontSize',字体大小 ,'Orientation' 图例位置legend(['\color[rgb]{',num2str(color(1,:)) ,'}','Control'],['\color[rgb]{',num2str(color(2,:)) ,'}',' CFA'] ,...    ['\color[rgb]{',num2str(color(3,:)) ,'}','BY'],'LineWidth',2,'FontSize',14,'Location','best');legend('boxoff') %图例框消失%% 设置字体set(gca,"FontName","Times New Roman","FontSize",14,"LineWidth",2)title("MY picture","FontName","Times New Roman","FontSize",14,"LineWidth",2);box off
/ Q: }: p. Q7 z2 X* H# n; v一张好看的图就诞生了~
, j, I: _- z6 X
3 u2 h1 T, P' v( W2 ?

n50gdr1dn0i6408888113.png

END

, U9 f; b2 x7 U0 C  y
" {1 C, _* K* o; C4 t+ J3 @参考资料：
【1】图片来源（sciencemag.org）【10.1126/science.abe3040】
' |+ D) b& u2 I& N9 ~; H& D! f
. t0 f& M/ ?; R7 }6 q. ]往期精彩回顾
( K) v. @% j/ Y; Z1 Q) L

2fnhanewglq6408888213.png

1 ~4 i3 V+ m7 K2 ?" s7 d5 n推荐 | 【好玩的源码】手把手教你MATLAB奏乐推荐 | 【建模算法】零基础学优化——线性规划推荐 | 【建模算法】零基础学优化——非线性规划推荐 | 【高级绘图】画一个SCI论文里的柱状图(文末送书)

qjwvak3bftg6408888313.png

" ?: [! K# E; D. T3 [; r4 |

a4coc5gz3r46408888413.jpg

6 |4 `! e" _1 t1 }↓↓↓ 点击"阅读原文" 【加入QQ群】