Skip to main content

Plug-In: Heat Map Chart


It's a Heat Map (or heatmap) Chart Plug-In. It's a visual representation of data where values are depicted by color. It makes the visualize of complex data easy and understand it at a glance. This has been inspired by anychart.com.

Plug-In Details:


DB versions: 12.1.0.1, 12.2.0.1, 18.4.0.0, 19.0.0.0.0, 19.2.0.0.19, 21.0.0.0.0, 21.1.0.0.0, 21.1.0.0.1

APEX versions: 20.1.0.00.13, 20.2.0.00.20,  21.1.0


Installation:

Go to GitHub and export plugin file "region_type_plugin_orclking_heat_map_chart.sql" from Source directory and import it into your application.

Steps to Achieve:

Step 1: Export a script "Script to Populate Sample Data.sql" from directory and compile it in your schema.

Step 2: Create a new blank page.

Step 3: Export plugin file "region_type_plugin_orclking_heat_map_chart.sql" from GitHub source directory and import it into your application.

Navigation: Shared Components ==> Plug-ins ==> Import


Plugin will be listed under plug-ins bucket after successful installation.


Step 4: Create a region to the page. Change region type to Heat Map Chart [Plug-In].


Step 5: Construct Oracle SQL query and copy and paste it in region SQL Query section.


Query Template:

SELECT 'Product A' x_axis_value,   
       2015 y_axis_value,          
       30000 heat_value          
  FROM dual
 WHERE 1 = 1;

Sample Query to Render a Report:

Note: Populate sample data by exporting a script "Script to Populate Sample Data.sql" from GitHub directory and compile it in your schema.

SELECT product_name x_axis_value,
       sale_year y_axis_value,       
       sum(amount) heat_value       
  FROM fxgn_product_sales  
 GROUP BY product_name, 
          sale_year          
 ORDER BY product_name,
         sale_year ASC;

Step 6: Fill required attributes.


Output: Then you output would display like this,


The demo is here.

That's it.

Happy APEXing!!!...

References: 

Comments

  1. security monitoring company of your alarm systems is important to ensure any alarm activations or service issues are promptly and professional managed.

    ReplyDelete
  2. Hi Karkuvelraja,

    This is a great plugin. I just wanna know if there is an easy way to change color range of heatmap?
    Thanks.

    ReplyDelete
  3. We provide emergency Electrical, roof replacement and Plumbing services in Australia.
    Here is the list visit our website!
    emergency commercial electrician newcastle
    roof replacement companies
    plumber cronulla
    security system monitoring
    electrical switchboard upgrades

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