New to Telerik UI for ASP.NET Core? Start a free 30-day trial
LinearGauge Export
Updated on Oct 24, 2025
The Telerik UI LinearGauge for ASP.NET Core export relies on the Telerik UI DrawingAPI library. It enables you to export the content to:
Export as PDF
The linear gauge allows you to retrieve the PDF representation of the content via the exportPDF method. The base64 result can be forwarded to a service or downloaded on the client-side.
Razor
<button class='export-pdf k-button'>Export as PDF</button>
@(Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Min(0)
.Max(200)
)
.Pointer(pointer => pointer
.Value(10)
)
)
<script>
$(document).ready( function () {
$(".export-pdf").click(function () {
var gauge = $("#linearGauge").getKendoLinearGauge();
gauge.exportPDF({ paperSize: "auto", margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" } }).done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "chart.pdf",
proxyURL: "https://demos.telerik.com/service/v2/core/export"
});
});
});
});
</script>Export as Image
The linear gauge allows you to retrieve the Image representation of the content via the exportImage method. The base64 result can be forwarded to a service or downloaded on the client-side.
Razor
<button class='export-img k-button'>Export as Image</button>
@(Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Min(0)
.Max(200)
)
.Pointer(pointer => pointer
.Value(10)
)
)
<script>
$(document).ready( function () {
$(".export-img").click(function () {
var gauge = $("#linearGauge").getKendoLinearGauge();
gauge.exportImage().done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "chart.png",
proxyURL: "https://demos.telerik.com/service/v2/core/export"
});
});
});
});
</script>Export as SVG
The linear gauge allows you to retrieve the Scalable Vector Graphics (SVG) representation of the content via the exportSVG method. The base64 result can be forwarded to a service or downloaded on the client-side.
Razor
<button class='export-svg k-button'>Export as SVG</button>
@(Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Min(0)
.Max(200)
)
.Pointer(pointer => pointer
.Value(10)
)
)
<script>
$(document).ready( function () {
$(".export-svg").click(function () {
var gauge = $("#linearGauge").getKendoLinearGauge();
gauge.exportSVG().done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "chart.svg",
proxyURL: "https://demos.telerik.com/service/v2/core/export"
});
});
});
});
</script>