Create a 100% Stacked Chart

100% Stacked Charts enable the comparison of different groups of data, showing the data as a representation of 100%.

For example, to compare SMS Consent and Dissent status for patients aged 16 years and over with those under 16.

  • Stacked Bar Chart - displays the indicator data as actual values.

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

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 100% Stacked Area, Bar or Line 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 set up the Widget.
    The 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 Indicator options.

  9. Select from the Indicator drop-down list, to choose a line to report on.
  10. 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.

  11. Select Ok to add the Indicator.
    Repeat steps 8-10 to add further Indicators as required.

    If you need to make any changes, select Edit or Delete next to the Indicator.
  12. 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.

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