This tutorial will show how amCharts 5 built-in locale functionality can be used to apply custom translations to a Stock Chart.
Translating
We can use Root element's language object's setTranslationsAny() method to set prompt translations.
root.language.setTranslationsAny({
"Settings": "Ajustes",
"Draw": "Dibujar"
});
root.language.setTranslationsAny({
"Settings": "Ajustes",
"Draw": "Dibujar"
});
The below code provides a template for translation containing all of the prompts and names used in StockChart. Use it to create your full or partial translations:
root.language.setTranslationsAny({
// Misc prompts
"Line": "",
"Candles": "",
"Hollow Candles": "",
"Sticks": "",
"Fills": "",
"Color": "",
"Positive color": "",
"Negative color": "",
"Fill": "",
"Save": "",
"Cancel": "",
"Apply": "",
"Reset": "",
"Comparison": "",
"to": "",
"Scroll to increment": "",
"Click to toggle": "",
"Search": "",
"Search results are limited to %1.": "",
// Settings
"Settings": "",
"Y-axis scale": "",
"Change percent": "",
"Regular": "",
"Logarithmic": "",
// Date-range selectors
"Date Range": "",
"Period selector": "",
"D": "",
"M": "",
"YTD": "",
"Y": "",
"Max": "",
"minute": "",
"minutes": "",
"hour": "",
"hours": "",
"day": "",
"week": "",
"month": "",
"year": "",
"Year": "",
"Month": "",
"Hour": "",
"Minute": "",
"Wk": "",
// Drawing
"Draw": "",
"Drawing tool": "",
"Snap icon to data": "",
"Line color": "",
"Line thickness": "",
"Line style": "",
"Fill color": "",
"Text": "",
"Text color": "",
"Label font size": "",
"Bold": "",
"Italic": "",
"Label font family": "",
"Show line extension": "",
"Eraser": "",
"Clear": "",
"Clear all drawings": "",
"Callout": "",
"Doodle": "",
"Ellipse": "",
"Fibonacci": "",
"Fibonacci Timezone": "",
"Horizontal Line": "",
"Horizontal Ray": "",
"Arrows & Icons": "",
"Label": "",
"Polyline": "",
"Quadrant Line": "",
"Rectangle": "",
"Regression": "",
"Trend Line": "",
"Vertical Line": "",
// Indicators
"Indicators": "",
"Increase": "",
"Decrease": "",
"Accumulation Distribution": "",
"Accumulative Swing Index": "",
"Use Volume": "",
"Limit move value": "",
"Period": "",
"Aroon up": "",
"Aroon down": "",
"Increasing": "",
"Decreasing": "",
"Upper": "",
"Average": "",
"Lower": "",
"Field": "",
"Type": "",
"Fast period": "",
"Slow period": "",
"Overbought": "",
"Oversold": "",
"Moving Average Type": "",
"Fast MA period": "",
"Slow MA period": "",
"Signal period": "",
"MACD": "",
"Signal": "",
"Offset": "",
"Points/Percent": "",
"Shift type": "",
"Shift": "",
"Top": "",
"Median": "",
"Bottom": "",
"%K Smoothing": "",
"%D Smoothing": "",
"Fast": "",
"Slow": "",
"Signal color": "",
"Up volume": "",
"Down volume": "",
"Deviation": "",
"Depth": "",
"Aroon": "",
"Awesome Oscillator": "",
"Bollinger Bands": "",
"Chaikin Money Flow": "",
"Chaikin Oscillator": "",
"Commodity Channel Index": "",
"Disparity Index": "",
"Moving Average": "",
"Moving Average Deviation": "",
"Moving Average Envelope": "",
"On Balance Volume": "",
"Relative Strength Index": "",
"Standard Deviation": "",
"Stochastic Oscillator": "",
"Trix": "",
"Typical Price": "",
"Volume": "",
"VWAP": "",
"Williams R": "",
"Median Price": "",
"ZigZag": ""
});
root.language.setTranslationsAny({
// Misc prompts
"Line": "",
"Candles": "",
"Hollow Candles": "",
"Sticks": "",
"Fills": "",
"Color": "",
"Positive color": "",
"Negative color": "",
"Fill": "",
"Save": "",
"Cancel": "",
"Apply": "",
"Reset": "",
"Comparison": "",
"to": "",
"Scroll to increment": "",
"Click to toggle": "",
"Search": "",
"Search results are limited to %1.": "",
// Settings
"Settings": "",
"Y-axis scale": "",
"Change percent": "",
"Regular": "",
"Logarithmic": "",
// Date-range selectors
"Date Range": "",
"Period selector": "",
"D": "",
"M": "",
"YTD": "",
"Y": "",
"Max": "",
"minute": "",
"minutes": "",
"hour": "",
"hours": "",
"day": "",
"week": "",
"month": "",
"year": "",
"Year": "",
"Month": "",
"Hour": "",
"Minute": "",
"Wk": "",
// Drawing
"Draw": "",
"Drawing tool": "",
"Snap icon to data": "",
"Line color": "",
"Line thickness": "",
"Line style": "",
"Fill color": "",
"Text": "",
"Text color": "",
"Label font size": "",
"Bold": "",
"Italic": "",
"Label font family": "",
"Show line extension": "",
"Eraser": "",
"Clear": "",
"Clear all drawings": "",
"Callout": "",
"Doodle": "",
"Ellipse": "",
"Fibonacci": "",
"Fibonacci Timezone": "",
"Horizontal Line": "",
"Horizontal Ray": "",
"Arrows & Icons": "",
"Label": "",
"Polyline": "",
"Quadrant Line": "",
"Rectangle": "",
"Regression": "",
"Trend Line": "",
"Vertical Line": "",
// Indicators
"Indicators": "",
"Increase": "",
"Decrease": "",
"Accumulation Distribution": "",
"Accumulative Swing Index": "",
"Use Volume": "",
"Limit move value": "",
"Period": "",
"Aroon up": "",
"Aroon down": "",
"Increasing": "",
"Decreasing": "",
"Upper": "",
"Average": "",
"Lower": "",
"Field": "",
"Type": "",
"Fast period": "",
"Slow period": "",
"Overbought": "",
"Oversold": "",
"Moving Average Type": "",
"Fast MA period": "",
"Slow MA period": "",
"Signal period": "",
"MACD": "",
"Signal": "",
"Offset": "",
"Points/Percent": "",
"Shift type": "",
"Shift": "",
"Top": "",
"Median": "",
"Bottom": "",
"%K Smoothing": "",
"%D Smoothing": "",
"Fast": "",
"Slow": "",
"Signal color": "",
"Up volume": "",
"Down volume": "",
"Deviation": "",
"Depth": "",
"Aroon": "",
"Awesome Oscillator": "",
"Bollinger Bands": "",
"Chaikin Money Flow": "",
"Chaikin Oscillator": "",
"Commodity Channel Index": "",
"Disparity Index": "",
"Moving Average": "",
"Moving Average Deviation": "",
"Moving Average Envelope": "",
"On Balance Volume": "",
"Relative Strength Index": "",
"Standard Deviation": "",
"Stochastic Oscillator": "",
"Trix": "",
"Typical Price": "",
"Volume": "",
"VWAP": "",
"Williams R": "",
"Median Price": "",
"ZigZag": ""
});
Demo
Below demo uses custom translations to translate Stock Chart into Lithuanian:
See the Pen Stock chart with custom translation by amCharts team (@amcharts) on CodePen.