Illuminate BI Tool Guide
  • Introduction
  • Example BI Reports
  • What is BI Reporting in Illuminate?
  • Getting Started Using BI with Custom Reports
    • Setup Jaspersoft Studio
    • Prepare Your Data Set
    • Create a Basic Jasper Report
    • Publish My Report to Illuminate
    • Edit Report After Publishing
    • Display Selected Filters on Your Report
  • Get Started Using BI with SQL
    • Access Data Via ODBC Connection
    • Learn the Schema
    • Setup Jaspersoft Studio for SQL
    • Create a Basic Report with SQL
    • Publish My Report (SQL Method)
    • Adding Input Controls
  • Tutorials
    • Tutorials for Free Version ("Community Edition")
      • Tutorial 1: Categorize and Aggregate Your Data
      • Tutorial 2: Using Jasper Report Bands
      • Tutorial 3: Student Roster Report
      • Tutorial 4: Student Roster with SQL
      • Tutorial 5: Summary of Performance
      • Tutorial 6: CELDT Longitudinal Summary
    • Tutorials for Pro Version ("Professional Edition")
      • Tutorial 1: Aggregate and Visualize Your Data
        • Step 1 - Create a Custom Report
        • Step 2 - Download Your Data
        • Step 3 - Create a Data Adapter
        • Step 4 - Duplicate Template. Link Data Adapter
        • Step 5 - Set Class for Numeric Fields
        • Step 6 - Add & Configure Chart
        • Step 7 - Resize Chart. Preview Report.
        • Step 8 - Change Chart Labels
        • Step 9 - Set Chart Colors
        • Step 10 - Repeat for Other Data Points
        • Step 11- Install Your Report
      • Tutorial 2: Using Report Bands
        • Step 1 - Duplicate Report from Tutorial 1
        • Step 2: Create Your Group
        • Step 3: Create a Sort Field
        • Step 4 - Copy & Paste Your Chart
        • Step 5 - Set Reset Type and Evaluation Time
        • Step 6 - Change the Category Level
        • Step 7 - Add Site Name Field
        • Step 8 - Grade Level Sorting
    • CrossTabs Tutorial - Create, Format, and Style a CrossTab
      • Step 1 - Create Your CrossTab
      • Step 2 - Size and Position Your CrossTab
      • Step 3 - Format and Style Your CrossTab
  • Homework 1 - BI Workshop Follow Up
  • BI Tool Cheat Sheet
  • JasperSoft Studio Tips, Tricks, & FAQs
    • Basics of Writing Expressions in JSS
    • Rounding Decimals
    • Working with Dates in JSS
    • Conditional Styling in JasperSoft
    • Custom "No Data" Message
    • Create Multiple Summary Bands
    • Create Hyperlinks or "Tabs" to Connect Sets of Reports
    • JSS Community Edition
      • Adding Data Labels to Your Chart
      • Customizing Colors in Your Charts
    • JSS Professional Edition Only
      • HTML5 Charts
        • Data Labels: Enable, Customize, & Round Data Labels
        • Tooltip: Customizing the Tooltip
        • Keeping Colors Consistent in HTML5 Charts
        • Adding Drill Down to a Chart
        • Prevent Tooltip from Being Cut Off
        • Sort the Bars in Your Stack - Ordering the Series in Your Chart
        • Passing Parameters/Data Between Datasets with HTML5 Charts
        • Add Plot Lines to your Chart
        • Add Colored Zones or Plot Bands to Your Chart
        • Change Bar Colors Based on Bar Value
    • Rolling Over Your BI Tool Reports
    • "Current" Columns in Custom Reporting - To Use or Not to Use?
  • Report Design Best Practices
  • Installing the Illuminate Font Set
  • Report Templates
    • Blank Templates - Report Starters
    • Using the Report Templates
    • Multiple Measures Site Comparison Report (Tutorial 5)
    • EL Reclassification Report
    • EL Reclassification Report v2
    • RFEP Monitoring Report
    • Student Rubric Template
    • Michigan Report Templates
      • PSAT and SAT College Readiness Report
  • BI Tool User Community
Powered by GitBook
On this page
  • Ordering the Series in Your Charts
  • Problem
  • Solution
  • Step 1: Use the Numeric Value of the Performance Levels to Create Your Chart
  • Step 2: Create "name" Bucket Property
  • Step 3: Pass the "name" Bucket Property to the Measure

Was this helpful?

  1. JasperSoft Studio Tips, Tricks, & FAQs
  2. JSS Professional Edition Only
  3. HTML5 Charts

Sort the Bars in Your Stack - Ordering the Series in Your Chart

PreviousPrevent Tooltip from Being Cut OffNextPassing Parameters/Data Between Datasets with HTML5 Charts

Last updated 5 years ago

Was this helpful?

Ordering the Series in Your Charts

Problem

The bars in your stacked bar chart are not in the right order. In all likelihood, the bars are sorted in alphabetical order.

Example

In the screenshot below, the bars in each stack are sorted alphabetically, not according to level.

Solution

  1. Use a numeric value to create the initial chart.

  2. Use Bucket Properties to change the "Name" of your series.

Key Concept: Use the numerical value of your performance levels when you initially create your chart. (If you don't have the numeric value, create it using a variable.)

Step 1: Use the Numeric Value of the Performance Levels to Create Your Chart

If you're experiencing this issue, it's because you used the Performance Level Text to set the "Series Levels" in your chart.

First, change the Series Levels to the numeric equivalent of your performance levels.

  • Double-click on your chart

  • Click Chart Data > Configuration

  • Double-click on your Series Levels

  • Click the Pencil Icon next to Expression to bring up the Expression Editor.

  • If you don't have numeric values, create them using a conditional expression like this:

      $F{Performance Level Text}.equals("Below Basic") ? 1
      :$F{Performance Level Text}.equals("Basic") ? 2
      :$F{Performance Level Text}.equals("Proficient") ? 3
      :$F{Performance Level Text}.equals("Advanced") ? 4
      :null

Preview your report. The bars in the stack should now be in the right order, but now the label will be showing the numbers instead of the performance level text:

Key Concept: Use Bucket Properties to Change the Name/Label of your Series.

Step 2: Create "name" Bucket Property

  • Double-click on your chart

  • Navigate to Chart Data > Configuration

  • Double-click on Series Levels

  • Click Bucket Properties tab

  • Click Add

  • Set the Property name to name

  • Click the Pencil Icon

  • Set the Property value to the field that contains the performance level text.

  • Click Ok

Step 3: Pass the "name" Bucket Property to the Measure

Like all bucket properties, the "name" bucket property needs to be passed to your measure in order to be applied to your chart.

On the chart's configuration screen,

  • Double-click on your Measure

  • Click Advanced Properties

  • Click Add

  • Use drop-down menu to set Series Contributor to SeriesProperty.

  • Set the Property Name to name (must be all lower-case)

  • Select Use Bucket Value

  • Use the drop-down menu to select your name bucket property

  • Click Ok

Voila! Preview your report. Your bars should remain in the right order, and the labels should now be showing the performance level text.

Change the expression to the field that contains the *numeric value of your performance levels.

See for more information about writing expressions in Jaspersoft Studio.

Basics of Writing Expressions