Line With Area & Bar Charts with Region Display Selector Oracle APEX - Part 27
Summary
TLDRThis Tech mining video tutorial demonstrates creating a graphical report featuring two distinct chart types to represent category sales across various months. Utilizing a region display selector, viewers can toggle between different views of sales data, with interactive charts that update as legend items are selected or deselected. The presentation includes a line chart with area, a bar chart, and tabs for focused or comprehensive regional sales analysis. Detailed instructions and source code are provided for hands-on learning.
Takeaways
- π The video demonstrates creating two types of charts for presenting category sales data across different months.
- π±οΈ Viewers can interact with the charts by moving the mouse cursor to see sales figures and by deselecting legend items to hide associated data series.
- π The video introduces a 'region display selector' feature that allows for toggling visibility of different data regions on the page.
- π The first chart type mentioned is a line chart with an area fill, which renders chronological sales data automatically.
- π The second chart type is a bar chart displaying monthly sales data for three specified categories.
- ποΈ The 'time axis type' property is used to ensure the data is displayed in chronological order on the charts.
- π’ The 'show' property controls the visibility of labels and sales figures on the charts, which can be toggled on or off.
- π The video provides the source code for the charts in the description, accessible by opening a specific folder.
- π Titles and date formats are specified for the x-axis, while sales values are labeled in US dollars on the y-axis.
- π The 'show group name' property is used to control the display of group names in tooltips, which can be suppressed if desired.
- πΎ The video concludes with instructions to save progress and test the application to view the interactive charts and tabs.
Q & A
What is the main focus of the Tech mining video?
-The video focuses on creating two different chart types to present category sales in different months using a graphical report with a region display selector.
How does the region display selector function in the graphical report?
-The region display selector allows users to toggle between different views of category sales data, showing or hiding data series on the chart as they move the mouse cursor or deselect items from the legend.
What are the two chart types demonstrated in the video?
-The two chart types are a line chart with an area and a bar chart, both of which display monthly sales data for specified categories.
How can users interact with the charts in the video?
-Users can interact with the charts by moving the mouse cursor over them to see respective sales figures and by deselecting legend items to hide associated data series.
What does the 'show all' tab do in the report page?
-The 'show all' tab, when clicked, displays all the regions in the report, showing a comprehensive view of the sales data across all categories.
How does the 'time axis type' property affect the chart?
-The 'time axis type' property automatically renders the chart data in chronological order, organizing the sales data by month.
What is the purpose of the 'show markers' property in the script?
-The 'show markers' property is used to display markers in the shape of circles on the chart, indicating data points.
How is the visibility of sales figures controlled on the chart?
-The visibility of sales figures is controlled by the 'show' property. Turning it off suppresses the rendering of the label on the chart.
What does the 'show group name' property do in the chart?
-The 'show group name' property specifies whether the group name should be displayed in the tooltip on the chart. It can be turned off to suppress the display of the group name.
How are the sales values displayed on the y-axis of the chart?
-Sales values are displayed as currency in US dollars on the y-axis of the chart.
What is the source code provided in the video description used for?
-The source code provided in the video description is used to create the charts and graphical report as demonstrated in the video, and can be accessed by opening the part 8 folder.
Outlines
π Interactive Sales Charts Overview
This paragraph introduces the video's focus on creating interactive charts to represent category sales across different months. The video will demonstrate how to utilize a region display selector to toggle between two views of sales data. Viewers can hover over charts to reveal sales figures and click legend items to hide or show specific data series. The script also mentions the creation of a second chart displaying monthly sales data in a bar format, with tabs for viewing sales by category, line, or month. The 'Show All' tab is highlighted for its ability to display all regions at once. The process includes creating a blank page and setting up regions for the charts, with one region displaying other regions as horizontal tabs and another holding a line with area chart type. The script also discusses properties for rendering the chart data in chronological order and customizing chart appearance, such as markers and labels.
π οΈ Chart Customization and Testing
The second paragraph delves into the customization of the charts, including the display of group names in tooltips, which are turned off to suppress the order timestamp group from the SQL query. The paragraph also covers saving progress and testing the application, with instructions to run the application and navigate to the reports page. Upon opening the 'Sales by Category Month' card, viewers are expected to interact with the two charts introduced earlier, observing how sales figures are displayed on hover and how deselecting a legend item affects the data series visibility. The paragraph concludes with a brief mention of the second chart displaying monthly sales data in bars for three specified categories, with tabs for regional selection, and a reminder that clicking the 'Show All' tab will display data from all regions. The paragraph ends with a thank you note to the viewers.
Mindmap
Keywords
π‘Tech mining
π‘Chart types
π‘Category sales
π‘Graphical report
π‘Region display selector
π‘Data series
π‘Line with area chart
π‘Time axis type
π‘Tooltip
π‘Increment between major tick marks
π‘Bar chart
π‘Sales by category
π‘Tabs
Highlights
Introduction to creating two different chart types for presenting category sales in different months.
Utilization of a region display selector for displaying two different views of category sales data.
Interactive feature allowing users to see respective sales figures by moving the mouse cursor over each chart.
Deselecting a legend item to hide its associated data series on the chart.
Explanation of the 'region display selector' and its functionality for show and hide controls.
Demonstration of the second chart displaying monthly sales data in bar format for three categories.
Inclusion of three tabs to show all sales by category, line, and bar, with the option to select specific regions.
Description of the 'show all' tab functionality to display all regions.
Guidance on creating a segment with the same approach as in previous videos.
Creating a blank page and setting up regions for horizontal tabs.
Customization of the region to make it appear as part of existing regions by removing standard template properties.
Introduction of the 'line with area' chart type and its properties for rendering chronological chart data.
Details on the 'height' and 'show behavior' properties for rescaling the chart when selecting or deselecting a legend.
Providing the source code in the video description for further exploration.
Customization options for markers and labels on the chart.
Setting a title and date format for the x-axis and displaying sales values in US dollars on the y-axis.
Adjusting the increment between major tick marks for better data visualization.
Introduction of the third region for holding a bar chart with specific properties.
Instructions on how to suppress the display of the group name in the tooltip.
Final steps to save progress and test the application with interactive charts.
Conclusion and invitation to explore the interactive features of the created charts.
Transcripts
a very warm welcome to Tech mining
in this video we'll create two different
chart types to present category sales in
different months in this graphical
report we will make use of region
display selector to display two
different views of category sales data
move the mouse cursor over each chart
and see respective sales figures
deselecting a legend item will hide its
Associated data series on the chart
region display selector region enables
you to include show and hide controls
for each region on a page
[Music]
this is the second chart which display
monthly sales data in bars for all three
specified categories
in addition this page displays three
tabs show all sales by category line and
sales by month bar accept the show all
tab
if you click any of the other two tabs
the page shows only the chosen region
if you click the show all tab the page
displays all the regions
let's create this segment go through
same approach as we did in previous
videos to create a blank page
[Music]
foreign
this first region will display other
regions on the page as horizontal tabs
[Music]
by removing this standard template
property the region looks as a part of
existing regions
create another region
this second region will hold the chart
type named line with area
[Music]
this property time axis type
automatically renders the chart data in
chronological order
[Music]
this height and show behavior is
performed when you click a legend item
the chart rescales as you select or
deselect a legend
source code is provided in description
of this video by opening part 8 folder
you'll get the file used
[Music]
thank you
[Music]
these properties will show markers in
shape of circles the show property
specifies whether the label should be
rendered on the chart by turning it off
the visibility of the sales figure is
suppressed
foreign
s we are specifying a title and a date
format for x-axis
[Music]
for y-axis this sales title appears to
the left of the chart sale values are
displayed as currency in US dollars
foreign
[Music]
property we enter the increment between
major tick marks
at one more region
this third region is added to hold a bar
chart
[Music]
foreign
[Music]
the show group name property specifies
whether the group name should be
displayed in the tooltip rendered on the
chart we turned it off to suppress the
Order timestamp Group specified in the
SQL query in next step
foreign
[Music]
thank you
[Music]
save your progress by clicking this save
page button
that's it let's test our work
run the application
[Music]
open this reports page click this sales
by category month card you will see the
two charts as shown in start of this
video move the mouse cursor over each
chart and see respective sales figures
deselecting a legend item will hide its
Associated data series on the chart
[Music]
foreign
this second chart display monthly sales
data in bars for all three specified
categories
in addition this page displays three
tabs show all sales by category line and
sales by month bar accept the show all
tab
if you click any of the other two tabs
the page shows only the chosen region
if you click the show all tab the page
displays all the regions
thanks for watching
Browse More Related Video
Oracle APEX Chart | Stack Unstack | Horizontal Vertical Orientation - Part 25
Donut & Range Charts | Minimum & Maximum Quantities | with Legends Oracle APEX - Part 26
Single + Multiple Series Box Plot Charts Oracle APEX - Part 31
How to pick the "perfect" chart for your situation in Power BI?
Customize Interactive Report using Actions Menu (Sort, Control Break, Highlight) - Part 12
Pyramid Chart | Oracle APEX - Part 32
5.0 / 5 (0 votes)