Version

Apply the Multi Stop Radial Gradient Brush Element Using the Gauge Designer

If you want more than two colors of a property of your gauge to blend into each other in a circular fashion, apply the Mult-Stop Radial Gradient brush element to the property.

To apply a Multi-Stop Radial Gradient brush element to your property using the Gauge Designer:

  1. In the Gauge Explorer or the interactive preview area, select the property to which you want to apply the Multi-Stop Radial Gradient brush element.

  2. In the Appearance tab of the Properties panel, select MultiStopRadialGradient from the Type drop-down list.

  3. Click the Details drop-down arrow.

  4. In the Gradient editor, click under the color scales to add a new color stop.

  5. Right click on the color stop to change the color.

  6. Drag the color stop to change the offset.

  7. The following step allows you to edit the values with more precision.

  8. Click the small arrow on the horizontal bar. Then set the following properties:

    • Start color - Click the first cell in the first row. Click the drop-down arrow. The color picker appears. On the left-hand side, click Web, then select the Black color.

    • Start color offset - Click the second cell in the first row. Enter the value 0 in the text box.

    • Color stop - Click the first cell in the second row. Enter the value 186, 0 ,0 in the text box.

    • Color stop offset - Click the second cell in the second row. Enter the value 0.264 in the text box.

    • End color - Click the first cell in the third row. Enter the value 254, 127, 0 in the text box.

    • End color offset - Click the second cell in the third row. Enter the value 1 in the text box.

The gauge's gradient editor
  1. In the Gradient Editor, click the Focus Scales button. The Focus Scales Editor appears. Using the horizontal and vertical slider bars select the surround point. In the circle, drag the smaller circle to set the center point.

  2. When you are finished specifying the properties, click anywhere in the Brush pane.

  3. Click the Relative Bounds editor drop-down arrow.

  4. In the Relative Bounds pane that appears, set the following properties:

    • X - 11

    • Y - 11

    • Width - 78

    • Height - 78

  1. In the Relative Clip Bounds pane that appears, set the following properties:

    • X - 0

    • Y - 0

    • Width - 0

    • Height - 0

The gauge's relative bounds editor.
  1. You can see the Multi-Stop Radial Gradient brush element applied to the selected property of your gauge in the interactive preview area.