All Components


Globalization is a process that combines the translation of component messages and the usage of specific culture locales.

The following example demonstrates how to set the locale and text direction of an Arc Gauge.

import { Component } from '@angular/core';

import { saveAs } from '@progress/kendo-file-saver';

    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <kendo-arcgauge-scale [majorTicks]="{ visible: true }" [minorTicks]="{ visible: true }">
                <kendo-arcgauge-scale-labels format="c">
            <ng-template kendoArcGaugeCenterTemplate let-value="value">
                {{ value | kendoNumber: 'c' }}
    styles: [`
        .k-arcgauge {
            display: block;
            width: 300px;
            margin: 0 auto;
export class AppComponent {
  public value = 30;

import { NgModule, LOCALE_ID } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { GaugesModule } from '@progress/kendo-angular-gauges';
import { IntlModule } from '@progress/kendo-angular-intl';

// Load all required data for the he locale
import '@progress/kendo-angular-intl/locales/he/all';

import { AppComponent } from './app.component';

  bootstrap:    [ AppComponent ],
  declarations: [ AppComponent ],
  imports:      [

    // Import the internationalization module
  providers:    [{
    // Set default locale to he-IL
    provide: LOCALE_ID, useValue: 'he-IL'

export class AppModule { }

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { GaugesModule } from '@progress/kendo-angular-gauges';
import { AppModule } from './app.module';


const platform = platformBrowserDynamic();


Internationalization (i18n) is the process of applying specific culture locale formats to your application.

The Arc Gauge provides support for internationalization by utilizing the Kendo UI Internationalization package. The current locale is used to format the scale labels.

For more information on using locales that are different from the default one, refer to the article on Internationalization. For more information on the number formats Kendo UI for Angular supports, refer to the kendo-intl GitHub repository.


The Arc Gauge does not provide built-in messages.

In this article