Specifying settings for Angular gauges

When using the Specify Gauge Settings dialog box to create and configure gauges, the settings on the Angular tab are used only when the gauge type is AngularGauge and control how these types of gauges display.

When modifying a gauge by script, use the GaugeSetProperty method or the GaugeGetProperty method to make these settings. Use the GaugeProperty enumeration.

This table lists the basic settings you can make on the Angular tab. GaugeSetProperty and GaugeGetProperty property names are also listed.

Angular tab Fields / Options Property name Description / Comments
Gauge Start Angle GaugeStartAngle Specify the angle of degrees from which the gauge starts drawing, from -360 to 360.

The default value is 0.

Gauge End Angle GaugeEndAngle Specify the angle of degrees at which the gauge ends, from -360 to 360.

The default value is 180.

Value Below Pivot ValueBelowPivot When selected, this option displays the value below the pivot point.
Pivot Radius PivotRadius Specify the radius of the pivot, in pixels.
Pivot Fill Color PivotFillColor Specify the RGB value for the pivot fill color, as a hexadecimal value (000000-FFFFFF).

You can double-click to display the Color dialog box, where you can select a color or define a custom color for the pivot fill. The hexadecimal code displays after you click OK to exit the Color dialog box.

To use a gradient fill, specify all the colors required for the gradient fill, separated by commas.

Pivot Fill Alpha PivotFillAlpha For each color specified for the Pivot Fill Color, specify the transparency of the background, from  0 (transparent) to 100 (opaque).

Where multiple values are used for gradients, separate the alpha values by commas.

Pivot Fill Angle PivotFillAngle Specify the angle in degrees of the gradient fill, from 0 to 360.
Pivot Fill Type PivotFillType Specify the gradient fill type. Valide values include:
  • Radial (default)
  • Linear
Pivot Fill Mix PivotFillMix Specify a gradient mix formula for the pivot fill. The formula can include any combination of these values, using a list separated by commas:
  • {dark- xx }, where xx represents the percentage of base color darkness

    For example, {dark-10} represents a color which is 10% darker than the colors specified.

  • {light- xx }, where xx represents the percentage of base color lightness
  • {color}, which refers to the base color, as set on the Color Ranges tab
  • { HexCode } such as {FFFFFF} or {FF0000}

    This setting can be used to override the default base color, or it can be used in combination with that and other color specifications to define a gradient.

Pivot Fill Ratio PivotFillRatio Specify a gradient fill ratio for the gauge, as comma separated numbers (percentages).

This ratio determines how far the color spreads before it is mixed with the next color to form a gradient. Separate the ratio values by commas, for example: 60,20,20. The sum of the ratios must equal 100, and the number of ratios in the list must equal the number of colors you specify in the Gauge Fill Mix. The system maps each ratio to the corresponding color in the mix.

Show Pivot Border ShowPivotBorder When selected, this option displays a border around the pivot.
Pivot Border Thickness PivotBorderThickness Specify, in pixels, the thickness of the border.
Pivot Border Color PivotBorderColor Specify the RGB value for the pivot border color, as a hexadecimal value (000000-FFFFFF).

You can double-click to display the Color dialog box, where you can select a color or define a custom color for the pivot border. The hexadecimal code displays after you click OK to exit the Color dialog box.

Pivot Border Alpha PivotBorderAlpha Specify the transparency of the pivot border, from 0 (transparent) to 100 (opaque).
Gauge Outer Radius GaugeOuterRadius Specify the outer radius for the color range scale, in pixels or as a percentage of the outer radius.
Gauge Inner Radius GaugeInnerRadius Specify the inner radius for the color range scale, in pixels or as a percentage of the inner radius.

For more information about these and other gauge properties, see the FusionCharts Developer help (www.fusioncharts.com/dev/).

Related topics