Versions Compared

Version Old Version 1 New Version 2
Changes made by

Sarah Gibson (Unlicensed)

Sarah Gibson (Unlicensed)

Saved on

Key

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

Insert excerpt
_Banners
_Banners
nameanalysis
nopaneltrue

This page is for data modellers who want to format data displayed in a grid or chart.

Overview

Grids and charts in PhixFlow can be formatted and styled. 

Table of Contents

Grids

Grids and columns can be styled and formatted on the backing view.

StyleLocationDescription and use casesChange grid colours and formatting

Backing View > Styles Tab Image Removed

Can be used to provide general styles to a particular grid. 

View Styles Tab

Changing the Chart Header

On the styles tab of a view property editor it is possible to change the style of the header and its components by adding a shared style to

  • Grid Header Style
  • Grid Header Button Style
  • Grid Header Icon Style
  • Grid Header Dropdown Button Style
  • Grid Header Dropdown Pane Style

Changing grid styles

On grids it is also possible to change the style of the following using the styles tab

  • Grid Paging Style

  • Grid Row Style

  • Grid Column Header Style

  • Row Selection Style

Change style for a particular attribute

Attribute > Formatting Rules. Can conditionally apply styles based on data values. E.g. A status attribute can appear red if its value is 'Error'

See Formatting RuleGrid SettingsAttribute > Grid Settings. 

See View Attribute for

  • Setting attribute column widths
  • Labelling columns
  • Number Formats
  • Date/Time Formats
  • Hiding columns
  • Reordering columns

Pie Charts

Pie charts can be styled and formatted on the backing view. For more information see View.

Style
Location
Description and use cases
Change pie chart colours using Colour Map

Backing View > Chart Layout 

Can be used to assign colours to particular values.

See Colour MapChange Number FormatsBacking View > Chart Layout. 
  • Change the number format for the data attribute under Values Number Format
  • Change the number format for the tooltip under Tooltip Number Format
Change Chart Styles

Backing View > Styles Tab Image Removed

Can be used to provide general styles to a pie chart

  • Grid Header Style
  • Grid Header Button Style
  • Grid Header Icon Style
  • Grid Header Dropdown Button Style
  • Grid Header Dropdown Pane Style
Change legend position/visibilityBacking View > Chart Layout. 

Charts

Colour Maps

The colours can be changed on pie charts, bar charts and line graphs using a colour map. To find out more about colour maps, see Colour Map.

Legends

To change how a legend is displayed on a chart

  1. Right click on a chart and Show the view configuration
  2. Open the Chart Layout section
  3. Change any of the following
    • Hide legend by unticking Show Legend
    • Move legend by ticking Show Legend Below the Chart
    • Hide numbers on the chart by unticking Show Values on Charts

Axis Titles

Axis titles are only relevant to line and bar charts. Too add axis titles and style them

  1. Right click on a chart and Show the view configuration
  2. Open the Chart Layout section
  3. Add a Horizontal Axis Title and/or a Vertical Axis Title
  4. Select or add a Title Style in the field below each title
  5. Change the Label Angle if required

Axis Scales

Axis Scales are only relevant to line and bar charts. Too change and format axis scales

  1. Right click on a chart and Show the view configuration
  2. Open the Chart Layout section
  3. Go to the section Show Vertical Axis
  4. Optionally set the following
    1. Logarithmic scale
    2. Minimum Value
    3. Maximum Value
    4. Fixed Scale
    5. Vertical Axis Increment
    6. Show Vertical Gridlines
    7. Vertical Axis Number Format
    8. Text Style


More Information

For a complete list of view properties and their functions see View.