Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Insert excerpt
_Banners
_Banners
nameanalysis
nopaneltrue

By the end of this exercise you will be able to:

  • Create a line chart (time series)
  • Create a

...

  • bar chart
  • Create a

...

  • pie chart
  • Create an aggregate view

...

Note in this exercise that you set

...

Series, Data Point

...

attributes and Horizontal Axis

...

Attributes by dragging

...

table attributes into the boxes against these fields.

Create a line chart (time series)

...

...

You will create a line chart, plotted over time, of debt levels broken down by payment means

...

  • Press Image Removed - Insert
  • Set:

    • Name: Debt levels by payment means

    • Display Type: Line Chart (time)

  • Press OK

The best way to configure views is to add them to a dashboard first. Create a dashboard for this view:

...

To complete the configuration, in the stream view configuration form open the list of attributes with Image Removed - Show Stream Attributes

Drag attributes from this list into configuration fields in the chart builder as:

...

Series

...

PaymentMeans

...

Show Legend

...

tick

...

Max

...

leave blank

...

Fixed Scale

...

leave unticked

...

Min

...

leave blank

...

Y-Axis Attributes

...

DebtLevel

...

X-Axis Attribute

...

CalculationDate

...

Different Label?

...

leave unticked

...

Vertical Axis Title

...

Debt level

...

Horizontal Axis Title

...

Date

...

Label angle

...

Horizontal

...

Show Values on Charts

...

leave unticked

...

You need to press Apply to see the following fields

...

 

...

Primary Axis Unit

...

Day

...

Primary Axis Format

...

Day in month

...

Secondary Axis Unit

...

Month

...

Secondary Axis Format

...

January, February

...

Setting an upper limit

There is one data point in the data which is much greater than all the others, so movements in the levels of debt cannot be seen. Add a maximum value in the chart layout to exclude this outlier and generate a more useful graph:

  • set Max to 30000

Then view the chart to see the results.

Setting a lower limit

You decide you are only interested if there is a debt level of more than 5,000:

  • set Min to 5000

Then view the chart to see the results.

Fixing the scale

You now decide that you want to show the graph always including the Y-Axis starting at zero:

  • Set the Min to 0
  • Tick Fixed Scale

Then view the chart to see the results.
Note: Fixed Scale is relevant when the graph data changes. The Min and Max will always be plotted on the Y-Axis, even when the largest data value is lower than the Max and the lowest data value is larger than the Min.

Create a 3D bar chart

Now you will create a graph of the same data, but this time using a bar chart. Add a new view on the Stream Overall Debt Levels with these settings:

...

Name

...

Debt levels by payment means 2

...

View Type

...

3D Barchart

...

Attributes and Formatting

...

 

...

Series

...

PaymentMeans

...

Show Legend

...

tick

...

Max

...

leave blank

...

Fixed Scale

...

leave unticked

...

Min

...

leave blank

...

Y-Axis Attributes

...

DebtLevel

...

X-Axis Attribute

...

CalculationDate

...

Different Label?

...

leave unticked

...

Vertical Axis Title

...

Debt level

...

Horizontal Axis Title

...

Date

...

Label Angle

...

Sloping

...

Show Values on Charts

...

leave unticked

  • Save the new view, and view the results

The view looks very cluttered – but we will filter this later to make this more useful.

Create a 3D pie chart

Now you will create a further chart on the Stream Overall Debt Levels, to give an overview of proportions of debt by various payment means. Create a new view with the settings:

...

Name

...

Debt overview by payment means

...

View Type

...

3D Pie Chart

...

Attributes

...

 

...

Data Attribute

...

DebtLevel

...

Label Attribute

...

PaymentMeans

...

Show Legend

...

tick

...

Show Values on Charts

...

tick

Create an aggregate view

Now you will create a grid view on the data in Overall Debt Levels, but to show aggregated totals by payment method:

  • Add a new grid view, called Debt totals by payment means
  • Drag the attribute PaymentMeans into the Stream View Attributes list
  • Drag the attribute Count() into the Stream View Attributes list (this attribute is available on any grid view in PhixFlow, regardless of what attributes have been set up in the Stream)
  • Drag the attribute DebtLevel into the Stream View Attributes list
    • Now double-click on this attribute in the Stream View Attributes list
    • You will see the stream view attribute configuration form:
      • Set the Alias to TotalDebtLevel
      • Select the Aggregate Function: Sum
      • Press Image Removed
  • Press Image Removed on the main stream view configuration form to save your changes

View the results.

Create a pivot view

Now you will create a pivot view on the data in Overall Debt Levels to show debt totals by payment method and date.

  • Press Image Removed - Add a new item and select Pivot
  • Configure the following details:
    • Name: Debt levels by payment method and date
    • Drag CalculationDate into Row Attributes
    • Drag PaymentMeans into Column Attribute
    • Drag DebtLevel into Value Attribute
    • Drag DebtLevel into Total Attribute
    • Press Image Removed

View the results.

Finding views in the Views List

In the left-hand sidebar in PhixFlow, press Image Removed - Show the list of Stream Views. A list of all stream views configured in this installation of PhixFlow is shown.
Your new views are included in this list (if some are missing, press Image Removed - Refresh at the top of the list).

By the end of this exercise you will be able to:

  • Create a line chart (time series)
  • Create a 3D bar chart
  • Create a 3D pie chart
  • Create an aggregate view
  • Create a pivot view

Note in this exercise that you set Series, Y-Axis Attribute and X-Axis Attribute by dragging stream attributes into the boxes against these fields.

Create a line chart (time series)

  • Open the model Dashboards and Forms 01-08: Views, filters and dashboards
  • Open the Stream configuration form for Overall Debt Levels
  • Go to the Views tab

You will create a line chart, plotted over time, of debt levels broken down by payment means:

...

Configure the following details:

...

Name

...

Debt levels by payment means

...

View Type

...

Line Chart (time)

...

Attributes and Formatting

...

 

...

Series

...

PaymentMeans

...

Show Legend

...

tick

...

Max

...

leave blank

...

Fixed Scale

...

leave unticked

...

Min

...

leave blank

...

Y-Axis Attributes

...

DebtLevel

...

X-Axis Attribute

...

CalculationDate

...

Different Label?

...

leave unticked

...

Vertical Axis Title

...

Debt level

...

Horizontal Axis Title

...

Date

...

Label angle

...

Horizontal

...

Show Values on Charts

...

leave unticked

...

You need to press Apply to see the following fields

...

 

...

Primary Axis Unit

...

Day

...

Primary Axis Format

...

Day in month

...

Secondary Axis Unit

...

Month

...

Secondary Axis Format

...

January, February

...

.

  1. Create a Screen
    1. Click on Screen from the application home screen.
    2. Click 
      Insert excerpt
      _add
      _add
      nopaneltrue
      .
    1. Set the screen name to: Debt levels by payment means

...

    1. Select a Template e.g. Tile No Buttons.
    2. Click the Create Screen button.
    3. A new screen will open based on your template.
  1. Now create a new view on the screen
    1. From the screen's toolbar, click
      Insert excerpt
      _tableOnly
      _tableOnly
      nopaneltrue
      s.
    2. Drag the table Overall debt levels onto the screen.
    3. Choose a Line Chart view.
    4. This creates a view - configuration options for the view show on the right.
    5. The Available Attributes box will be shown.
      1. Attributes can also be displayed by clicking 
        Insert excerpt
        _attributes_show
        _attributes_show
        nopaneltrue
         in the toolbar
        .
    6. Drag attributes on the view as follows:

      FieldAttribute

      SERIES

      PaymentMeans

      Y ATTRIBUTESDebtLevel
      X ATTRIBUTECalculationDate


    7. To see the chart, switch to 

      Insert excerpt
      _app_mode
      _app_mode
      nopaneltrue
      . To update the chart again, go back into
      Insert excerpt
      _design_mode
      _design_mode
      nopaneltrue
      .

    8. To complete the setup, we will label the axes. In the screen, right-click on the view (the line chart) and select 

      Insert excerpt
      _view_show
      _view_show
      nopaneltrue
       configuration.

    9. In the settings on the right:

      1. Click 
        Insert excerpt
        _save
        _save
        nopaneltrue
         to save your changes. This is required in order to update the options below.
      2. Update the name of the view to Debt levels by payment means
      3. Set the Display Type to Line Chart (time).

      4. Scroll down to the Chart Layout section and enter the following settings:

        FieldValue

        Show Legend

        Insert excerpt
        _toggle_on
        _toggle_on
        nopaneltrue

        Horizontal Axis Title

        Calculation Date

        Label angle

        Horizontal

        Vertical Axis Title

        Debt level


    10. Click 
      Insert excerpt
      _finish
      _finish
      nopaneltrue
       to save your changes and close the window.
    11. Go into
      Insert excerpt
      _app_mode
      _app_mode
      nopaneltrue
       to see the chart.

Setting an upper limit

There is one data point in the data which is much greater than all the others, so movements in the levels of debt cannot be seen.

...

We can exclude this outlier and generate a more useful graph

...

.

  1. Switch back to
    Insert excerpt
    _design_mode
    _design_mode
    nopaneltrue
     and
    Insert excerpt
    _view_show
    _view_show
    nopaneltrue
     configuration
  2. In the Chart Layout section, add a Maximum Value to the Vertical Axis of 30000

Then view the chart to see the results.

Setting a lower limit

You decide you are only interested if there is a debt level of more than 5,000

...

.

...

  1. Under Vertical Axis, set Minimum Value to 5000

Then view the chart to see the results.

Fixing the scale

You now decide that you want to show the graph always including the Vertical Axis (Y

...

) starting at zero:

...

  1. Under Vertical Axis, set the Minimum Value to 0

...

  1. Fixed Scale
    Insert excerpt
    _toggle_on
    _toggle_on
    nopaneltrue

Then view the chart to see the results.
Note: Fixed Scale is relevant when the graph data changes. The

...

Minimum Value and

...

Maximum will always be plotted on the Vertical Axis (Y

...

), even when the largest data value is lower than the

...

Maximum Value and the lowest data value is larger than the

...

Minimum Value.

Create a

...

bar chart

Now you will create a graph of the same data, but this time using a bar chart

...

.

  1. Create a screen called Debt levels by payment means 2
  2. Select a Template e.g. Tile No Buttons.
  3. Now create a new view on

...

Name

...

Debt levels by payment means 2

...

View Type

...

3D Barchart

...

Attributes and Formatting

...

 

...

Series

...

PaymentMeans

...

Show Legend

...

tick

...

Max

...

leave blank

...

Fixed Scale

...

leave unticked

...

Min

...

leave blank

...

Y-Axis Attributes

...

DebtLevel

...

X-Axis Attribute

...

CalculationDate

...

Different Label?

...

leave unticked

...

Vertical Axis Title

...

Debt level

...

Horizontal Axis Title

...

Date

...

Label Angle

...

Sloping

...

Show Values on Charts

...

leave unticked

...

  1. the screen.
  2. From the screen's toolbar, click
    Insert excerpt
    _tableOnly
    _tableOnly
    nopaneltrue
    s.
  3. Drag the table Overall debt levels onto the screen.
  4. Select the view type 
    Insert excerpt
    _chart_bar_vertical
    _chart_bar_vertical
    nopaneltrue
    .
  5. Drag attributes into the view as follows:

    SERIESPaymentMeans
    Y ATTRIBUTESDebtLevel
    X ATTRIBUTECalculationDate


  6. Right-click and 
    Insert excerpt
    _view_show
    _view_show
    nopaneltrue
     configuration.
    1. Update the name of the view to Debt levels by payment means 2
    2. Set the Display Type: Bar Chart (vertical)
    3. Update the following settings:

      Show Legend

      Insert excerpt
      _toggle_on
      _toggle_on
      nopaneltrue

      Horizontal Axis Title

      Calculation Date

      Label Angle

      Sloping

      Vertical Axis Title

      Debt level


  7. Insert excerpt
    _finish
    _finish
    nopaneltrue
     the settings.

  8. Go into

    Insert excerpt
    _app_mode
    _app_mode
    nopaneltrue
     to view the results.

The view looks very cluttered – but we will filter this later to make this more useful.

...

Create a 3D pie chart

Now you will create a further chart on the Stream Overall Debt Levels, to give an overview of proportions of debt by various payment means. Create a new view with the settings:

...

Name

...

Debt overview by payment means

...

View Type

...

3D Pie Chart

...

Attributes

...

 

...

Data Attribute

...

DebtLevel

...

Label Attribute

...

PaymentMeans

...

Show Legend

...

tick

...

...

tick

Create an aggregate grid view

Now you will create a grid view on the data in Overall Debt Levels, but to show aggregated totals by payment method:

...

  1. Create a screen called Debt totals by payment means.
  2. Select a Template e.g. Tile No Buttons.
  3. From the screen's toolbar, click
    Insert excerpt
    _tableOnly
    _tableOnly
    nopaneltrue
    s.
  4. Drag

...

  1. the table Overall debt levels onto the screen.
  2. Select the view type
    Insert excerpt
    _grid
    _grid
    nopaneltrue
    .
  3. Drag the following attributes onto the view:
    • PaymentMeans
    • DebtLevel
    • Count()
  4. We want to group the results by PaymentMeans, and for each value of this, sum the DebtLevel:
    1. Right-click on the grid and select
      Insert excerpt
      _view_show
      _view_show
      nopaneltrue
       configuration
    2. Update the Name of the view to Debt totals by payment means
    3. Double-click on DebtLevel in the View Attributes list:
      • Set the Name to TotalDebtLevel
      • Select the Aggregate Function: Sum
      • Press 

...

      • Insert excerpt
        _finish
        _finish
        nopaneltrue
        .
  1. Press 
    Insert excerpt
    _finish
    _finish
    nopaneltrue
     on the View settings to save your changes

...

  1. .

You should now see an aggregate view with an entry per Payment Means - 3 rows in total - with, for each, a sum of entries for that Payment Means, and a total debt level.

Create a

...

pie chart

Now you will create a

...

further chart on the

...

table Overall Debt Levels

...

  • Press Image Removed - Add a new item and select Pivot
  • Configure the following details:
    • Name: Debt levels by payment method and date
    • Drag CalculationDate into Row Attributes
    • Drag PaymentMeans into Column Attribute
    • Drag DebtLevel into Value Attribute
    • Drag DebtLevel into Total Attribute
    • Press Image Removed

View the results.

Finding views in the Views List

...

, to give an overview of proportions of debt by various payment means. Create a new screen and view with the settings:

Name

Debt overview by payment means

Display Type

Insert excerpt
_chart_pie
_chart_pie
nopaneltrue

DATA ATTRIBUTE

DebtLevel - Once you have added it to the View, make this an aggregate attribute:

  • Right-click and 
    Insert excerpt
    _view_show
    _view_show
    nopaneltrue
     configuration
  • Double click DebtLevel in the View Attributes section to open the View Attribute settings
  • Set the Aggregate Function to Sum
  • Save your changes

LABEL ATTRIBUTE

PaymentMeans

Show Legend

Insert excerpt
_toggle_on
_toggle_on
nopaneltrue

Show Values on Charts

Insert excerpt
_toggle_on
_toggle_on
nopaneltrue