Exporting the Digital Gauge

22 Feb 20181 minute to read

Digital Gauge has an exporting feature where Gauge control is converted into image format and then exported to client-side. The method API exportImage exports the Digital Gauge. It has two arguments such as filename and file format. For exporting, you can refer the following code example.

  • <ej-digital-gauge id="DigitalGauge"  value="syncfusion">
    <input type="submit" value="Export Image" id="ExportImage" />
    <div>FileName </div>
    <input type="text" id="txtFileName">
    <div >FileFormat </div>
    <select id="FileType">
    <option value="JPEG">JPEG</option>
    <option value="PNG">PNG</option>
     $(function () {
                $("#ExportImage").ejButton({ width: "100px", click: "buttonClickEvent", });
            function buttonClickEvent() {
                var FileName = $("#txtFileName").val();
                var FileFormat = $("#FileType").val();
                $("#DigitalGauge").ejDigitalGauge("exportImage", FileName, FileFormat);

    Execute the above code examples to render the DigitalGauge as follows.

    Digital Gauge control with Export functionality