Exporting the Digital Gauge
6 Mar 20182 minutes 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.
<div id="DigitalGauge1" ej-digitalgauge e-value="SYNCFUSION"></div>
<button id="buttonSubmit">Export</button>
<div id=" fileName ">FileName </div>
<input type="text" id="fileName"/>
<div id=" fileFormat ">FileFormat </div>
<select id="fileFormat">
<option value="JPEG">JPEG</option>
<option value="PNG">PNG</option>
</select>
$(function () {
$("#buttonSubmit").ejButton({ width: "50px", text: "Export", click: "buttonClickEvent", });
$("#fileFormat").ejDropDownList({ selectedItemIndex: 0, width: "115px" });
});
$("# DigitalGauge1").ejDigitalGauge("exportImage", "Digital", "JPEG");
function buttonClickEvent() {
var FileName = $("#fileName").val();
var FileFormat = $("#fileFormat").ejDropDownList("option", "value");
var flag = $("#DigitalGauge1").ejDigitalGauge("exportImage", FileName, FileFormat);
if (!flag)
alert("Sorry for the inconvenience. Export is currently not supported in Internet Explorer 9 and below version");
}
Execute the above code examples to render the DigitalGauge as follows.