/
Bar Chart

Bar Chart

Navigation

Step-by-Step Guide

Adding and configuring a Bar Chart

  1. Click on the Bar Chart on the toolbar to position it on the grid. You can also hold it and drag it from the toolbar:

2024-10-0617-32-34-ezgif.com-video-to-gif-converter.gif
  1. If the Bar Chart is not available on the toolbar, click on the chevron next to the available report to open the Reports window. Locate the Bar Chart and click on use report:

Report Default.png
Use BC.png
  1. Click on Configure at the top of the report:

Screenshot_386.png
  1. The configuration modal will be open. Click on the tabs or on Next to navigate between them:

Screenshot_387.png
  1. On the tab Source, fill the following fields:

    1. Issue Source (Required): Which issues will your button return. You can select a saved filter or perform a personalized JQL through the JQL Builder or a JQL query:

Screenshot_859.png
Screenshot_860.png
Bar Chart - Advanced.png

You can validate the query for your saved filter or your basic search for the number of issues returned.

  1. On the tab Data, fill the following fields:

    1. Statistic Source (Required): The criteria that will be used to categorize and sort out the results, e.g. assignee or issue type;

    2. Remove Empty Values (Disabled by Default): You can choose to hide criteria that doesn’t bring back any issues;

Bar Chart - Data Tab.png
  1. On the tab Customize, fill the following fields:

    1. Title (Optional): An easy and fast way to identify what your report is returning (e.g. Only Resolved Issues);

    2. Size (Small by Default): Set in which size should the title be rendered on your report:

    3. Ordering (Required): Choose between ascending or descending ordering. Note that this will overlap any ordering JQL clauses on your query.

    4. Bars Direction (Required): Choose if the bar should be displayed in the vertical or horizontal direction.

    5. Legends (Disabled by Default): If you wish to display the legend for the criterias above your report, enable this toggle.

Bar Chart - Customize Tab.png

The results brought depend directly on whether you have permission to view those issues or not, so be aware of the filters' sharing, security level and the browse project permission when choosing your issue source.

  1. After filling all the information, click on Save to render your report:

Bar Chart - Advanced.png
Bar Chart - Data Tab.png
Bar Chart - Customize Tab.png
  1. Your report will be rendered as below:

Bar Chart - Rendered Report.png

Resizing a report

  1. Click on the report to select it:

Bar Chart - Rendered Report.png
  1. Click and hold the squares on the corner and drag outward to increase the size of the report and inward to decrease it:

2024-10-16-10-02-01.gif

Adding a border

  1. Click on the report to select it:

Bar Chart - Rendered Report.png
  1. Click on the border icon to add a border on the default color and size:

Bar Chart - Add border.png
Bar Chart - Default Border.png
  1. You can change its size or color by cllicking on the chevron next to the border icon and selecting the desired options:

Bar Chart - Border Options.png
Bar Chart - Border Color.png
Bar Chart - Border Size.png

Changing the legend color

  1. Click on the report to select it:

Bar Chart - Rendered Report.png
  1. Click on the criteria you wish to change the color of and select the option Change Color:

Screenshot_742.png
  1. Pick one of the available colors or click on Custom to personalize a color:

Screenshot_743.png
  1. The new color for that criteria will be displayed right after:

Screenshot_744.png

Refreshing one or more reports

  1. Click on the report to select it:

Bar Chart - Rendered Report.png
  1. Click on Refresh on the bar to reload that single report:

2024-10-16-10-10-34.gif
  1. To refresh all the reports on the grid, click on the Refresh button on the left:

2024-10-16-10-25-54.gif

NAVIGATE THROUGH OUR DOCUMENTATION:

Related content