How to Use

  1. In the Components pane, drag and drop an SVG gauge from SVG Gauges Category onto the Builder.
  1. Drag-and-drop a Virtual point onto the SVG gauge.
  1. Right click on the SVG gauge and select Configure Gauge.
SVG Sun gauge
  • A dialog box displays depending on the gauge, allowing you to customize the gauge.

Refresh for the changes to take effect.

SVG Gauges Category

SVG Gauges Category

Gauge Type

Max number of points

Bar Gauges

Bar Gauge 1

1 point

Bar Gauge 2

Bar Gauge 3

Bar Gauge 4

Bar Gauge 5

Circle Gauges

Circle Gauge 1

1 point

Circle Gauge 2

Half Circle Gauges

Half Circle Gauge 1

1 point

Half Circle Gauge 2

Half Circle Gauge 3

Half Circle Gauge 4

Half Circle Gauge 5

Half Circle Gauge 6

Half Circle Gauge 7

Half Circle Gauge 8

Icon Gauges

Battery Gauge

1 point

Needle Gauge

Light Gauge

Light Gauge 1

Light Gauge 2

Weather Gauges

Lightning Gauge

1 point

Raindrop Gauge

Snowflake Gauge

Sun Gauge

 

SVG Misc Category

SVG Misc Category

Gauge Type

Max number of points

Button Bar

1 point

Label Container

1 point