LinearGauge Export
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.
<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/kendo-ui/service/export"
});
});
});
});
</script>
<button class='export-pdf k-button'>Export as PDF</button>
<kendo-lineargauge name="linearGauge">
<scale min="0" max="200">
</scale>
<lineargauge-pointers>
<pointer value="10"></pointer>
</lineargauge-pointers>
</kendo-lineargauge>
<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/kendo-ui/service/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.
<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/kendo-ui/service/export"
});
});
});
});
</script>
<button class='export-img k-button'>Export as Image</button>
<kendo-lineargauge name="linearGauge">
<scale min="0" max="200">
</scale>
<lineargauge-pointers>
<pointer value="10"></pointer>
</lineargauge-pointers>
</kendo-lineargauge>
<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/kendo-ui/service/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.
<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/kendo-ui/service/export"
});
});
});
});
</script>
<button class='export-svg k-button'>Export as SVG</button>
<kendo-lineargauge name="linearGauge">
<scale min="0" max="200">
</scale>
<lineargauge-pointers>
<pointer value="10"></pointer>
</lineargauge-pointers>
</kendo-lineargauge>
<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/kendo-ui/service/export"
});
});
});
});
</script>