...
When you've worked through all the steps in this tutorial, you should have a dashboard that contains two flexi chart gadgets:
One is containing contains a donut chart showing the number of story points worth of issues reported by each reporter.
One containing contains a stacked bar chart showing resolved and unresolved issues for each priority.
...
In this section, you'll set up a basic rich filter and dashboard to work with.
If you've already worked through other tutorials in this series, you can base any gadgets you create while following this article on a previously - created rich filter. Check that you have one available to use (find existing rich filters under Apps > Rich Filters). If not, follow the instructions in Get started with Rich Filters for Jira Dashboards to create a new rich filter before continuing.
Create a new dashboard (Dashboards > Create dashboard).
Make sure it is using uses the Left left sidebar layout. We'll put our charts in the right-hand column, as they benefit from having more display space than other gadget types. You can set this using the Change layout menu at the top of the dashboard.
...
Add a Rich Filter Flexi Charts gadget to your dashboard (Learn more on how to create a simple dashboard).
Move the gadget to the right-hand column of your dashboard by dragging and dropping it.
There are several fields you should configure in the gadget config form (for the moment, we'll leave the Chart type as the default Donut type):
Rich filter: Set this to your rich filter.
Breakdown by > Statistic type: We'll get this chart to show a breakdown by reporters, so select Reporter in the Statistic type dropdown.
Value: For each reporter, let's show the number of story points' worth of issues they have reported. Choose Story Points.
Your gadget config form should look like the following image. Check it is correct, then click Submit.
Your Rich Filter Flexi Charts gadget should look like the following image.
| Note |
|---|
Suppose the selected Statistic type has options for which the matching issues are equal to zero for the selected Value. In that case, those options are still greyed out in the legend (and quick tables, as you'll see later) , but they are not included in the chart. For example, in the donut chart above, Chris and Will have no story points for their issues. |
Manipulate your chart display
If you want to change the default display, the The Rich Filter Flexi Charts gadget config form offers a few optionsseveral options for changing the default display.
Return to your Rich Filter Flexi Charts gadget config form (see Easier configuration with the Rich filter menu).
We haven't discussed the following options previously. Update them as described below:
Filter out None: If this option is selected, issues with the statistic type empty won't be included in the chart (in the Reporter's case, this may have no effect, as empty values are unlikely). Check this box if you wish.
Sort by: This dropdown offers different values depending on the chosen statistic type. Select the Total option. This will sort the chart data in descending order by the number of story points rather than ascending reporter names in alphabetical order. In the case of donut/pie charts, the data runs clockwise from the top.
Reverse sort order: reverses the default sort order of the option chosen in Sort by. In this case, checking the box would sort the chart data by the number of story points in ascending order. We've kept the box unchecked.
Your config form should look like the following image. Check they are correct, then click Submit.
You should end up with a different display in your chart gadget. Feel free to play around with these settings until you get a display that you are happy with.
Go back into your gadget config form and look at the different chart types available in the Chart type dropdown. The Rich Filter Flexi Charts gadget provides a variety of one—and two-dimensional charts to cover all your needs.
...
6. Try out a few types of one-dimensional charts to see what the variety looks like.
...
| Tip |
|---|
You can find more information on the configuration options available for different gadgets in our Working with Rich Filter Gadgets reference articles, such as The Rich Filter Flexi Charts Gadget. |
...
You can hover over the columns/slices to display exact values as tooltips. This can be especially useful in donut charts when the gadget display is too narrow to show the labels seen in previous screenshots.
You can click the values or their bars/slices to load lists of all the associated issues in a separate tab.
Create two-dimensional charts
Let's create a two-dimensional chart. In this case, we'll create a stacked bar graph that shows us showing the number of resolved and unresolved issues for each different priority.
Add another Rich Filter Flexi Charts gadget to your dashboard (Create a simple dashboard explains Click here to learn more on how to add gadgets).
Move Drag and drop the gadget to the right -hand column of your dashboard by dragging and dropping it. We. Later, we'll add other features to the left -hand column later on.
Set the following field values in the gadget config form:
Rich filter: Set this to the same rich filter that your other flexi Flexi chart gadget is based onuses.
Chart type: Choose a Stacked bar.
Primary breakdown > Statistic type: Choose Priority in this dropdown.
Secondary breakdown > Statistic type: choose Resolved / Unresolved in this dropdown.
Value: For each combination of priority and resolved / unresolved, weWe'll show the number of issues for each priority and resolved / unresolved combination. Choose Issue Count in this dropdown.
Your Rich Filter Flexi Chartsgadget config form should look like the following image. Check it is correct, then click Submit.
Your gadget should look like sothis.
Filter charts using your controller
As You'll notice how connected everything is as you use Rich Filters for Jira Dashboards more, you'll notice how connected everything is. With this in mind, let's look at how you can filter filtering your chart display using a Rich Filter Controller gadget.
Add a Rich Filter Controller gadget to your dashboard using the Add a Gadget side panel.
Drag and drop it to the left-hand column of the dashboard if it isnhasn't already been placed there.
In the controller config form, set the Rich filter to the same rich Rich filter that your other gadgets are based on, and click Submit.
If you are using use a rich filter from a previous tutorial, you may already have some filters available on your controller. If you created a fresh new rich filter for this tutorial:
Try creating some static filters, as shown in Add some static filters to your controller.
Try creating some dynamic filters. You can find out how in to Enhance your Jira dashboards with dynamic filters.
Try applying some filters in the controller. Note how they filter issues inboth flexi chart gadgets.
...
| Tip |
|---|
Bear in mind that controllers filter the information shown in all gadgets based on using the same rich filter as them! |
Display quick tables
Flexi charts have quick tables available to provide details of the data summarized in the chart. Quick tables are displayed by clicking the Show table button in the bottom-right corner of the gadget.
...
Click the Show tableTable button to display a tabular representation of your data.
| Info |
|---|
Click the Show |
...
Table button again to hide the quick table. |
As with any other table in rich filters, you can sort the data in a quick table by different columns by clicking the column headings. Click a heading multiple times to toggle between ascending and descending order.
...
Tables generated from two-dimensional charts can be sorted by ascending and descending column values, row values, and totals , by clicking the arrow controls in the relevant column and row headings.
...
| Tip |
|---|
You After sorting has been applied, you can clear all the applied sorting in a two-dimensional quick table by clicking the x button that appears in the top-left corner of the table after sorting has been applied. |
| Tip |
In a similar manner . Similar to the charts that from which the quick tables are generated from, you can click the header and cell values to load up lists of all the associated issues in a separate tab. |
Further exercises
In order to To add further power to the dashboard, in our final example, we added a Rich Filter Results gadget in the left-hand column, below the Rich Filter Controller gadget, based on the same rich Rich filter (Create a simple dashboard that explains how to do this). To complete the tutorial, we'd like you to You can complete this step on your own dashboard to complete the tutorial.
Your dashboard should look like this:
...
As a further exercise, we also encourage you to explore using smart filters in flexi charts. Smart filters allow you to filter and group your issues using configurable smart clauses based on JQL and also have the advantage that, when defined, they become available for use in other places. This includes statistic types in statistics and charts , and columns in views. Use our Smart filters in statistics and charts exercise as a starting point, and try adding a smart filter as a statistic type in a new flexi chart gadget.
...
This is the last topic in our the Fundamentals article series. Each one works as a standalone topic, so you can jump to specific topics of interest if you missed any , or want to revisit ones you've already covered.
...