Line With Area & Bar Charts with Region Display Selector Oracle APEX - Part 27

Tech Mining
22 Nov 202207:54

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

00:00

πŸ“Š 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.

05:02

πŸ› οΈ 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

Tech mining refers to the process of extracting valuable insights and knowledge from technological data, often using data mining techniques. In the context of the video, it likely refers to the use of data visualization tools to analyze and present sales data in an informative and interactive manner.

πŸ’‘Chart types

Chart types are different methods of visually representing data, such as bar charts, line charts, and pie charts. The video script mentions creating two different chart types to present category sales data, emphasizing the importance of varied visual representations for better data interpretation.

πŸ’‘Category sales

Category sales refer to the total sales figures grouped by product categories. The video's theme revolves around presenting these sales figures in different months using various chart types, highlighting the need to analyze sales performance across different product groups.

πŸ’‘Graphical report

A graphical report is a document that uses charts, graphs, and other visual elements to convey information more effectively than text alone. The script describes creating a graphical report to display sales data, indicating the use of visual aids to enhance data presentation.

πŸ’‘Region display selector

The region display selector is a feature that allows users to choose which regions of a chart or data visualization to display. In the script, it is used to toggle between different views of category sales data, providing a dynamic way to explore the data.

πŸ’‘Data series

A data series in a chart represents a sequence of data points, often used to compare multiple sets of data over time or categories. The script mentions that deselecting a legend item will hide its associated data series on the chart, demonstrating the interactive nature of the data presentation.

πŸ’‘Line with area chart

A line with area chart is a type of chart that combines a line graph with a filled area beneath it, often used to show trends over time and the magnitude of values. The script describes creating such a chart to display sales data, emphasizing the visual impact of combining line and area elements.

πŸ’‘Time axis type

The time axis type is a property of a chart that determines how time-related data is organized and displayed. The script mentions setting the time axis type to automatically render the chart data in chronological order, which is crucial for accurately representing time-based sales data.

πŸ’‘Tooltip

A tooltip is a small, interactive element that displays additional information when a user hovers over a specific part of a chart or data visualization. The script discusses the 'show group name property' in relation to tooltips, indicating how additional data insights can be provided on demand.

πŸ’‘Increment between major tick marks

The increment between major tick marks refers to the spacing of the larger marks on an axis, which can affect the readability and granularity of a chart. In the script, setting this property is mentioned as part of customizing the chart's appearance and functionality.

πŸ’‘Bar chart

A bar chart is a popular method of displaying data using rectangular bars, where the length of each bar represents the value of the data. The script describes adding a bar chart to display monthly sales data, showcasing the effectiveness of bar charts in comparing quantities across different categories or time periods.

πŸ’‘Sales by category

Sales by category is a specific breakdown of sales figures according to product categories. The script mentions creating tabs for 'sales by category line' and 'sales by month bar', indicating a focus on analyzing sales performance within different categorical segments.

πŸ’‘Tabs

In the context of the script, tabs refer to the user interface elements that allow for the organization and navigation between different views or sets of data. The video describes using tabs to switch between 'show all', 'sales by category line', and 'sales by month bar', providing a user-friendly way to explore the sales data.

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

play00:00

a very warm welcome to Tech mining

play00:02

in this video we'll create two different

play00:04

chart types to present category sales in

play00:07

different months in this graphical

play00:09

report we will make use of region

play00:11

display selector to display two

play00:12

different views of category sales data

play00:15

move the mouse cursor over each chart

play00:17

and see respective sales figures

play00:20

deselecting a legend item will hide its

play00:22

Associated data series on the chart

play00:25

region display selector region enables

play00:27

you to include show and hide controls

play00:29

for each region on a page

play00:31

[Music]

play00:35

this is the second chart which display

play00:37

monthly sales data in bars for all three

play00:40

specified categories

play00:45

in addition this page displays three

play00:47

tabs show all sales by category line and

play00:52

sales by month bar accept the show all

play00:55

tab

play00:56

if you click any of the other two tabs

play00:58

the page shows only the chosen region

play01:01

if you click the show all tab the page

play01:03

displays all the regions

play01:05

let's create this segment go through

play01:08

same approach as we did in previous

play01:10

videos to create a blank page

play01:12

[Music]

play01:41

foreign

play01:47

this first region will display other

play01:49

regions on the page as horizontal tabs

play01:51

[Music]

play02:06

by removing this standard template

play02:08

property the region looks as a part of

play02:10

existing regions

play02:13

create another region

play02:15

this second region will hold the chart

play02:17

type named line with area

play02:21

[Music]

play02:44

this property time axis type

play02:46

automatically renders the chart data in

play02:48

chronological order

play02:49

[Music]

play02:56

this height and show behavior is

play02:59

performed when you click a legend item

play03:00

the chart rescales as you select or

play03:03

deselect a legend

play03:07

source code is provided in description

play03:10

of this video by opening part 8 folder

play03:12

you'll get the file used

play03:14

[Music]

play03:32

thank you

play03:36

[Music]

play03:45

these properties will show markers in

play03:47

shape of circles the show property

play03:49

specifies whether the label should be

play03:51

rendered on the chart by turning it off

play03:54

the visibility of the sales figure is

play03:55

suppressed

play03:58

foreign

play04:00

s we are specifying a title and a date

play04:04

format for x-axis

play04:08

[Music]

play04:20

for y-axis this sales title appears to

play04:24

the left of the chart sale values are

play04:26

displayed as currency in US dollars

play04:30

foreign

play04:32

[Music]

play04:41

property we enter the increment between

play04:44

major tick marks

play04:47

at one more region

play04:49

this third region is added to hold a bar

play04:51

chart

play04:52

[Music]

play05:02

foreign

play05:03

[Music]

play05:24

the show group name property specifies

play05:27

whether the group name should be

play05:28

displayed in the tooltip rendered on the

play05:30

chart we turned it off to suppress the

play05:33

Order timestamp Group specified in the

play05:35

SQL query in next step

play05:39

foreign

play05:42

[Music]

play06:20

thank you

play06:25

[Music]

play06:33

save your progress by clicking this save

play06:36

page button

play06:39

that's it let's test our work

play06:43

run the application

play06:46

[Music]

play06:49

open this reports page click this sales

play06:52

by category month card you will see the

play06:55

two charts as shown in start of this

play06:58

video move the mouse cursor over each

play07:00

chart and see respective sales figures

play07:03

deselecting a legend item will hide its

play07:05

Associated data series on the chart

play07:07

[Music]

play07:13

foreign

play07:18

this second chart display monthly sales

play07:21

data in bars for all three specified

play07:23

categories

play07:29

in addition this page displays three

play07:32

tabs show all sales by category line and

play07:36

sales by month bar accept the show all

play07:39

tab

play07:40

if you click any of the other two tabs

play07:42

the page shows only the chosen region

play07:45

if you click the show all tab the page

play07:48

displays all the regions

play07:51

thanks for watching

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
Tech MiningSales ChartsCategory SalesGraphical ReportRegion SelectorData VisualizationMonthly SalesInteractive TutorialTabbed InterfaceSales Analysis