☰

如何防止tikz圖片中的標籤重疊？

tag-icon • tag-icon tikz-pgf pgfplots positioning labels
如何防止tikz圖片中的標籤重疊？

下面的 Latex 程式碼是由我的 C# 程式產生的。有三個箭頭，每個箭頭都有一個標籤。第二個標籤與第一個標籤重疊。為了解決這個問題，標籤可以位於箭頭下方（如第三個箭頭/標籤），或者可以一起省略箭頭/標籤。

如何檢測重疊？

或如何相對於 x 軸定位標籤，而不是像現在一樣相對於其箭頭（上方/下方/省略開關）？

或是標籤位置和到箭頭的距離（上圖=4？）與 x 軸有何關係？

\documentclass[11pt,a4paper,dutch]{article}
\usepackage[per-mode=symbol,mode=text,per-mode=symbol,exponent-product=\cdot]{siunitx}
\usepackage{xcolor}
\usepackage{rotating}
\usepackage{pgfplots}
\usepackage{tikz}
\tikzset{every picture/.style={line width=0.75pt}}
\usetikzlibrary{arrows.meta,calc,math,quotes,angles}
\tikzset{>=latex}
\tikzstyle{vector}=[->,very thick,xcol]
\pgfplotsset{compat=1.18}
\begin{document}
\begin{figure}
\begin{tikzpicture}[scale=0.9, transform shape]
\fontsize{10pt}{12pt}
\begin{axis}[
width=6cm,
height=6cm,
xmin={-0.7},xmax={5*1.1},
ymin={-0.1*1.1},ymax={2.335*1.1},
y label style={at={(axis description cs:-0.04,.5)},rotate=90,anchor=south},
grid=both,
grid style={line width=.1pt, draw=gray!20},
major grid style={line width=.2pt,draw=gray!50},
axis lines=middle,
y label style={at={(axis description cs:-0.04,.5)},rotate=90,anchor=south},
xlabel near ticks,
minor tick num=5,
enlargelimits={abs=0.5},
ticklabel style={font=\tiny,fill=white},
axis x line = bottom,
axis y line = left,
axis line style={-stealth}
] 
\def\closeby{3.2}
\def\spaced{3.7}
\coordinate(Sag1) at (axis cs: 3.5,0);
\coordinate(Sag2) at (axis cs: 3.5,1.835);
\draw[stealth-stealth] [black](Sag1) -- (Sag2)  node [above,midway, rotate=90]{$\qty{2.33}{\meter}$};
\coordinate(Sag1) at (axis cs: \closeby, 0);
\coordinate(Sag2) at (axis cs: \closeby, 2.335);
\draw[stealth-stealth] [red](Sag1) -- (Sag2)  node [above,midway, rotate=90]{$\qty{2.353}{\meter}$};
\coordinate(Sag1) at (axis cs: \spaced, 0);
\coordinate(Sag2) at (axis cs: \spaced, 2.235);
\draw[stealth-stealth] [red](Sag1) -- (Sag2)  node [below,midway, rotate=90]{$\qty{2.353}{\meter}$};

\end{axis}
\end{tikzpicture}
\end{figure}
\end{document}

在此輸入影像描述

答案1

一種方法是：

  • 為標籤加上白色背景，
  • 在箭頭中寫標籤，
  • 減小標籤字體大小
  • 減少inner ysep

\documentclass[11pt,a4paper,dutch]{article}
\usepackage{xcolor}
\usepackage{pgfplots}
\pgfplotsset{compat=1.18}
\usetikzlibrary{arrows.meta,
                calc,
                math,
                quotes,
                angles}
\tikzset{
    >=latex,
vector/.style = {->,very thick},
every picture/.style = {line width=0.75pt},
lbl/.style = {fill=white, font=\scriptsize, inner ysep=0pt, sloped}
        }
\usepackage[per-mode=symbol,
            mode=text,
            exponent-product=\cdot]{siunitx}


\begin{document}
    \begin{figure}
\begin{tikzpicture}[scale=0.9, transform shape]
\fontsize{10pt}{12pt}
\begin{axis}[
width=6cm,
height=6cm,
xmin={-0.7},xmax={5*1.1},
ymin={-0.1*1.1},ymax={2.335*1.1},
y label style={at={(axis description cs:-0.04,.5)},rotate=90,anchor=south},
grid=both,
grid style={line width=.1pt, draw=gray!20},
major grid style={line width=.2pt,draw=gray!50},
axis lines=middle,
y label style={at={(axis description cs:-0.04,.5)},rotate=90,anchor=south},
xlabel near ticks,
minor tick num=5,
enlargelimits={abs=0.5},
ticklabel style={font=\tiny,fill=white},
axis x line = bottom,
axis y line = left,
axis line style={-stealth}
]
\def\closeby{3.2}
\def\spaced{3.7}
\coordinate(Sag1) at (axis cs: 3.5,0);
\coordinate(Sag2) at (axis cs: 3.5,1.835);
\draw[stealth-stealth]      (Sag1) -- node [pos=0.3, lbl] {\qty{2.33}{\meter}}    (Sag2);

\coordinate(Sag1) at (axis cs: \closeby, 0);
\coordinate(Sag2) at (axis cs: \closeby, 2.335);
\draw[stealth-stealth,red]  (Sag1) -- node [pos=0.7, lbl] {\qty{2.353}{\meter}}   (Sag2);

\coordinate(Sag1) at (axis cs: \spaced, 0);
\coordinate(Sag2) at (axis cs: \spaced, 2.235);
\draw[stealth-stealth,red]  (Sag1) -- node [pos=0.7, lbl] {\qty{2.353}{\meter}}   (Sag2);

\end{axis}
\end{tikzpicture}
    \end{figure}
\end{document}

在此輸入影像描述

另一種選擇是增加箭頭之間的距離。

相關內容