The Relative Strength Index (RSI) is a financial technical analysis momentum oscillator measuring the velocity and magnitude of directional price movement by comparing upward and downward close-to-close movements.
AnyChart Stock allows you to add RSI with desired period to any of your charts.
Mathematical description of the indicator please see at: Mathematical Description of Technical Indicators
To add any indicator to the chart, you need to use Data Provider with the fields required by the indicator. When such Data Provider is ready - you can add indicator to the chart.
RSI indicator needs Data Provider with Close or Value fields.
Sample XML of Data Provider, which can be used to create RSI indicator:
01 |
<data_providers> |
03 |
<data_provider data_set="dataSet1" id="dpMsft"> |
04 |
<fields> |
05 |
<field type="Close" column="4" approximation_type="Close" /> |
06 |
</fields> |
07 |
</data_provider> |
08 |
</general_data_providers> |
09 |
</data_providers> |
01 | { |
02 | generalDataProviders: [ |
03 | { |
04 | dataSet: "dataSet1", |
05 | id: "dpMsft", |
06 | fields: [ |
07 | { |
08 | type: "Close", |
09 | column: 4, |
10 | approximationType: "Close" |
11 | } |
12 | ] |
13 | } |
14 | ] |
15 | } |
As soon as Data Provider is ready you can add an indicator to a chart.
RSI indicator is usually shown on the chart below the chart with data (stock data). So we should declare it in another chart. Learn more about charts and layout in Chart Layout article.
XML for RSI declaration, note that there are two charts defined - one is used to show the stock data, and another one contains technical indicator:
01 |
<?xml version="1.0" encoding="UTF-8"?> |
02 |
<stock xmlns="http://anychart.com/products/stock/schemas/1.9.0/schema.xsd"> |
03 |
<settings> |
04 |
<charts> |
05 |
<chart> |
06 |
<series_list> |
07 |
<series type="Line" data_provider="dpMsft" /> |
08 |
</series_list> |
09 |
</chart> |
10 |
<chart> |
11 |
<technical_indicators> |
12 |
<technical_indicator type="RSI" data_provider="dpMsft" /> |
13 |
</technical_indicators> |
14 |
</chart> |
15 |
</charts> |
16 |
</settings> |
17 |
</stock> |
01 | { |
02 | settings: { |
03 | charts: [ |
04 | { |
05 | seriesList: [ |
06 | { |
07 | type: "Line", |
08 | dataProvider: "dpMsft" |
09 | } |
10 | ] |
11 | }, |
12 | { |
13 | technicalIndicators: [ |
14 | { |
15 | type: "RSI", |
16 | dataProvider: "dpMsft" |
17 | } |
18 | ] |
19 | } |
20 | ] |
21 | } |
22 | } |
Another important thing is the fact that RSI is measured on a 0 - 100 scale, so to show it properly we need to configure value axis scale in the chart with indicator, like that, for example:
01 |
<chart> |
02 |
<technical_indicators> |
03 |
<technical_indicator type="RSI" data_provider="dpMsft" /> |
04 |
</technical_indicators> |
05 |
<value_axes> |
06 |
<primary> |
07 |
<scale minimum_mode="CustomValue" minimum="0" maximum_mode="CustomValue" maximum="100" interval_mode="CustomValue" interval="20" /> |
08 |
</primary> |
09 |
</value_axes> |
10 |
</chart> |
01 | { |
02 | technicalIndicators: [ |
03 | { |
04 | type: "RSI", |
05 | dataProvider: "dpMsft" |
06 | } |
07 | ], |
08 | valueAxes: { |
09 | primary: { |
10 | scale: { |
11 | minimumMode: "CustomValue", |
12 | minimum: 0, |
13 | maximumMode: "CustomValue", |
14 | maximum: 100, |
15 | intervalMode: "CustomValue", |
16 | interval: 20 |
17 | } |
18 | } |
19 | } |
20 | } |
Of course you can use other steps or margins, if you'd like to, as described in Y-Axes Settings article.
After all things mentioned above are done, you can create a chart with RSI indicator, see basic Live Sample with it below:
Relative Strength Index has only one type specific parameter - period. Period is set in <rsi_indicator> node, where all settings for RSI indicator are set.
XML for setting RSI period:
01 |
<chart> |
02 |
<technical_indicators> |
03 |
<technical_indicator type="RSI" data_provider="dpMsft"> |
04 |
<rsi_indicator period="30" /> |
05 |
</technical_indicator> |
06 |
</technical_indicators> |
07 |
</chart> |
01 | { |
02 | technicalIndicators: [ |
03 | { |
04 | type: "RSI", |
05 | dataProvider: "dpMsft", |
06 | rsiIndicator: { |
07 | period: 30 |
08 | } |
09 | } |
10 | ] |
11 | } |
As you can see you just need to set period attribute in <rsi_indicator> node, this attribute accepts any integer greater than 1.
Live sample below shows RSI(30):
To visualize and tune visualization of technical indicators AnyChart Stock Component uses the same methods as for the data series.
By default RSI is shown as series of Line type, but you can use almost any of available series types to show it on the chart - Spline, Area or Stick, for example.
RSI indicator settings are contained in <rsi_indicator> node, also in this node you can put <series> subnode - this node defines how exactly indicator is displayed on the chart. This node is identical to <series> node used to describe data series, so you can do with indicator anything you can do with series.
Sample XML for changing indicator visualization:
01 |
<chart> |
02 |
<technical_indicators> |
03 |
<technical_indicator type="RSI" data_provider="dpMsft"> |
04 |
<rsi_indicator period="30"> |
07 |
<line_series thickness="2" /> |
08 |
</series> |
09 |
</rsi_indicator> |
10 |
</technical_indicator> |
11 |
</technical_indicators> |
12 |
</chart> |
01 | { |
02 | technicalIndicators: [ |
03 | { |
04 | type: "RSI", |
05 | dataProvider: "dpMsft", |
06 | rsiIndicator: { |
07 | period: 30, |
08 | series: { |
09 | type: "Spline", |
10 | color: "#469833", |
11 | name: "Relative Strength Index(30)", |
12 | lineSeries: { |
13 | thickness: 2 |
14 | } |
15 | } |
16 | } |
17 | } |
18 | ] |
19 | } |
Live sample below shows settings shown above:
RSI can be used to determine if there is too much or too little volume associated with a security. A stock is considered "overbought" if the RSI indicator reaches 70 and above, and if RSI is 30 and below it is suggested that a stock is "oversold".
To chart Overbought and Oversold signals in AnyChart Stock you can use Line or Range axis markers with labels, which are described in
Live sample below shows RSI with labeled line axis markers used to highlight Overbought and Oversold signals:
