Take the 2-minute tour ×
TeX - LaTeX Stack Exchange is a question and answer site for users of TeX, LaTeX, ConTeXt, and related typesetting systems. It's 100% free, no registration required.

I need to plot some data in a file (10000 records of 2 points each one) but PGFPlots is very very slow rendering it. So I'm trying to use MatLab to plot the data, capture the image without axis and in a tikzpicture render the image with axis.

Here is my test with an 96 x 96 PNG image:

enter image description here

\documentclass{article}

\usepackage{pgfplots}

\begin{document}
  \pgfdeclareimage[width=5cm]{fondo}{avatarMSM.png}
  \begin{tikzpicture}
    \draw node[anchor=south west] (nodoFondo) at (axis cs:0,0) {\pgfuseimage{fondo}};
    \begin{axis}[
        width=5cm,
        scale only axis,
        enlargelimits=false,
        xmin=0,
        xmax=96,
        ymin=0,
        ymax=96,
        axis equal=true
        ]

      \addplot[thick,blue] (0,0) -- (axis cs:96,96);
    \end{axis}
  \end{tikzpicture}
\end{document}

enter image description here

The result has white margins around the image and I can't fit the axis.

share|improve this question
add comment

2 Answers

up vote 16 down vote accepted

Since you are using pgfplots to generate the axis, you can use its built-in method \addplot graphics to align the axis on top of the graphics.

What you need is to define the lower-left and the upper-right corner of the axis -- if your image has a tight bounding box, that's all. If it does not have a tight bounding box, you may want to consult the pgfplots manual section "Using External Graphics as Plot Sources" for more information.

The result looks like this:

\documentclass{article}

\usepackage{pgfplots}

\begin{document}
  \begin{tikzpicture}
    \begin{axis}[
        axis on top,% ----
        width=5cm,
        scale only axis,
        enlargelimits=false,
        xmin=0,
        xmax=96,
        ymin=0,
        ymax=96,
        axis equal=true
        ]

      \addplot[thick,blue] graphics[xmin=0,ymin=0,xmax=96,ymax=96] {Dad64.png};
    \end{axis}
  \end{tikzpicture}
\end{document}

enter image description here

With this setup, you can rescale the axis -- and the \addplot graphics command will automatically rescale the graphics to fit between the designated coordinates.

The feature also supports 3d graphics + 3d axes (with much more input from your side, however).


To make the axis automatically resize to fit the picture while respecting the aspect ratio of the image, you should set axis equal image. Specifying a width or height for the axis will scale the axis and image. In addition to drawing an axis, you can also use this setup to place other TikZ nodes and paths using the image coordinate system. Coordinates specified using (axis cs:<x>,<y>) refer to the image coordinate system:

\documentclass{article}
\usepackage{pgfplots}


\begin{document}
\begin{tikzpicture}
\begin{axis}[enlargelimits=false, axis on top, axis equal image]
\addplot graphics [xmin=0,xmax=96,ymin=0,ymax=96] {Dad64};
\node at (axis cs:49,30) [
    circle,
    draw,
    red,
    thick,
    minimum size=3ex,
    pin={[pin edge=thick]-10:Nose}
] {};
\end{axis}
\end{tikzpicture}
\begin{tikzpicture}
\begin{axis}[enlargelimits=false, axis on top, axis equal image, width=6cm]
\addplot graphics [xmin=0,xmax=96,ymin=0,ymax=96] {Dad64};
\end{axis}
\end{tikzpicture}
\end{document}
share|improve this answer
    
Great, but there are white margins on both sides. I need an axis fitted to the image. –  Fernando Nadal Dec 17 '11 at 21:33
    
Christian, may be you can consider including some reference to this answer in Drawing on an image with TiKZ‌​. –  Ignasi Jan 23 at 7:27
add comment

See section 4.2.8 Using External Graphics as Plot Source in the PGFplots manual.

\documentclass{article}
\usepackage{pgfplots}
\begin{document}
  \begin{tikzpicture}
    \begin{axis}[
        width=5cm,
        scale only axis,
        enlargelimits=false,
        axis on top]
      \addplot graphics[xmin=0,xmax=96,ymin=0,ymax=96] {Dad64};
    \end{axis}
  \end{tikzpicture}
\end{document}

enter image description here

This does have the problem of the image not having the correct aspect ratio (see comments). A not optimal workaround is to specify the height of the plot as well, i.e., add height=<length> as an option to the axis. For a quadratic image as this it's easy enough, but it as a little more inconvenient for non-quadratic images, as one have to calculate the height based on the image dimensions.

share|improve this answer
    
Thanks, but the aspect ratio is changed without axis equal=true. –  Fernando Nadal Dec 17 '11 at 21:31
    
A (bad) workaround is to specify the height of the plot as well. Bad, as you would have to, for non quadratic images, calculate the height based on the image dimensions. –  Torbjørn T. Dec 17 '11 at 21:48
    
Thanks. It's enough for me, it works!! –  Fernando Nadal Dec 17 '11 at 22:13
1  
@FernandoNadal I confess I'm a little confused. Why post that comment on my answer, and accept Christian's answer? Not that it matters, it just seemed a little weird ... –  Torbjørn T. Dec 17 '11 at 22:25
    
Concerning the aspect ratio: it is correct that pgfplots rescales the image. An alternative would be to specify the unit vector ratio option - this might lead to better results than changing the height. But I see only two exclusive choices: either white-space or choosing a suitable width/height. And yes: pgfplots does not tell you the image's aspect ratio. –  Christian Feuersänger Dec 18 '11 at 15:41
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.