سلام،
برای این منظور میتوانید از بسته pgfplots استفاده کنید.
من یک نمونه ساده از این نمودار رو رسم کردم:
\documentclass{article}
\usepackage{pgfplots}
\let\ds\displaystyle
\begin{document}
\begin{tikzpicture}
\begin{axis}[
axis lines=middle,
inner axis line style={=>},
xlabel={\large $x$},
ylabel={\large $y$},
xticklabel style={inner xsep=.5pt, anchor=north east},
xtick={0,0.125,...,1.125},
ytick={-1,-0.5,...,1},
xticklabel style={/pgf/number format/.cd,frac,frac TeX=\ds\frac,frac denom=8},
yticklabel style={/pgf/number format/.cd,frac,frac TeX=\ds\frac,frac denom=2},
ymin=-1.5,
ymax=1.5,
xmin=0,
xmax=1.25]
\addplot[color=blue,ultra thick] coordinates {
(0,1)
(.5,1)
(0.5,-1)
(1,-1)
(1,0)
(1.125,0)
};
\end{axis}
\end{tikzpicture}
\end{document}
که خروجی آن به صورت زیر خواهد بود:

در رسم نمودار فوق چند مورد زیر را در نظر بگیرید:
۱- برای رسم نمودار از دستور addplot coordinate\ استفاده شده است و در داخل آن مختصاتهایی که میخواهید رسم کنید را میتوان به صورت (x,y) آورد.
همچنین برای تنظیم نمایش برای ویژگیهای محیط axis موارد زیر را در نظر بگیرید:
۲- برای نمایش کسری از تغییر ویژگی xticklabel style و yticklabel style استفاده کردهام و به آن فرمت اعداد را به صورت کسری از یک عدد دلخواه تعریف کردهام.
xticklabel style={/pgf/number format/.cd,frac,frac TeX=\ds\frac,frac denom=8},
yticklabel style={/pgf/number format/.cd,frac,frac TeX=\ds\frac,frac denom=2},
۳- برای تنظیم محل علائم از ویژگی xlabel style استفاده کردهام و مکان آن را در پایین و چپ آن و با اختلافی به اندازه 0.5pt از آن محل در نظر گرفتهام
xticklabel style={inner xsep=.5pt, anchor=north east},
۴- برای تنظیم تعداد علايم و فاصله آنها از ویژگی xtick و ytick استفاده کردهام:
xtick={0,0.125,...,1.125},
ytick={-1,-0.5,...,1},
۵- برای تعیین کمینه و بیشینه محورهای مختصات از ویژگیهای xmin, xmax, ymin و ymax استفاده کردهام:
ymin=-1.5,
ymax=1.5,
xmin=0,
xmax=1.25
۶- برای نمایش لیبل محورها، از ویژگی xlabel و ylabel میتوان استفاده نمود:
xlabel={\large $x$},
ylabel={\large $y$},
برای اطلاع بیشتر از نحوه عملکرد این بسته به مستندات بسیار کامل این بسته مراجعه نمایید.