Localization in ReactJS Chart

6 Jun 20231 minute to read

EjChart supports localization for its axis labels and tooltip. To render the chart with specific culture you have to refer the corresponding globalize culture script and need to specify the culture name in locale property of chart.

  • HTML
    • <head> 
<!--Refer french globalize culture script-->
<script src="../scripts/cultures/globalize.culture.fr-FR.min.js"></script>
</head>

<body>
    <div id="chartcontainer"></div>
</body>
  • JAVASCRIPT
    • "use strict";
	ReactDOM.render(
		<EJ.Chart id="default_chart_sample_0"
		//Render chart in french locale
        locale= {'fr-FR'}
		>        
            
		</EJ.Chart>,
			document.getElementById('chart')
	);

    ReactJS Chart Localization

    Click here to view the localization chart online demo sample.