graph
By |Published On: January 13, 2022 at 11:01 pm PST|Last Updated: January 27, 2022 at 6:09 pm PST|

Combo (Divergent Stack Bar with Line) in Time Series

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 “Combo”.
  • X Data Type is “Time Series” (M/Y) format.
  • Graph A contains the data for the first Bar series. Data values in Graph A are positive.
  • Graph B contains the data for the second Bar series. Data values in Graph B are positive.
  • Graph C contains the data for the third Bar series. Data values in Graph C are negative.
  • Graph D contains the data for the Line series. In this example, Graph D data values are derived by summing the values in A, B, and C. 
Edit Chart      

   Settings 

  • Click on Graph Type for Graph A. Select “Bar” from the Graph Type list. Click on Graph Style to set the Color and Pattern for Graph A. Repeat the above steps for Graph B and C.
  • Click on Graph Type for Graph D. Select “Line” from the Graph Type list.
  • Click on Graph Style for Graph D to set the Color, Thickness, and Type for Line D. Check Line with Markers. Set the Marker Color, Type, and Size. Note the marker color can be different from the line color.
  • Check Stack Data.

     X Axis

  • Click on X Data Type. Set Data Type to “Time Series”. Select “M/Y” from the Time Series Option list. 
  • Click on Axis Label. Select “Diagonal” from Justify list for X Axis Label.
  • Enter appropriate time series values for Minimum, Maximum, Major Div, Minimum Start, and Maximum End. Leave these values empty for automatic scaling.

    Curves and Error Bars

  • Select “Right Y” from the Left/Right Y Axis list for Graph D.

     Left Y Axis for Bar Graph A, B, and C

  • Click on the Y Axis. Select “Left Y” in the Axis Selection list.
    • Values for this example are Minimum = -80, Maximum = 100, and Major Div = 9.

    Right Y Axis for Line Graph D

  • Click on the Y Axis. Select “Right Y” in the Axis Selection list.
  • Use the Left Y Axis values for Minimum, Maximum and Major Div.
    • Values for this example are Minimum = -80, Maximum = 100, and Major Div = 9
  • Click on Axis Format. Check Suppress Label to suppress labelling on the Right Y Axis.
  • Select “None” in the Tic Format list to suppress the Right Y Axis tics.

     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: