Send Feedback
Skip to content

Contour

This page describes how to set up and configure the Contour component enabling you to display a three-dimensional surface on a two-dimensional plane.

Screenshot

Set Up a Contour

To set up a Contour component, click-and-drag the component into the workspace and configure the following:

  1. Add a data source.
  2. Define the X- and Y-Axis to plot.
  3. Shading is defined by the Z-axis and the color gradient. Use the Tick interval to set the gap in the number of display labels for the z-axis.

Refer to Contour properties described in the next section for details on additional properties.

Contour Properties

The following sections provides details on how to configure the properties of the Contour component.

Basics

Open the Basics properties on the right and configure the properties described in the following table.

Screenshot

Field Description
Name Enter a name for the component.
Data Source Refer to Data sources for details.
Show Scale Bar When checked, the scale for the response (contour) variable, Z-axis is displayed.
Type Select between contour or heatmap.

Screenshot

X-, Y- and Z-Axis

Configure the properties for each Axis described in the following table.

Screenshot

Field Description
Column Select a data column from the Data Source.
Type Select the axis type: linear, category or date; category and date are only available for heatmap Type contour charts.
Use Range / Min / Max Use these fields to set axis range values. The axis defaults to data range if these are not set.

Z-axis

Determines the line interpolation and contour colors as defined by range Min and Max, or default data minimum and maximum.

Title

Field Description
Label Enter a name for the axis.
Label Size Set the font size for the axis.

Layout

Configure the properties, described in the following table.

Screenshot

Field Description
Background Set color background of chart.
Top / Bottom / Left / Right Use these fields to set the chart margins, in pixels.
Pad Set the central chart image padding, in pixels.

Palette Theme

Refer to Palette Theme for details.

Contour Palette

Configure the properties, described in the following table.

Screenshot

Field Description
Palette Theme Refer to Palettes for details.
Color Palette Sets the number of colors used in the range. Range values are spread evenly across the number of defined colors.
Show Annotation Adds overlay of contour values.
Tick Interval Define tick label frequency on gradient bar.

Tooltip

Configure the properties, described in the following table.

Field Description
Show Tooltip This is checked by default, to display of x-, y- and z-axis (shade) values; defined in Custom Tooltip.
Custom Tooltip Use this field to create a custom tooltip. The default is a sample tooltip used by Show Tooltip.

Image

Configure the properties, described in the following table.

Field Description
Source Use this to replace the map with an image sourced from a URL. Can be a view state parameter.

Style, Margins, Format

Configure the properties, described in the following table.

Screenshot

Field Description
Line Smoothing Determines line smoothing; a value of zero reflects no smoothing, 100 is maximum smoothing.
Advanced CSS / CSS Classes Refer to Style for common settings.

Further Reading