[Tex/LaTex] Plate captions overlapping

nodespositioningtikz-pgftikz-stylestikzlibrary

I am trying to draw a probabilistic graphical model using BayesNet, a TikZ library for drawing graphical model in latex. I have tried to insert plates caption – Tasks i, Classes c, workers j, features k – like the first image given below, but I cannot change the position of plate caption. How can I modify second image source code to change all the plates caption position like first image?

Here is the code I am using:

\documentclass{article} % For LaTeX2e
\usepackage{nips13submit_e,times}
\usepackage{hyperref}
\usepackage{url}
\usepackage{graphicx}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{bayesnet}

\begin{document}
\begin{tikzpicture}
    % Define nodes
    \node[obs]             (y)      {$y_{i}^{(j)}$};
    \node[obs, right=of y]  (f)      {$f_{ik}^{(j)}$};
    \factor[above=of y,yshift=0.7cm]   {yf}    {Cat} {} {} ; %
    \factor[above=of f,yshift=0.7cm]   {rf}    {Cat} {} {} ;

    \node[latent, left=of yf]  (pi)      {$\pi_{c}^{(j)}$};
    \node[latent, above=of pi, yshift=0.5cm]  (beta)   {$\beta_{c}^{(j)}$};
    \factor[above=of pi, yshift=0.4cm] {pi-f} {left:Dir} {} {} ; %

    \node[latent, above=of yf, xshift=0.8cm, yshift=3cm ]  (t)   {$t_i$};
    \node[latent, above=of t, yshift=0.5cm]  (p)   {$p$};
    \node[latent, right=of p, xshift=0.8cm]  (alpha)   {$\alpha$};
    \factor[above=of t, yshift=0.5cm] {t-f} {left:Dir} {} {} ; %
    \factor[right=of p, xshift=0.5cm] {p-f} {Dir} {} {} ; %

    \node[latent, right=of rf]  (d)      {$z_{k,c}^{(i)}$};
    \node[latent, above=of d, yshift=0.5cm]  (gamma)   {$\gamma_{0,c}^{(i)}$};
    \factor[above=of d, yshift=0.4cm] {d-f} {right:Dir} {} {} ; %

    % Connect the nodes
    \factoredge {gamma}  {d-f}  {d} ;
    \factoredge {alpha}  {p-f}  {p}; %
    \factoredge {p}  {t-f}  {t}; %
    \factoredge {beta}  {pi-f}   {pi} ;
    \factoredge {pi}  {yf}   {y} ;
    \factoredge {d}  {rf}   {f} ;

    \gate {y-gate} {(yf)(yf-caption)} {t}
    \gate {f-gate} {(rf)(rf-caption)} {t}

    % Plates
    \plate [inner sep=0.3cm, xshift=0.1cm, yshift=-0.2cm,color=red] {pA} {(f)(rf)(d)(d-f)} {$k \in K_i$}; %
    \plate [inner sep=0.5cm, xshift=0.2cm, yshift=0.5cm, color=blue] {pC} {(beta)(pi)(d)(gamma)} {C classes};
    \plate [inner sep=0.7cm, xshift=0.3cm, yshift=-0.4cm, color=brown] {pT} {(t)(gamma)(d)(yf)(y)(rf)(f)} {N objects};
    \plate [inner sep=0.5cm, xshift=-0.2cm] {pM} {(beta)(pi)(yf)(y)(rf)(f)} {M workers} ;
    \plate [inner sep=0.2cm, xshift=-0.05cm, yshift=0.15cm] {pJi} {(y)(f)} {$J_i$}

    %minimum height=1.5cm, minimum width=3.0cm, yshift=0.4cm,
\end{tikzpicture}
\end{document}

Best Answer

Hadn't seen that library before, perhaps because it is a third-party library, and not discussed in the TikZ manual. The only documentation seems to be a short readme file, so I had a look at the code of the library itself.

The library file can be found by running kpsewhich tikzlibrarybayesnet.code.tex in a terminal, on my system it is found in /usr/local/texlive/2015/texmf-dist/tex/latex/tikz-bayesnet/tikzlibrarybayesnet.code.tex.

The \plate command is defined there as follows:

\newcommand{\plate}[4][]{ %
  \node[wrap=#3] (#2-wrap) {}; %
  \node[plate caption=#2-wrap] (#2-caption) {#4}; %
  \node[plate=(#2-wrap)(#2-caption), #1] (#2) {}; %
}

The caption is created by the second node, which uses the style plate caption. This style in turn is defined by

\tikzstyle{plate caption} = [caption, node distance=0, inner sep=0pt,
below left=5pt and 0pt of #1.south east]

So you can see that it is positioned relative to the south east corner of a node (#1), defined by the argument given to the style, i.e. #2-wrap in the definition of \plate. #2 here is turn the first mandatory argument to the \plate command, i.e. the first one after the options. The node #2-wrap is a node defined with the fit option, and is a node that encompasses all the nodes given in the second mandatory argument of \plate.

The actual frame of the \plate is drawn by the third \node in its definition, which is a node that encompasses the caption and the list of nodes in the \plate (also via the fit library).

One way of moving the caption around is to redefine the plate caption style. As the library is written that has to be done before each \plate command with \tikzset. That is, add something like

\tikzset{plate caption/.append style={below right=0pt and 0pt of #1.north west}

before the \plate. Using append style as above you don't have to include the rest of the style definition, only the position will be overwritten. If you want to modify this for just one \plate, put a pair of braces around \tikzset and \plate, i.e.

{ % opening brace
\tikzset{..}
\plate{..}{..}{..}
} % closing brace

To late in the evening for me to try to modify everything, so in the code below I've only moved the C classes caption. Hopefully you can figure out the rest yourself.

\documentclass[border=3mm]{standalone} % For LaTeX2e
\usepackage{tikz}
\usetikzlibrary{bayesnet}

\begin{document}

\begin{tikzpicture}

  % Define nodes
  \node[obs]             (y)      {$y_{i}^{(j)}$};
  \node[obs, right=of y]  (f)      {$f_{ik}^{(j)}$};
  \factor[above=of y,yshift=0.7cm]   {yf}    {Cat} {} {} ; %
  \factor[above=of f,yshift=0.7cm]   {rf}    {Cat} {} {} ; 


  \node[latent, left=of yf]  (pi)      {$\pi_{c}^{(j)}$};
  \node[latent, above=of pi, yshift=0.5cm]  (beta)   {$\beta_{c}^{(j)}$};
  \factor[above=of pi, yshift=0.4cm] {pi-f} {left:Dir} {} {} ; %

  \node[latent, above=of yf, xshift=0.8cm, yshift=3cm ]  (t)   {$t_i$};
  \node[latent, above=of t, yshift=0.5cm]  (p)   {$p$};
  \node[latent, right=of p, xshift=0.8cm]  (alpha)   {$\alpha$};
  \factor[above=of t, yshift=0.5cm] {t-f} {left:Dir} {} {} ; %
  \factor[right=of p, xshift=0.5cm] {p-f} {Dir} {} {} ; %

  \node[latent, right=of rf]  (d)      {$z_{k,c}^{(i)}$};
  \node[latent, above=of d, yshift=0.5cm]  (gamma)   {$\gamma_{0,c}^{(i)}$};
  \factor[above=of d, yshift=0.4cm] {d-f} {right:Dir} {} {} ; %


  % Connect the nodes
  \factoredge {gamma}  {d-f}  {d} ;
  \factoredge {alpha}  {p-f}  {p}; %
  \factoredge {p}  {t-f}  {t}; %
  \factoredge {beta}  {pi-f}   {pi} ;
  \factoredge {pi}  {yf}   {y} ;
  \factoredge {d}  {rf}   {f} ;

 \gate {y-gate} {(yf)(yf-caption)} {t}
 \gate {f-gate} {(rf)(rf-caption)} {t}

% Plates
\plate [inner sep=0.3cm, xshift=0.1cm, yshift=-0.2cm,color=red] {pA} {(f)(rf)(d)(d-f)} {$k \in K_i$}; %
{\tikzset{plate caption/.append style={above=5pt of #1.north west}}
\plate [inner sep=0.3cm, xshift=0.2cm, color=blue] {pC} {(beta)(pi)(d)(gamma)} {C classes};}
\plate [inner sep=0.7cm, xshift=0.3cm, yshift=-0.4cm, color=brown] {pT} {(t)(gamma)(d)(yf)(y)(rf)(f)} {N objects};
\plate [inner sep=0.2cm, xshift=-0.2cm] {pM} {(beta)(pi)(yf)(y)(rf)(f)} {M workers} ;
\plate [inner sep=0.2cm, xshift=-0.05cm, yshift=0.15cm] {pJi} {(y)(f)} {$J_i$} 

%minimum height=1.5cm, minimum width=3.0cm, yshift=0.4cm,
\end{tikzpicture}
 \end{document}

Related Solutions

TikZ-PGF Diagrams Nodes – Overlapping Nodes in TikZ

To have the nodes properly positionated relative to other nodes, you have to include the positioning tikz library. and change the syntax of your relative positioning from below of=node to below = of node, i.e., the equal sign comes before the of keyword.

This way:

\usetikzlibrary{positioning}

\begin{figure}[tb]
    \begin{center}
    \begin{tikzpicture}[
            % copy to preamble to use it everywhere \tikzset{node/.style...}
            node/.style={
                % shape
                rectangle,
                rounded corners=1mm,
                minimum size=6mm,
                %border
                thick,
                draw,
            },
            dummy/.style={
                % shape
                rectangle,
                rounded corners=1mm,
                minimum size=6mm,
                %border
                thick,
            },
            node distance=10mm
            ]
            \node(wadl)[node]{WADL-Datei};
            \node(xsd1)[node,below left=of wadl]{XSD-Datei};
            \node(...)[dummy,below= of wadl]{\ldots};
            \node(xsd3)[node,below right=of wadl]{XSD-Datei};
            \node(test)[node,right=of wadl]{test};

            \path(wadl) edge[->] (test);
        \end{tikzpicture}   
    \end{center}
    \caption{Codegeneratorsystem}
    \label{fig:codegeneratorsystem}
\end{figure}

Which produces this result:

Result

[Tex/LaTex] Overlapping labels in tikz barplot

In this proposal, the solution moves down the overlapping label associated to green bar (E) via adding a local option shown below with a conditional yshift test for coordinate=1 or 3 or 4 or 5 because the current coordinate index is stored in the macro \coordindex (starting from 0,1,2...): Moreover, myred and mybrown plots has a signle movement too.

 nodes near coords,
 every node near coord/.append style={
 yshift={\ifnum
 \ifnum\coordindex=1 1 
 \else\ifnum\coordindex=3 1
 \else\ifnum\coordindex=4 1
 \else\ifnum\coordindex=5 1 \else 0\fi\fi\fi\fi
                    =1 %
                    -2.5ex  % negative value for moving down and vice versa
                  \else 
                     0pt    % default
                  \fi}},

If more ups and downs are needed, the same idea applies via adding/appending

 every node near coord/.append style={
 yshift={conditional check}}

See material on How to write Conditional ifnum for further reference.

enter image description here

Code

\documentclass[12pt]{book}
\usepackage{pgfplots}
\newlength\figureheight 
\newlength\figurewidth
\begin{document}
\begin{figure}[H]
\centering
\definecolor{myblue}{HTML}{0058a2}
\definecolor{mygreen}{HTML}{13B508}
\definecolor{myred}{HTML}{FF0000}
\definecolor{myskyblue}{HTML}{00C9FF}
\definecolor{mybrown}{HTML}{9C7E05}
\definecolor{myorange}{HTML}{E87E05}
 \setlength\figureheight{9cm} 
\setlength\figurewidth{\textwidth}
    \begin{tikzpicture}
\begin{axis}[
    axis lines=left,
color=black,
width=\figurewidth,
    height=\figureheight,
    bar width=6pt,
ybar, 
enlargelimits=0.15,
legend style={at={(0.5,-0.15)},
  anchor=north,legend columns=-1},
ylabel={\%},
symbolic x coords={2008,2009,2010,2011,2012,2013},
xtick=data,
nodes near coords,
    every node near coord/.append style={font=\tiny},
nodes near coords align={vertical},
    nodes/.style={font=\footnotesize}
]

\begin{scope}[gray]
        \draw[gray] ({rel axis cs:1,0}|-{axis cs:2009,0}) -- ({rel axis cs:0,0}|-{axis cs:2009,0});
\end{scope}

\addplot[fill=myorange]
    coordinates{
    (2008,0)
    (2009,-12.6)
    (2010,8.9)
    (2011,1.7)
    (2012,0.4)
    (2013,1)
    };
  \addplot[fill=myblue]
    coordinates{   
    (2008,-3.2)
    (2009,-10)
    (2010,7)
    (2011,-6.3)
    (2012,-0.6)
    (2013,-0.6)
    };
 \addplot[fill=myred,
   nodes near coords,
    every node near coord/.append style={
        yshift={\ifnum\coordindex=1 -6ex
                    \else  0pt
                    \fi
                   }},
]
    coordinates{  
    (2008,4.7)
    (2009,-8.3)
    (2010,14.9)
    (2011,2.7)
    (2012,4.8)
    (2013,1.1)
    };
     \addplot[fill=myskyblue]
    coordinates{   
    (2008,1.8)
    (2009,-12.4)
    (2010,5.9)
    (2011,-5.4)
    (2012,-3.1)
    (2013,-3.1)
    };
  \addplot[fill=mygreen,
   nodes near coords,
    every node near coord/.append style={
        yshift={\ifnum
\ifnum\coordindex=1 1 
\else\ifnum\coordindex=3 1
\else\ifnum\coordindex=4 1
\else\ifnum\coordindex=5 1 \else 0\fi\fi\fi\fi
                    =1 %
                    -2.5ex
                  \else 
                     0pt
                  \fi}},
]
    coordinates{  
    (2008,-3.1)
    (2009,-12.2)
    (2010,6.6)
    (2011,-5.5)
    (2012,-1.8)
    (2013,-2.1)
    };

 \addplot[fill=mybrown,  nodes near coords,
    every node near coord/.append style={
        yshift={\ifnum\coordindex=4 -1ex
                    \else  0pt
                    \fi
                   }
}]
    coordinates{     
    (2008,4.5)
    (2009,-11.3)
    (2010,11.7)
    (2011,-5.4)
    (2012,-4.3)
    (2013,-3.3)
   };
\legend{A,B,C,D,E,F}
\end{axis}
\end{tikzpicture}
\end{figure}

\end{document}

Best Answer

Related Solutions

TikZ-PGF Diagrams Nodes – Overlapping Nodes in TikZ

[Tex/LaTex] Overlapping labels in tikz barplot

Related Question