Oracle JET Charts - Series Bar Chart with Zero Value Bars

By
Oracle JET Charts is a beautiful chart library which has out-of-box support in Oracle APEX version 5 on-wards. Purpose of this blog is to introduce with a small tweak in Series Bar Chart.

Problem

When you use Series Bar Chart and if you have some series with NULL or ZERO value, the bar will not appear at all. This is correct behavior from the Charting way, but visually - you may find it difficult to detect the bar against a series.

Below is a sample bar chart with ZERO values where you can see gaps between.


Below is same bar chart but fixed the gap with very small bar where the value is ZERO.



Solution

  • Inside your series bar chart, you will find Axes, and select "Y"
  • Change following options:
    • Format = "Decimal"
    • Decimal Places = 0
    • Step = 1

Hope this helps!

Regards,
Jaydip Bosamiya
jbosamiya@gmail.com

Comments

  1. Scott WesleyNovember 19, 2019 at 7:18 AM

    Nice, I also like the fact this is a declarative solution.

    ReplyDelete
    Replies
    1. Scott WesleyDecember 3, 2019 at 9:54 AM

      Though I just went to use this, and it no longer appears to be taking effect? Neither on 18.2, nor your example on 19.2

      Delete
    2. Jaydip BosamiyaDecember 3, 2019 at 10:41 AM

      Hello Scott, the example demo is working fine for me. Can you please prepare your implemented example and let me know so that I can suggest you the fix? If you can also try by adding 0.1 to your zero values should fix it.

      Delete
    3. Scott WesleyDecember 3, 2019 at 2:07 PM

      Interesting - it seems to be a browser based issue. I see the zero in Firefox, IE, barely in Edge, but not Chrome.

      Delete
    4. Jaydip BosamiyaDecember 3, 2019 at 3:13 PM

      I think you are right, I quickly checked in Edge & IE and it does not show the zero value bars. This must cross browser issue. Good catch. I hope it is working fine with Chrome (tested) & Safari (not tested) but not working as expected in Edge & IE (tested). Thank you again for bringing this out.

      Delete

Post a Comment

My photo
Jaydip Bosamiya
I am Oracle APEX Consultant, Blogger and Integrator. All-rounder in building small, medium and enterprise applications. Extensive knowledge in various area of web-driven applications in Back-end (PL/SQL, SQL, Java), Front-end (Oracle APEX, HTML, JavaScript, CSS, jQuery, OracleJET, ReactJS), RESTful APIs, Third-party library integrations (Apex Office Print (AOP), Payment Gateways, Syncfusion, HighCharts) and APEX Plugins (HighChart, StarRating)

Popular posts from this blog

Oracle APEX - Interactive Report - Scrollbars on Top

By
Image
I have been came across an interested requirement ( which is very valid ) to add scrollbars on the top of the regions! I have seen many times when you want to scroll right to see further data of first few records, you will scroll vertically to get to the horizontal scroll-bars. And then you do horizontal scroll and then vertical scroll to go top of the region. Aren't you ??? :-) So, to ease the user interaction with IR - we should have a scrolling option somewhere on the top of the region ? - For Sure So, how can we add scrollbars on top of the report for an Interactive Report ? By default IR Fix the column headers to the page. This setting gives us an opportunity to add scroll-bars just below the column header as well. Just by adding following CSS line you should get a beautiful scroll-bars just below you header and it works really great as well. #MYIR .t-fht-thead{   overflow: auto !important; } I am also trying to find a way to add same function
Read more

How to create your own customized nested report regions using jQuery

By
Image
Here is how you can create cool nested reports in Oracle APEX and jQuery, which looks like below: For this example, I have used DEPT & EMP example where as a nested report it will show all the child records of employee under department record. To start with, first create a new classic report region with query like " select * from dept ". Add a new derived column of type = Link to that report and set following attributes: Link: javascript: void(0); Link Text: <i class="fa fa-users" alt="Employees" title="Employees"></i> Link Attribute: class="viewEmp" data-deptno="#DEPTNO#" Add new page item to hold deptno value and call it PX_DEPTNO Create new classic report region (this will be your nested region) and set query like " select * from emp where deptno = :PX_DEPTNO " and set following attributes: Static ID:  EMPLOYEES Custom Attributes:  style="display: none" Page Items t
Read more

Oracle APEX - Build Your Own Enhanced Nested Report

By
Image
With lots of feedback and suggestions - which inspired me to dig further into Customized Nested Report and see how we can enhance this further. So, purpose of this blog is to highlight you how you can further enhance  Customized Nested Report . I have tried to add following new things to enhance custom nested reports capabilities. You can try and design your own nested report the way you want. These are just couple of examples that I have created for demo purpose. 3 & 3+ level of nesting with Classic Report Different templates of nested classic reports Classic Report with Badge Template Classic Report with Comments Template Download full application and try it in your own environment. Please note that, it requires default tables EMP & DEPT with some valid data. Working Demo 2 Level Nested Report 3 & 3+ Level Nested Report Nested report as Badge View Nested report as Comment view Please note that, application and
Read more