Version

Apply the Multi Stop Radial Gradient Brush Element at Design Time

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

To apply a Multi-Stop Radial Gradient brush element to your property at design time:

  1. Add a Radial Gauge to the Gauges collection.

  2. In the left-hand pane of the Gauges collection editor, click Linear Gauge.

  3. Expand the Dial property.

  4. From the BrushElement drop-down list, select Multi-Stop Radial Gradient. This will create a new Multi-Stop Radial Gradient brush element.

  5. Set the following properties:

    • CenterPoint — 75, 25

    • FocusScales — 0,0

  1. Click the ColorStops property, then click the ellipsis button (…​) to open the ColorStops collection editor.

  2. In the ColorStops collection editor, click under the color scale to add a new color stop.

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

  4. Drag the color stop to change the offset.

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

  6. 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 top, 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.