Linear gauge provide supports for internationalization for below gauge elements.
For more information about number and date formatter you can refer
internationalization
.
Globalization
Globalization is the process of designing and developing an component that works in different cultures/locales. Internationalization library is used to globalize number in LinearGauge component
using format
property in labelStyle
.
Numeric Format
In the below example axis labels are globalized
to EUR.
import * as React from "react";
import * as ReactDOM from "react-dom";
import { LinearGaugeComponent, AxesDirective, AxisDirective } from '@syncfusion/ej2-react-lineargauge';
ReactDOM.render(
<LinearGaugeComponent id='gauge'>
<AxesDirective>
<AxisDirective minimum={0} maximum={120} majorTicks={ { interval:10, height:10 } } minorTicks={ { interval:5, height:5 } } labelStyle={ { format: 'c' } } >
</AxisDirective>
</AxesDirective>
</LinearGaugeComponent>,document.getElementById('gauge'));
import * as React from "react";
import * as ReactDOM from "react-dom";
import { LinearGaugeComponent, AxesDirective, AxisDirective } from '@syncfusion/ej2-react-lineargauge';
ReactDOM.render(<LinearGaugeComponent id='gauge'>
<AxesDirective>
<AxisDirective minimum={0} maximum={120} majorTicks={{ interval: 10, height: 10 }} minorTicks={{ interval: 5, height: 5 }} labelStyle={{ format: 'c' }}>
</AxisDirective>
</AxesDirective>
</LinearGaugeComponent>, document.getElementById('gauge'));