Creating Charts

In this section:

How to:

Using WebFOCUS Designer, you can create charts, grids, and maps, which enable you to convey information visually. You can save and share charts, add saved charts to pages, or edit existing charts should a scenario change. For example, you might want to create a line chart that compares two numeric measures or a ring pie chart that shows the intersections of your data as parts of a whole. You can also create a matrix chart, which allows you to identify hot spots and areas of concentration in your data. Because of its flexibility, WebFOCUS Designer provides you with the platform and tools you need to create charts that communicate.

Many charts show contrasting intersections of data, giving you the opportunity to share useful information that conveys patterns in your data. WebFOCUS Designer provides you with access to different types of simple and complex charts in a suite of charting options. You can also add your saved charts to pages or use them as standalone components that you can share with others in your organization, allowing for collaboration, which a centerpiece for business communication.

Creating a chart begins with the selection of a data source, which contains the underlying data that is used to create your chart. You can select a Master file (.mas) or a Reporting Object (.ro) as your data source. You can also upload a spreadsheet or connect to an existing data source.

You select your data from the Open dialog box, which has two tabs: Server and Repository. These tabs list data files based on where they are stored. Once you have selected a data source, you are ready to begin creating a chart. The following image shows the default WebFOCUS Designer interface when you create a chart.


chart canvas with no fields

When you begin creating a chart in WebFOCUS Designer, you start with a vertical stacked bar chart type, which is a frequently used type of chart. You can change this by choosing a different chart type from the chart picker, which is located to the right of your canvas. When you choose between the different chart types in the chart picker, you can hover over each chart type to display the name of the chart and the minimum data requirements to run the chart (for example, one measure and one dimension). You also have access to a number of chart extensions from the chart picker, which are specialized charts that are installed by your administrator. You can view these by expanding the chart picker. Chart extensions display in a double-column list, as shown in the following image.

You select measures and dimensions from the Fields tab, which holds the fields that were populated from your data source. You can add fields to your chart in the following ways: drag a field to the canvas, double-click a field, or drag a field into one of the buckets.

Once you have created a chart, you can format it to enhance the appearance or style of the chart. For example, you might want to add a header and footer to identify your chart and prepare it for distribution. Depending on the chart type, you can access targeted formatting options that allow you to customize the Legend, Series, and Axis in a chart. Additional options display when working with a specific chart type (for example, Map or Matrix chart types).

Previewing Charts

As you create charts in WebFOCUS Designer, you can preview them to see how your data displays in the chart, or to check the styling before publishing it or sharing it with others. At any point in the development of your chart, click Preview on the Quick Access Toolbar, as shown in the following image.

This executes your request and presents the results in the preview window.

Once you've reviewed your chart, you can exit the Preview using the Esc key.

For charts that contain prompts for parameters, in the prompting facility activated in Autoprompt mode, the Esc key causes the parameter panel to open and close. In this case, you can use the blue dot to return from the preview to the design view of your chart, as shown in the following image.

Procedure: How to Create a Chart Using WebFOCUS Designer

  1. From the WebFOCUS Home Page, click the Designer tab.
  2. Click Chart.
  3. Select an existing data source or connect to a new data source and click Select.
  4. Choose a chart type from the chart picker, as shown in the following image, or use the default vertical stacked bar chart.
  5. Add measures by dragging them onto the canvas.

    Note: You can also double-click a measure to add it to the relevant bucket or drag it into the relevant bucket.

  6. Add dimensions by dragging them onto the canvas.

    Note: You can also double-click the dimension to add it to the relevant bucket or drag it into the relevant bucket.

    The chart refreshes with your selections.

  7. You can format your chart in the following ways:
    1. Edit the style, size, or format of your fonts.
    2. Modify the appearance or location of your legend.
    3. Modify axis options.
    4. Add a header and footer.
    5. Customize the series in your chart.

    Before you save your chart, you can also create a thumbnail, which is used to show an image of the chart on the Home Page or when you create a page in WebFOCUS Designer. To create a thumbnail, on the WebFOCUS Designer toolbar, click Thumbnail.

  8. On the WebFOCUS Designer toolbar, click Save to save your chart.

    To edit your chart, locate it on the Home Page, right-click it, and click Edit from the shortcut menu.

    You can now share your chart or add it to a page.

Creating Vertical Stacked Bar Charts

How to:

Use a vertical stacked bar chart when you want to view information for one dimension within another dimension. For example, when you want to see which product subcategories accounted for the most sales within each product category.

If you use one measure in the Vertical bucket and one dimension in the Horizontal bucket, a simple bar chart is created, with no stacked segments. Vertical stacked bar charts require at least one measure and one dimension. If you add a second measure to the Vertical bucket, a second series is created for the new measure and a new segment is placed on top of the first measure in each bar, as shown in the following image.


Stacked bar chart with 2 measures

Additional measures increase the number of segments in a stack.

If you instead add a dimension field to the Color bucket, colored segments are created for each value in that dimension field, as shown in the following image.


Stacked bar chart with a Color field

Additional fields added to the color field create additional segments based on concatenated values.

The following display options are available for a vertical stacked bar chart:

You can add fields to the following buckets for a vertical stacked bar chart:

Procedure: How to Create a Vertical Stacked Bar Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one or more measures and dimensions to the chart.

    The vertical stacked bar chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your vertical stacked bar chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your vertical stacked bar chart.

Creating Horizontal Bar Charts

How to:

Use a horizontal bar chart when you want to emphasize a ranking relationship in descending order. This chart type can also be used when the x-axis label is too long to fit legibly side-by-side.

If you add additional measure fields to the Horizontal bucket or add dimension fields to the Color bucket, additional bars are placed in groups for each vertical axis value.

Note: Horizontal bar charts require at least one measure and one dimension. Add measures as required to compare additional values.

To sort the bars from high to low, right-click a measure value in the Horizontal bucket and click Sort descending.

The following display options are available for a horizontal bar chart:

Note: When sorting a bar chart, each series is treated as a unique bar. As a result, groups of series such as stacked bar segments, side-by-side groups, or absolute overlapping bars may be separated.

You can add fields to the following buckets for a horizontal bar chart:

Procedure: How to Create a Horizontal Bar Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add a measure and a dimension to the chart.

    The horizontal bar chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your horizontal bar chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your horizontal bar chart.

Creating Vertical Side-by-Side Bar Charts

How to:

Vertical side-by-side bar charts can be used to show additional measure or dimension values for each horizontal axis value using differing identifying colors. Side-by-side bar charts are useful to directly compare the values for different measures or categories within each horizontal axis sort value.

Note: This chart requires at least one measure and one dimension. Add measures as required to compare additional values.

The following display options are available for a vertical side-by-side bar chart:

You can add fields to the following buckets for a vertical side-by-side bar chart:

Procedure: How to Create a Vertical Side-by-Side Bar Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one or more measures and dimensions to the chart.

    The vertical side-by-side bar chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your vertical side-by-side bar chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your vertical side-by-side bar chart.

Creating Ring Pie Charts

How to:

Use a ring pie chart when you want to review the value of each segment, which represents the measure value for the selected dimension, as it relates to the total for the selected measure. The total value represented by all segments displays in the middle of the ring pie chart.

Note: Ring pie charts require at least one measure (placed in the Measure bucket) and one dimension (placed in the Color bucket). Add additional measures as required to create a separate ring pie for each measure.

The following display options are available for a ring pie chart:

You can add fields to the following buckets in a ring pie chart:

Procedure: How to Create a Ring Pie Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one measure and a dimension to the chart.

    The ring pie chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your ring pie chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your ring pie chart.

Creating Absolute Line Charts

How to:

Use absolute line charts when you want to show trend data over time. For example, monthly changes in employment figures, or yearly sales of an item in your inventory.

Note: Absolute line charts require at least one measure and one dimension. Adding multiple measures or adding fields to the Color bucket will create additional lines on the chart.

The following display options are available for a line chart:

You can add fields to the following buckets for a line chart:

Procedure: How to Create an Absolute Line Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one or more measures and a dimension to the chart.

    The absolute line chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your absolute line chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your absolute line chart.

Creating Vertical Stacked Area Charts

How to:

Use vertical stacked area charts when you want to distinguish your data more dramatically by highlighting volume with color. In a vertical stacked area chart, each area is stacked on top of the sections below it.

Note: Vertical stacked area charts require at least one measure and one dimension. Adding multiple measures will create additional shaded areas on the chart.

The following display options are available for an area chart:

You can add fields to the following buckets for an area chart:

Procedure: How to Create a Vertical Stacked Area Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one or more measures and a dimension to the chart.

    The vertical stacked area chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your vertical stacked area chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your vertical stacked area chart.

Creating Scatter/Bubble Charts

How to:

Scatter charts are used to show relationships between X and Y values. They compare two sets of numbers at once, which is useful for discovering patterns and trends.

A bubble chart is a chart in which the data points are represented by bubbles. Bubble charts can have two column fields representing X and Y data values, or have three column fields representing X, Y, and Z data values, in that order. The third variable (Z) represents size. The size of each bubble is used to show the relative importance of the data. A bubble chart can be used to effectively show the relationship between three measure fields.

Note: Scatter/bubble charts require at least two measures, one dimension, a color field, and at least one detail field. Optionally, add a dimension to the Size bucket to view the concentration of data.

The following display options are available for a scatter plot or bubble chart:

You can add fields to the following buckets for a scatter plot or bubble chart:

Procedure: How to Create a Scatter/Bubble Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one measure and one dimension to the chart. Also, add fields in the Detail and Color buckets.

    The scatter/bubble chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your scatter/bubble chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your scatter/bubble chart.

Creating Circle Plot Charts

How to:

Use circle plot charts to display differing values in rows, enabling you to draw inferences as to how the values overlap.

Note: Circle plot charts require at least one measure and one dimension, as well as one for the Detail and Color buckets. Optionally, add a dimension to the Size bucket to view the concentration of data.

The following display options are available for a circle plot chart:

You can add fields to the following buckets for a circle plot chart:

Procedure: How to Create a Circle Plot Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one measure, one dimension to the chart. Also, add a field into the Detail and Color buckets.

    The circle plot chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your circle plot chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your circle plot chart.

Creating Treemap Charts

How to:

Treemap charts can be used to display large amounts of hierarchically structured data. Using a set of nested rectangles to illustrate data relationships, sections of a treemap represent branches of a tree.

Note: Treemap charts require at least one measure and one dimension, to be placed in the Size and Color buckets. Groups are determined by those fields specified in the Grouping bucket.

The Clear buckets content display option is available for a treemap. It removes the fields from all buckets.

You can add fields to the following buckets for a treemap:

Procedure: How to Create a Treemap Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one measure, one dimension to the chart. Also, add a field into the Size and Color buckets.

    The treemap chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your treemap chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your treemap chart.

Creating Data Grids

How to:

Data grids can be used to present data in tabular form. For example, you can create a grid (table) that summarizes your data.

Note: Data grids require at least one measure and one dimension. Additional measures create unique columns. You can add multiple dimensions in the Row bucket to create customized rows based on the structure of your selection.

The following display options are available for a data grid:

You can add fields to the following buckets for a data grid:

Procedure: How to Create a Data Grid

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add one or more measures and dimensions to the chart.

    The data grid refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your data grid:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your data grid.

Creating Matrix Marker Charts

How to:

Matrix marker charts can be used to analyze one or two measures against a crosstab of two categorical dimensions. The result is a color scaled matrix chart that shows categorized trends.

Note: Matrix marker charts require at least two measures and two dimensions. It also requires a field in the Color and Size buckets, which allow you to see the concentration of data for that intersection of the chart.

The following display options are available for a matrix marker chart:

You can add fields to the following buckets for a matrix marker chart:

Procedure: How to Create a Matrix Marker Chart

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add two measures and two dimensions to the chart. Also, add fields to the Color and Size buckets.

    The matrix marker chart refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your matrix marker chart:
    1. Add additional measures or dimensions to the chart, where applicable.
    2. Change the fields to obtain different information.
    3. Format the chart (for example, customize the header and footer or style the legend).
  5. Save your matrix marker chart.

Creating Proportional Symbol Maps

How to:

Proportional symbol maps, or bubble maps, use symbols of different sizes to represent data associated with different areas or locations within the map.

Note: Proportional symbol maps require at least one measure and one Georole, which contains geographic location information. You can add a field to the Color bucket to color the map.

The Clear buckets content display option is available for a proportional symbol map. It removes the fields from all buckets.

You can add fields to the following buckets for a proportional symbol map:

Procedure: How to Create a Proportional Symbol Map

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add a measure and one georole to the Geo bucket.

    The proportional symbol map refreshes with your selections, as shown in the following image.

    Note: In this case, we have also added Product,Subcategory to add color to the map.

  4. You can perform the following tasks with your proportional symbol map:
    1. Change the field in the Geo bucket to analyze other trends.
    2. Zoom in or out to see different views of the data.
  5. Save your proportional symbol map.

Creating Choropleth Maps

How to:

Choropleth maps can be used to create geographically-based heat maps. They are useful for visualizing location-based data, trends, and distributions across a geographic area.

Note: Choropleth maps require at least one measure and one Georole, which contains geographic location information. You can add a field to the Color bucket to color the map.

The Clear buckets content display option is available for a choropleth map. It removes the fields from all buckets.

You can add fields to the following buckets for a choropleth map:

Procedure: How to Create a Choropleth Map

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.
  3. Add a measure and one georole to the Geo bucket.

    The choropleth map refreshes with your selections, as shown in the following image.

  4. You can perform the following tasks with your choropleth map:
    1. Change the field in the Geo bucket to analyze other trends.
    2. Zoom in or out to see different views of the data.
  5. Save your choropleth map.

Creating Charts Using a Chart Extension

How to:

WebFOCUS supports the ability to add new, custom chart types to its list of built-in charts. These custom chart types are called extensions or plug-ins. Once enabled on your WebFOCUS environment, any extensions that you have added are available on the chart picker, in the Custom section, as shown in the following image.


Chart extensions in Custom section of chart picker

Each chart extension uses a set of buckets and properties unique to that extension. The liquid gauge chart extension uses the Tooltip, Value Bucket, and MultiPage buckets, as shown in the following image.


Buckets for liquid gauge chart

The chord diagram, on the other hand, uses the Source Nodes, Target Nodes, Node Link Values, and MultiPage buckets. It also indicates the type of field that should be used in each bucket, as shown in the following image.


Buckets for a chord chart

Each of these buckets is configured to allow a certain number of fields, and certain types of fields.

Chart extensions also have a unique set of properties that can be applied to them. To access chart extension properties, on the Style tab, with the General option selected from the Quick Access menu, in the Other section, click Extension properties. This opens the Extension properties panel. The Extension properties panel opens on top of the Field and Format panels, and can be resized and moved within the browser window. If you click outside of the Extension properties panel, it closes, and any changes that you made to the chart properties are applied.

The Extension properties panel for a liquid gauge chart is shown in the following image.



Some of the properties on the Extension properties panel apply to specific elements of the chart extension. For example, in the following image, the color of the wave the in the liquid gauge chart has been changed to a darker shade of blue, and the number of waves has been increased from 1 to 3.


Liquid gauge chart with 3 waves

For more details about the buckets and properties used in specific chart extensions, see the page for each extension on the Information Builders GitHub site.

Procedure: How to Create a Chart Using a Chart Extension

  1. From the WebFOCUS Home Page, click the Designer tab, and then click Chart.
  2. Choose a data source and click Select.

    WebFOCUS Designer opens in chart mode.

  3. Expand the Chart picker and, from the Custom section, select a chart extension with which to create your chart.
  4. Add measure and dimension fields to the chart based on the available buckets.
  5. Optionally, style the chart using the available extension-specific properties.
    1. Select the Style tab .
    2. If it is not already selected, open the Quick Access menu and select General.
    3. In the Other section, click Extension properties. The Extension properties panel opens.
    4. Make changes to the desired properties, and then close the Extension properties panel.

      The chart updates to reflect your changes to extension properties.

  6. Save your chart.

WebFOCUS