Page Comparison

...

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.

1. 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.

2. Create a new dashboard (Dashboards > Create dashboard).

3. 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.

...

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.

1. Return to your Rich Filter Flexi Charts gadget config form (see Easier configuration with the Rich filter menu).

2. We haven't discussed the following options previously. Update them as described below:

   1. 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.

   2. 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.

   3. 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.

3. Your config form should look like the following image. Check they are correct, then click Submit.
   

   

4. 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.
   

   Image RemovedImage Added

5.  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.

...

...

• 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.
  

  Image RemovedImage Added

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.

1. 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).

2. 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.

3. Set the following field values in the gadget config form:

   1. Rich filter: Set this to the same rich filter that your other flexi Flexi chart gadget is based onuses.

   2. Chart type: Choose a Stacked bar.

   3. Primary breakdown > Statistic type: Choose Priority in this dropdown.

   4. Secondary breakdown > Statistic type: choose Resolved / Unresolved in this dropdown.

   5. Value: For We'll show the number of issues for each combination of priority and resolved / unresolved, we'll show the number of issues. Choose Issue Count in this dropdown.

4. Your Rich Filter Flexi Chartsgadget config form should look like the following image. Check it is correct, then click Submit.
   Image Removed

   Image Added

5. Your gadget should look like sothis.
   Image Removed

   Image Added

   
   

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.

1. Add a Rich Filter Controller gadget to your dashboard using the Add a Gadget side panel.

2. Drag and drop it to the left-hand column of the dashboard if it isnhasn't already been placed there.

3. In the controller config form, set the Rich filter to the same 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. 

...

...