Create a Stacked Side by Side Chart

100% Stacked or Stacked Side by Side charts enable the comparison of different groups of data.

For example, to compare SMS Consent and Dissent status for patients aged 16 years and over with those under 16, these indicators can be allocated to Stacks by age grouping, 16 and over or Under 16s. The two Stacks can then they can be compared side by side.

  • Stacked Side-by-Side Chart - displays the Indicator data as actual values.

  • 100% Stacked Side-by-Side Chart - displays the indicator data as a percentage.

The steps to create a Stacked or 100% Stacked Side-by-Side BarChart are the same.

Note - The Date Ranges for your Dashboard must be set up before they can be selected within a Widget.  See - Date Ranges.

To create a new Stacked or 100% Stacked Side-by-Side Bar Chart:

  1. From the Widget Gallery on the left, select Add next to the Widget or drag the Widget to the Dashboard.
  2. Optionally, drag the Widget to reposition.

  3. Select Edit Widget to configure the Properties.
    The Chart Properties display.

  4. Enter a Title, if left blank this defaults to the name of the Pathway selected.

  5. Optionally, enter a Subtitle.

  6. From the drop-down list choose the Pathway you want to view data from.

  7. Optionally, from the drop-down list choose a Date Range, and/or select a Report Date.
    Note - The Date Ranges must be pre-set.  See - Date Ranges.
  8. Select Add to display the Stacks options.
    Adding a Stack enables you to group the Indicators into specific Stacks. For example, to compare SMS Consent/Dissent status for patients aged 16 years and over with those under 16s, create two stacks, 16 and over and Under 16s.
  9. Enter a Stack name and select OK.
    Repeat as required.

    Note - There must be a minimum of two Stacks.
  10. Select Add to display the Indicator options.

  11. Select from the Indicator drop-down list, to choose a line to report on.
  12. Select a Stack from the drop-down list to link the Indicator to a Stack.
    For example, Patients aged 16 and over with a SMS Consent indicator can be linked to the 16 years and over Stack.
  13. Next, select the Colour drop-down to set a colour for your Indicator.
    Select from the Colour Selection area, to change the available colours select from the Colour Pallet on the right.
    Alternatively, enter the RGB or Hex code directly.
    Select Ok.

  14. Select Ok to add the Indicator.
  15. Repeat steps 9-14 to add further Indicators.
    Note - There must be a minimum of two Stacks, each with at least one Indicator allocated.
  16. If you need to make any changes, select Edit or Delete next to the Indicator.

  17. Set the Chart Options as required:

    Chart OptionsDescription
    Show Labels

    Select to display the actual values on your chart:

    Show Tooltip

    Select to enable Tooltips when hovering over your chart, this includes the indicator, date and value:

    Show Legend

    Select to display the indicator details underneath the chart:

    Note - You may need to resize the Widget to see the Legend.
    Legend Position

    Optionally, you can define the Legend Position.

    Legend Horizontal Position - select from: Centre, Left or Right.

    Legend Vertical Position - select from: Bottom or Top.

  18. Select Done to save and X to close the Properties.
    The Widget displays.
  19. Hover over the Widget to activate the Arrows, these can be used to resize the chart.