[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="820Adjustingtheautoscalinglimitsgracevalue.html">
   8  <LINK REL="Next" HREF="8211Customizingthepatterns.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="820Adjustingtheautoscalinglimitsgracevalue.html">Previous</A>
  26  <A HREF="8211Customizingthepatterns.html">Next</A>
  27  <HR NOSHADE>
  28  <H2><A NAME="8_21">8.21 Adding bands of pattern and color to graphs</A></H2>
  29  <P> As an additional way of emphasizing certain areas of the graph it is
  30   possible to add bands (either vertical or horizontal) to any one of the
  31   standard X-Y coordinate system based graphs. A band is a rectangular
  32   area that stretches one entire axis. This means that if you define a
  33   band between X-coordinates 3 and 5 the band area will occupy an area
  34   between the X-coordinates and the entire Y-range.</P>
  35  <P> In order to access this functionality you must first make sure that
  36   you include the additional library file<I> jpgraph_plotband.php</I></P>
  37  <P> At the time of this writing (current as of JpGraph 1.8) the table
  38   below illustrates the 8 basic types of patterns available. We will
  39   shortly show you how you can customize these patterns, To keep these
  40   examples clear we have only used one pattern in each figure.</P>
  41  <P></P>
  42  <TABLE style="margin-left:-4em;">
  43  <TR><TD><DIV class="example">
  44  <BR> <A href="exframes/frame_smallstaticbandsex1.html" target="blank"><IMG
  45  border="0" HEIGHT="150"  src="img/smallstaticbandsex1.png" WIDTH="200"></A>
  46  <BR><B>Figure 99:</B> <A href="exframes/frame_smallstaticbandsex1.html" target="blank">
  47  [src]</A>&nbsp;
  48  <P></P>
  49  </DIV>
  50  <P></P>
  51  </TD><TD><DIV class="example">
  52  <BR> <A href="exframes/frame_smallstaticbandsex2.html" target="blank"><IMG
  53  border="0" HEIGHT="150"  src="img/smallstaticbandsex2.png" WIDTH="200"></A>
  54  <BR><B>Figure 100:</B> <A href="exframes/frame_smallstaticbandsex2.html" target="blank">
  55  [src]</A>&nbsp;
  56  <P></P>
  57  </DIV>
  58  <P></P>
  59  </TD></TR>
  60  <TR><TD><DIV class="example">
  61  <BR> <A href="exframes/frame_smallstaticbandsex7.html" target="blank"><IMG
  62  border="0" HEIGHT="150"  src="img/smallstaticbandsex7.png" WIDTH="200"></A>
  63  <BR><B>Figure 101:</B> <A href="exframes/frame_smallstaticbandsex7.html" target="blank">
  64  [src]</A>&nbsp;
  65  <P></P>
  66  </DIV>
  67  <P></P>
  68  </TD><TD><DIV class="example">
  69  <BR> <A href="exframes/frame_smallstaticbandsex6.html" target="blank"><IMG
  70  border="0" HEIGHT="150"  src="img/smallstaticbandsex6.png" WIDTH="200"></A>
  71  <BR><B>Figure 102:</B> <A href="exframes/frame_smallstaticbandsex6.html" target="blank">
  72  [src]</A>&nbsp;
  73  <P></P>
  74  </DIV>
  75  <P></P>
  76  </TD></TR>
  77  <TR><TD><DIV class="example">
  78  <BR> <A href="exframes/frame_smallstaticbandsex9.html" target="blank"><IMG
  79  border="0" HEIGHT="150"  src="img/smallstaticbandsex9.png" WIDTH="200"></A>
  80  <BR><B>Figure 103:</B> <A href="exframes/frame_smallstaticbandsex9.html" target="blank">
  81  [src]</A>&nbsp;
  82  <P></P>
  83  </DIV>
  84  <P></P>
  85  </TD><TD><DIV class="example">
  86  <BR> <A href="exframes/frame_smallstaticbandsex10.html" target="blank"><IMG
  87  border="0" HEIGHT="150"  src="img/smallstaticbandsex10.png" WIDTH="200"></A>
  88  <BR><B>Figure 104:</B> <A href="exframes/frame_smallstaticbandsex10.html"
  89  target="blank">[src]</A>&nbsp;
  90  <P></P>
  91  </DIV>
  92  <P></P>
  93  </TD></TR>
  94  <TR><TD><DIV class="example">
  95  <BR> <A href="exframes/frame_smallstaticbandsex3.html" target="blank"><IMG
  96  border="0" HEIGHT="150"  src="img/smallstaticbandsex3.png" WIDTH="200"></A>
  97  <BR><B>Figure 105:</B> <A href="exframes/frame_smallstaticbandsex3.html" target="blank">
  98  [src]</A>&nbsp;
  99  <P></P>
 100  </DIV>
 101  <P></P>
 102  </TD><TD><DIV class="example">
 103  <BR> <A href="exframes/frame_smallstaticbandsex8.html" target="blank"><IMG
 104  border="0" HEIGHT="150"  src="img/smallstaticbandsex8.png" WIDTH="200"></A>
 105  <BR><B>Figure 106:</B> <A href="exframes/frame_smallstaticbandsex8.html" target="blank">
 106  [src]</A>&nbsp;
 107  <P></P>
 108  </DIV>
 109  <P></P>
 110  </TD></TR>
 111  </TABLE>
 112  <P> To add a one of these patterns to your graph you need to call the
 113   method <A href="../ref/PlotBand.html#_PLOTBAND_PLOTBAND">
 114   PlotBand::PlotBand()</A> The arguments is fairly easy to understand.
 115   The pattern you would like to use is specified by using the correct
 116   constant. You can see the name of the correct constants in the figures
 117   above. You also need to specify if the band should stretch along the
 118   vertical or horizontal axis as well as the min and max coordinates for
 119   the band. As coordinates you may also use the special values &quot;min&quot; and
 120   &quot;max&quot; which automatically sets the value to the minimum/maximum value
 121   of the scale. The specified numeric value will be automatically
 122   truncated to fit within the plot area.</P>
 123  <P> We don't discuss the other arguments further here, instead we refer
 124   you to the class reference.</P>
 125  <HR NOSHADE>
 126  <A HREF="toc.html">Contents</A>
 127  <A HREF="820Adjustingtheautoscalinglimitsgracevalue.html">Previous</A>
 128  <A HREF="8211Customizingthepatterns.html">Next</A>
 129  </BODY>
 130  </HTML>