You are viewing documentation for an older version. For current documentation - click here.

The sample shows an angular gauge with changed size using percentage.

This example shows how percent resizing works in charts. Drag the right-bottom corner or the right/bottom sides of the box containing the chart.

Click here to read details on this example...
The example renders a chart with 80% width and 100% height. The chart's actual width and height is set based on the size of the container element of the chart. The container element is put inside a resizable element. The resizable element is initially set with 800px width and 300px height. The continer element is set with 100% width and height. Hence, deriving from the resizable element, the container element's actual width and height will also set to 800px and 300px, respectively.

 

Angular Gauge will load here!