graph
By |Published On: October 31, 2022 at 10:14 pm PDT|Last Updated: October 31, 2022 at 10:14 pm PDT|

Fill Below Stack lines

If you are a registered user, you can click on the Edit Graph button to open the TechGraph Editor showing the data and settings of this sample chart. You can review and edit the data and settings to learn about the features and capabilities of the application. Shown below are the steps in the Data Table and in the Edit Chart used to create this chart.      

Data Table
  • Graph Type is Line.
  • X Data Type is Number. Use Fill Data Options to generate numeric values for the X Data column.
  • Use Transform Data Options to generate exponential data for Graph A, B and C.

     Fill Data Options

  • Click on Data Options on the Data Table toolbar and select Fill. Enter “1” in Start Row and “101” in End Row. Enter “0” in Start Fill and “0.1” in Increment. Enter “X” in Dest Col. This will generate 101 data points ranging from 0 to 10 in the X Data column.

     Transform Data Options

  • Click on Data Options on the Data Table toolbar and select Transform. Enter “1’ in Start Row and “101” in End Row. Enter “A” in Dest Col. Enter “5*exp(x/5)” in Transform Equation. This will generate 101 exponential data points for Graph A.
  • For Graph B, enter “B” in Dest Col. Enter “4*exp(x/5)” in Transform Equation.
  • For Graph C, enter “C” in Dest Col. Enter “3*exp(x/5)” in Transform Equation.
Edit Chart      

    Settings 

  • Click on Graph Style for Graph A. Set Color, Thickness, and Type for Graph A line. Set Fill Color and Pattern for Fill below Line. Note that the fill color can be different from the line color. Check Fill Below Line. Repeat this step for Graphs B and C.
  • Check Stack Data.
  • Select “None” in the Legend Placement list.
  • Click on Frame Style/Bkgrd. Check Background On and select Color and Pattern for the frame background.

     X Axis

  • Enter values in Minimum, Maximum, and Major Div to set the X axis scale and divisions. Leave these values empty for automatic scaling.
    • Values for this example are Minimum = 0, Maximum = 10, and Major Div = 10.

     Y Axis

  • Enter values in Minimum, Maximum, and Major Div to set the Y axis scale and divisions. Leave these values empty for automatic scaling.
    • Values for this example are Minimum = 0, Maximum = 100, and Major Div = 5.

     Chart Background

  • Click on Grid Setup on Edit Chart toolbar. Check Background On. Select Top Color and Bottom Color for the Chart Background.

     Edit Chart Toolbar Options

  •  Print Chart prints your chart.
  •  Download Image downloads your chart as an SVG(Scalable Vector Graphics) file or image file(PNG, JPEG, TIF, PDF).
  •  Drawing Objects customize your chart with labels, lines, arrows, circles, images, and logos.

 

    Getting Started: