[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2  <HTML>
   3  <HEAD>
   4  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-iso-8859-1">
   5  <LINK REL="Start" HREF="index.html">
   6  <LINK REL="Contents" HREF="toc.html">
   7  <LINK REL="Prev" HREF="763ImagemapsforBoxandStockcharts.html">
   8  <LINK REL="Next" HREF="78Specifyingthescalemanually.html">
   9  <STYLE TYPE="text/css"><!--
  10  BODY { font-family: serif }
  11  H1 { font-family: sans-serif }
  12  H2 { font-family: sans-serif }
  13  H3 { font-family: sans-serif }
  14  H4 { font-family: sans-serif }
  15  H5 { font-family: sans-serif }
  16  H6 { font-family: sans-serif }
  17  SUB { font-size: smaller }
  18  SUP { font-size: smaller }
  19  PRE { font-family: monospace }
  20  A { text-decoration: none }
  21  --></STYLE>
  22  </HEAD>
  23  <BODY>
  24  <A HREF="toc.html">Contents</A>
  25  <A HREF="763ImagemapsforBoxandStockcharts.html">Previous</A>
  26  <A HREF="78Specifyingthescalemanually.html">Next</A>
  27  <HR NOSHADE>
  28  <H2><A NAME="7_7">7.7 Combining different graph types</A></H2>
  29  <P> It is perfectly legal to add several different plot types to the
  30   same graph. It is therefore possible to mix line plots with (for
  31   example) filled bar graphs. What you should keep in mind doing this is
  32   the order in which these plots are stroked to the image since a later
  33   stroke will overwrite a previous one. All plots are stroked in the
  34   order you add them, i.e. the first plot added will be stroked first.
  35   You can therefore control which plot is placed in the background and
  36   which one is placed in the foreground by the order you add them to the
  37   plot.</P>
  38  <P> To start simple we just mix a filled line plot with a non-filled
  39   line plot as the following example shows.</P>
  40  <P><DIV class="example">
  41  <BR> <A href="exframes/frame_example16.1.html" target="blank"><IMG border="0"
  42  HEIGHT="200"       src="img/img/img/img/img/img/example16.1.png" WIDTH="400"></A>
  43  <BR><B>Figure 70:</B> Mixing filled and non-filled line plots in the
  44   same graph <A href="exframes/frame_example16.1.html" target="blank">
  45  [src]</A>&nbsp;
  46  <P></P>
  47  </DIV></P>
  48  <P></P>
  49  <P> Let's now go to something a little bit more complicated. How to mix
  50   bar and line graphs. Let's just take one of our previous bar graphs and
  51   add a line plot to it and see what happens.</P>
  52  <P><DIV class="example">
  53  <BR> <A href="exframes/frame_example16.2.html" target="blank"><IMG border="0"
  54  HEIGHT="200"       src="img/img/img/img/img/img/example16.2.png" WIDTH="400"></A>
  55  <BR><B>Figure 71:</B> Adding a line to a bar graph <A href="exframes/frame_example16.2.html"
  56  target="blank">[src]</A>&nbsp;
  57  <P></P>
  58  </DIV></P>
  59  <P>Not too bad. But we can't see the line so we change the order in
  60   which we add the lines to the graph and sees what happens.<DIV class="example">
  61  <BR> <A href="exframes/frame_example16.3.html" target="blank"><IMG border="0"
  62  HEIGHT="200"       src="img/img/img/img/img/img/example16.3.png" WIDTH="400"></A>
  63  <BR><B>Figure 72:</B> Adding a line to a bar graph, in different orderv2
  64   <A href="exframes/frame_example16.3.html" target="blank">[src]</A>&nbsp;
  65  <P></P>
  66  </DIV></P>
  67  <P></P>
  68  <P> If you want the line points to be aligned in the center of the bars
  69   you can accomplish this is two ways.</P>
  70  <P> If you use a text scale then you need to call the <A href="../ref/LinePlot.html#_LINEPLOT_SETBARCENTER">
  71   LinePlot::SetBarCenter()</A><DIV class="example">
  72  <BR> <A href="exframes/frame_linebarcentex1.html" target="blank"><IMG border="0"
  73  HEIGHT="200"       src="img/img/img/img/img/img/linebarcentex1.png" WIDTH="400"></A>
  74  <BR><B>Figure 73:</B> Centering the line point in the middle of the bars
  75   using LinePlot::SetBarCenter() <A href="exframes/frame_linebarcentex1.html"
  76  target="blank">[src]</A>&nbsp;
  77  <P></P>
  78  </DIV></P>
  79  <P></P>
  80  <P> You can also use an integer scale. This places<STRONG> both</STRONG>
  81   the bar and the line points centered at the tick marks. As the
  82   following example will show</P>
  83  <P><DIV class="example">
  84  <BR> <A href="exframes/frame_example16.4.html" target="blank"><IMG border="0"
  85  HEIGHT="200"       src="img/img/img/img/img/img/example16.4.png" WIDTH="400"></A>
  86  <BR><B>Figure 74:</B> Using a linear scale <A href="exframes/frame_example16.4.html"
  87  target="blank">[src]</A>&nbsp;
  88  <P></P>
  89  </DIV></P>
  90  <P><DIV class="note"><B>Note:</B> In this example we also have
  91   illustrated the fact that it is possible to add text labels to a linear
  92   (or integer) scales as well.</DIV></P>
  93  <P> As a final example we show how you can combine a scatter plot and a
  94   line plot which could be used to illustrate a regression line fitting.<DIV
  95  class="example">
  96  <BR> <A href="exframes/frame_example16.6.html" target="blank"><IMG border="0"
  97  HEIGHT="200"       src="img/img/img/img/img/img/example16.6.png" WIDTH="300"></A>
  98  <BR><B>Figure 75:</B> Combining a scatter plot and a line plot <A href="exframes/frame_example16.6.html"
  99  target="blank">[src]</A>&nbsp;
 100  <P></P>
 101  </DIV></P>
 102  <P></P>
 103  <HR NOSHADE>
 104  <A HREF="toc.html">Contents</A>
 105  <A HREF="763ImagemapsforBoxandStockcharts.html">Previous</A>
 106  <A HREF="78Specifyingthescalemanually.html">Next</A>
 107  </BODY>
 108  </HTML>