Skip to main content

Oracle APEX Chart Conditional Bar Colors

 


 Here I am giving an example to change the chart bar colors based on the conditions in Oracle APEX.

Step 1: Create a new blank page.

Step 2: Create a bar chart region and your bar chart series query would then look something like this,

SELECT fund_id, 
       fund_name, 
       to_char(start_date,'DD-Mon-RRRR') start_date, 
       case when percent_complete >= 75 then '#d1f5e0' --light green
            when percent_complete >= 50 then '#fff4dd' --light orange
            when percent_complete <= 50 then '#fdd5cc' --light red
       else 'blue'
        end as color,
       percent_complete
FROM fxgn_fund_progress order by fund_id ASC

Step 3: Do the column mappings. (Label and Value must be mapped)

Once you done the above setup, then your bar chart would then look like this,

Step 4: [Enable Conditional Bar Colors] 

Click on the chart series and look for the attribute "Color" (Which you could find under the option "Appearance") and Substituting your value using the syntax &COLUMN_NAME. 

Output: Output would then look like this,


The demo is here.

That's it. I hope this example will help you to understand how colors of the chart bars can be changed based on the conditions. 

Happy APEXing!!!...

Comments

  1. Awesome. Just what my chart needed.

    ReplyDelete
  2. Yeah but what about using your Theme colors? ie the --u-color-5 definitions etc

    ReplyDelete

Post a Comment

Popular posts from this blog

Printing Page Numbers in RTF Template [Oracle BI Publisher]

Here I am giving an example to print the page numbers dynamically in the RTF (Rich Text Format) template. Step 1:  Go to page footer and copy and paste the below script. Page |  <?fo:page-number?>  of  <?fo:page-number-citation:xdofo:lastpage-joinseq?> <fo:page-number> :   This is the object, which is used to represent the current page-number. <?fo:page-number-citation:xdofo:lastpage-joinseq?> :  This is the syntax, which is used to represent the total number of pages. Step 2:  Load the XML and preview the result. Output: That's it. References: fo:page-number Printing Page Number Code in Oracle XMLP RTF Template

Friendly URL: Redirect to Different Page after Login in Oracle APEX 20.1

Oracle has updated apex.oracle.com to APEX 20.1 which includes among other features the new Friendly URL option. Here i am giving an example to redirect to different page after login in Oracle APEX 20.1 [Friendly URL Enabled] Step 1: Define home page for each user in emp master table as below Step 2: To enable Friendly URL Syntax, follow below steps, 1) On the Workspace home page, click the App Builder icon. 2) Select an application (The Application home page appears). 3) From Application home page, you can access the Definition page in TWO ways: Click the Edit Application Properties button. From Shared Components:              1) Click Shared Components .              2) Under Application Logic, click Application Definition Attributes . The Definition page appears. 4) Under Properties, configure the Friendly URL s attribute: Click Apply Changes to save your ch...

Open modal/inline dialog in Oracle APEX using JS

Analysis: From Oracle Apex 4.2,  Inline dialog can be opened as modal dialog/popup using JS. Open inline dialog region as modal dialog: Step 1: Create static region. Step 2:  Set Template => Inline Dialog. Step 3:  Assign the static id to the region. Fig 1: Set template and Static ID Step 4:  Create button or change one of the report column type to Link. (Action: Redirect URL). Step 5:  Put the below JS to open the region as modal dialog.                javascript:openModal('unitpricedetails');            Fig 2:  Open simple modal dialog Open inline dialog region as modal dialog and pass values to the items: Common Steps:  Step 1 to Step 4. Step 5:  To pass value to that region, create P1_UNIT_ID in the inline  dialog.       javascript:$s('P1_UNIT_ID','#UNIT_ID#');javascript:openModal('unitpricedetai...