Span Tikz y y graph across two columns

graphspgfplotstikz-pgf

I want to add more datapoints to my X axis, however it seems like the graph is fixed. Is there a way to make it span across two columns?

\documentclass{article}
\usepackage{pgfplots}
\begin{document}
    \begin{tikzpicture}
    \pgfplotsset{
        scale only axis,
        scaled x ticks=base 10:3,
    }
    \begin{axis}[
      axis y line*=left,
      ymin=85, ymax=100,
      ymajorgrids = true,
        legend style={at={(0.5,-0.10)},
          anchor=north,legend columns=-1},
      symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int},
        xtick=data,
        nodes near coords,
        nodes near coords style={anchor=east,rotate=90,inner xsep=5pt},
        x tick label style={font=\small,align=center},
      ylabel=Accuracy(\%),
    ]
    \addplot[smooth,mark=x,brown]
      coordinates{
        (3x3\\Filter,98.98)
        (Dsmp\\ (1/2),97.62)
        (Integer,95.86)
        (Dsmp\\ + Int,91.52)
        (Dsmp\\ + 3X3,93.26)
        (Dsmp\\ + 3X3\\ + Int,90.18)
    }; \label{plot_one}
    \end{axis}
    
    \begin{axis}[
      axis y line*=right,
      axis x line=none,
          legend style={at={(0.5,-0.20)},
          anchor=north,legend columns=-1},
      symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int},
     xtick=data,
      nodes near coords,
        nodes near coords style={anchor=north,rotate=0,inner xsep=3pt},
      ymin=0, ymax=100,
      ylabel=Frames Per Second (FPS)
    ]
    \addlegendimage{/pgfplots/refstyle=plot_one}\addlegendentry{Accuracy}
    \addplot[smooth,mark=*,blue]
      coordinates{
        (3x3\\Filter,40)
        (Dsmp\\ (1/2),30)
        (Integer,20)
        (Dsmp\\ + Int,15)
        (Dsmp\\ + 3X3,10)
        (Dsmp\\ + 3X3\\ + Int,5)
    }; \addlegendentry{FPS}
    \end{axis}
    
    \end{tikzpicture}
\end{document}

Best Answer

It is a little confusing what you actually want to achive and why you overlap to plots, but you can adjust the width of the plot with width=20cm and then you have to add the points in your symbolic x coords={...}. Here I added two points AddPoint1 and AddPoint2.

In case of standalone class this problem does not occur because it will automatically adjust to the size.

The follwoing will also work in documentclass article:

\documentclass[border=1cm]{standalone}
\usepackage{pgfplots}
\begin{document}
    \begin{tikzpicture}
        \pgfplotsset{
            scale only axis,
            scaled x ticks=base 10:3,
        }
        \begin{axis}[   
            axis y line*=left,
            ymin=85, ymax=100,
            ymajorgrids = true,
            legend style={at={(0.5,-0.10)},
                anchor=north,legend columns=-1},
            symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int, AddPoint1, AddPoint2},
            xtick=data,
            nodes near coords,
            nodes near coords style={anchor=east,rotate=90,inner xsep=5pt},
            x tick label style={rotate=90,font=\small,align=center},
            ylabel=Accuracy(\%),
            ]
            \addplot[smooth,mark=x,brown]
            coordinates{
                (3x3\\Filter,98.98)
                (Dsmp\\ (1/2),97.62)
                (Integer,95.86)
                (Dsmp\\ + Int,91.52)
                (Dsmp\\ + 3X3,93.26)
                (Dsmp\\ + 3X3\\ + Int,90.18)
                (AddPoint1,95)
                (AddPoint2,99)
            }; \label{plot_one}
        \end{axis}
        
        \begin{axis}[
            axis y line*=right,
            ylabel near ticks, 
            yticklabel pos=right,
            axis x line=none,
            legend style={at={(0.5,-0.20)},
                anchor=north,legend columns=-1},
            symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int, AddPoint1, AddPoint2},
            xtick=data,
            nodes near coords,
            nodes near coords style={anchor=north,rotate=0,inner xsep=3pt},
            ymin=0, ymax=100,
            ylabel=Frames Per Second (FPS)
            ]
            \addlegendimage{/pgfplots/refstyle=plot_one}\addlegendentry{Accuracy}
            \addplot[smooth,mark=*,blue]
            coordinates{
                (3x3\\Filter,40)
                (Dsmp\\ (1/2),30)
                (Integer,20)
                (Dsmp\\ + Int,15)
                (Dsmp\\ + 3X3,10)
                (Dsmp\\ + 3X3\\ + Int,5)
                (AddPoint1,6)
                (AddPoint2,7)
            }; \addlegendentry{FPS}
        \end{axis}
        
    \end{tikzpicture}
\end{document}

Forcing the width to certain value without rotating the x axis:

\documentclass[border=1cm]{standalone}
\usepackage{pgfplots}
\begin{document}
    \begin{tikzpicture}
    \pgfplotsset{
        scale only axis,
        scaled x ticks=base 10:3,
    }
    \begin{axis}[
        width=20cm,
        axis y line*=left,
        ymin=85, ymax=100,
        ymajorgrids = true,
        legend style={at={(0.5,-0.10)},
            anchor=north,legend columns=-1},
        symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int, AddPoint1, AddPoint2},
        xtick=data,
        nodes near coords,
        nodes near coords style={anchor=east,rotate=90,inner xsep=5pt},
        x tick label style={font=\small,align=center},
        ylabel=Accuracy(\%),
        ]
        \addplot[smooth,mark=x,brown]
        coordinates{
            (3x3\\Filter,98.98)
            (Dsmp\\ (1/2),97.62)
            (Integer,95.86)
            (Dsmp\\ + Int,91.52)
            (Dsmp\\ + 3X3,93.26)
            (Dsmp\\ + 3X3\\ + Int,90.18)
            (AddPoint1,95)
            (AddPoint2,99)
        }; \label{plot_one}
    \end{axis}
    
    \begin{axis}[
        width=20cm,
        axis y line*=right,
       ylabel near ticks, 
       yticklabel pos=right,
        axis x line=none,
        legend style={at={(0.5,-0.20)},
            anchor=north,legend columns=-1},
        symbolic x coords={3x3\\Filter, Dsmp\\ (1/2),Integer,Dsmp\\ + Int, Dsmp\\ + 3X3,Dsmp\\ + 3X3\\ + Int, AddPoint1, AddPoint2},
        xtick=data,
        nodes near coords,
        nodes near coords style={anchor=north,rotate=0,inner xsep=3pt},
        ymin=0, ymax=100,
        ylabel=Frames Per Second (FPS)
        ]
        \addlegendimage{/pgfplots/refstyle=plot_one}\addlegendentry{Accuracy}
        \addplot[smooth,mark=*,blue]
        coordinates{
            (3x3\\Filter,40)
            (Dsmp\\ (1/2),30)
            (Integer,20)
            (Dsmp\\ + Int,15)
            (Dsmp\\ + 3X3,10)
            (Dsmp\\ + 3X3\\ + Int,5)
            (AddPoint1,6)
            (AddPoint2,7)
        }; \addlegendentry{FPS}
    \end{axis}
    
    \end{tikzpicture}
\end{document}

Related Solutions

[Tex/LaTex] Span TikZ Picture Across Two Columns

This is a way to span the tikzpicture across two column. adjustbox package is used where the width is set to \linewidth for the span. width=\columnwidth would back to regular result.

enter image description here

Code

\documentclass[twocolumn,11pt]{article}
\usepackage{tikz}
\usepackage{lipsum,adjustbox}
\usetikzlibrary{calc,positioning}
\begin{document}
\definecolor {processblue}{cmyk}{0.96,0,0,0}
\begin {figure*}%[!hbtp]
\centering
\begin{adjustbox}{width=\textwidth}
\begin {tikzpicture}[-latex ,auto,node distance =1.8cm and 1.5cm ,on grid,semithick,
state/.style ={ circle ,top color =white , bottom color = processblue!20,
draw,processblue , text=blue , minimum width =1 cm}]
\node[state] (S) {$S$};
\node[state] (W) [above right =of S] {$W$};
\node[state] (X) [right =of W] {$X$};
\node[state] (Y) [right =of X] {$Y$};
\node[state] (Z) [right =of Y] {$Z$};
\node[state] (D) [below right =of Z] {$D$};
\path (S) edge [bend left =0] node[above left = .3 cm] {$R_{sw}$} (W);
\path (W) edge  [bend right =0](S);
\path (W) edge [bend left =0] node[above = .3 cm] {$R_{wx}$}(X);
\path (X) edge [bend right =0](W);
\path (X) edge [bend left =0] node[above = .3 cm] {$R_{xy}$}(Y);
\path (Y) edge [bend right =0](X);
\path (Y) edge [bend left =0] node[above = .3 cm] {$R_{yz}$}(Z);
\path (Z) edge [bend right =0](Y);
\path (Z) edge [bend left =0] node[above right = .3 cm] {$R_{zd}$}(D);
\path (D) edge [bend right =0](Z);
{\tiny }
\end{tikzpicture}
\end{adjustbox}
\end{figure*}
\lipsum[1-6]
\end{document}

[Tex/LaTex] TikZ/ERD: node (=Entity) label on the inside

I guess this is one way of doing it:

\documentclass[tikz,border=5]{standalone}

\usetikzlibrary{matrix}
\begin{document}
\tikzset{
    entity/.code={
        \tikzset{
            rounded corners,             
            name=#1,
            inner sep=2pt,
            every entity/.try,
        }%
        \def\entityname{#1}%
    },
    entity anchor/.style={matrix anchor=#1},
    every entity/.style={
            draw,
    },
    every property/.style={
        inner xsep=0.20cm, inner ysep=0.075cm, anchor=west, text width=1.75in
    }
}
\def\property#1{\node[name=\entityname-#1, every property/.try]{\propertysplit#1;};}
\def\properties{\begingroup\catcode`\_=11\relax\processproperties}
\def\processproperties#1{\endgroup%
    \gdef\propertycode{}%
    \foreach \p in {#1}{%
        \expandafter\expandafter\expandafter\gdef\expandafter\expandafter\expandafter\propertycode%
            \expandafter\expandafter\expandafter{\expandafter\propertycode\expandafter\property\expandafter{\p}\\}%
    }%
    \propertycode%
}
\def\propertysplit#1:#2;{#1:\hfill#2}

\def\entitynamenode{%
\node[every entity name/.try] (\entityname-name) {\entityname};
\draw (\entityname-name.south west) -- (\entityname-name.south east);
\\[1ex]
}
\tikzset{
  every entity name/.style={every property/.try, align=center}
}

\begin{tikzpicture}[every node/.style={font=\ttfamily}, node distance=0.5in]
\matrix [entity=Employee] {
    \entitynamenode
    \properties{
        Username :  varchar(255),
        Password :  varchar(255),        
        Name :  varchar(255),
        LastName :  varchar(255)
    }
};
\end{tikzpicture}   

\end{document}

enter image description here

Best Answer

Related Solutions

[Tex/LaTex] Span TikZ Picture Across Two Columns

[Tex/LaTex] TikZ/ERD: node (=Entity) label on the inside

Related Question