All Components

Globalization

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 Radial Gauge.

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

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

@Component({
    selector: 'my-app',
    template: `
        <kendo-radialgauge [pointer]="{ value: value }" [scale]="{ labels: { format: 'c' } }">
        </kendo-radialgauge>
    `
})
export class AppComponent {

  public value: number = 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';

@NgModule({
  bootstrap:    [ AppComponent ],
  declarations: [ AppComponent ],
  imports:      [
    BrowserModule,
    GaugesModule,

    // Import the internationalization module
    IntlModule
  ],
  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';

enableProdMode();

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

Internationalization

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

The Radial 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.

Localization

The Radial Gauge does not provide built-in messages.

In this article