{"id":20819,"date":"2021-05-05T16:03:10","date_gmt":"2021-05-05T16:03:10","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=20819"},"modified":"2026-01-13T11:19:23","modified_gmt":"2026-01-13T11:19:23","slug":"five-useful-technical-indicators-part-2","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/tutorials\/five-useful-technical-indicators-part-2\/","title":{"rendered":"Five useful technical indicators (Part 2)"},"content":{"rendered":"<p>This article is the second part and the continuation of the <a href=\"https:\/\/www.highcharts.com\/blog\/post\/five-useful-technical-indicators-part-1\/\" target=\"_blank\" rel=\"noopener\">Five useful technical indicators (Part 1)<\/a>. l covered how to create On-Balance Volume (OBV) and Disparity Index with Highcharts Stock in the previous part. In the next article, I will cover Directional Movement Index (DMI), Klinger Oscillator, and Chande Momentum Oscillator (CMO).<br \/>\nLet\u2019s keep going.<\/p>\n<h2>Directional Movement Index (DMI)<\/h2>\n<p>This indicator is handy as it shows the strength and the direction of a trend using three lines:<\/p>\n<ol>\n<li>The DMI positive line measures the bullish market pressure.<\/li>\n<li>The DMI negative line measures the bearish market pressure.<\/li>\n<li>The DX line measures the strength of the trend by processing the difference between the DMI positive and negative.<\/li>\n<\/ol>\n<p class=\"demo-container\"><iframe height=\"550\" style=\"width: 100%;\" scrolling=\"no\" title=\"Highcharts Stock Demo.  author(s): Rafal Sebestjanski\" src=\"https:\/\/codepen.io\/mushigh\/embed\/vYxYEdW?height=265&#038;theme-id=light&#038;default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\" title=\"A Directional Movement Index (DMI) chart displays AAPL stock price\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/mushigh\/pen\/vYxYEdW'>Highcharts Stock Demo.  author(s): Rafal Sebestjanski<\/a> by mustapha mekhatria<br \/>\n  (<a href='https:\/\/codepen.io\/mushigh'>@mushigh<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<h2>How to create a Directional Movement Index (DMI) with Highcharts?<\/h2>\n<p>Here are the steps to display a Directional Movement Index technical indicator:<\/p>\n<ol>\n<li>Be sure to add the main indicator module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/indicators.js\"&gt;&lt;\/script&gt;<\/pre>\n<\/li>\n<li>Add the Directional Movement Index module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/dmi.js\"&gt;&lt;\/script&gt;<\/pre>\n<\/li>\n<li>Use the <code>dmi<\/code> type series:\n<pre>\r\n{\r\n  type: 'dmi',\r\n  linkedTo: 'aapl',\r\n  yAxis: 1,\r\n  params: {\r\n    period: 9\r\n  }\r\n}<\/pre>\n<\/li>\n<li>Be sure to set the Moving average number in the period parameter<br \/>\n  params: <\/p>\n<pre>{\r\n  period: 9\r\n}<\/pre>\n<\/li>\n<\/ol>\n<h2>Klinger Oscillator<\/h2>\n<p>This indicator uses price and volume to forecast short-term fluctuations and long-term trends.<br \/>\nThe Klinger indicator generates an oscillator based on the volume flow and the price movements of an asset.<\/p>\n<p class=\"demo-container\"><iframe height=\"700\" style=\"width: 100%;\" scrolling=\"no\" title=\"Klinger Oscillator.  author(s): Karol Kolodziej\" src=\"https:\/\/codepen.io\/mushigh\/embed\/WNpNbYW?height=265&#038;theme-id=light&#038;default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\" title=\"A Klinger Oscillator chart displays AAPL stock price\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/mushigh\/pen\/WNpNbYW'>Klinger Oscillator.  author(s): Karol Kolodziej<\/a> by mustapha mekhatria<br \/>\n  (<a href='https:\/\/codepen.io\/mushigh'>@mushigh<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<h2>How to create a Klinger Oscillator with Highcharts?<\/h2>\n<p>Here are the steps to display a Klinger Oscillator technical indicator:<\/p>\n<ol>\n<li>Be sure to add the main indicator module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/indicators.js\"&gt;&lt;\/script&gt;<\/pre>\n<li>Add the Klinger Oscillator module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/klinger.js\"&gt;&lt;\/script&gt;<\/pre>\n<li>Use the <code>klinger<\/code> type series:\n<pre>{\r\n  type: 'klinger',\r\n  linkedTo: 'AAPL',\r\n  showInLegend: true,\r\n  params: {\r\n    volumeSeriesID: 'vol'\r\n  },\r\n  yAxis: 2\r\n}<\/pre>\n<\/li>\n<\/ol>\n<h2>Chande Momentum Oscillator (CMO)<\/h2>\n<p>The Chande Momentum Oscillator is a momentum indicator that helps traders to identify an asset\u2019s relative strength or weakness. This indicator is calculated by summing up the changes of the up bars minus the changes of the down bars over a period of time; then, all is divided by the total change. If the result is over 50, that means the asset is overbought, and if it is lower than 50, the asset is considered undersold.<\/p>\n<p class=\"demo-container\"><iframe height=\"500\" style=\"width: 100%;\" scrolling=\"no\" title=\"Chande Momentum Oscillator (CMO).  author(s): Pawel Lysy\" src=\"https:\/\/codepen.io\/mushigh\/embed\/abJbOoW?height=265&#038;theme-id=light&#038;default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\" title=\"A Chande Momentum Oscillator (CMO) chart displays AAPL stock price\"><br \/>\n  See the Pen <a href='https:\/\/codepen.io\/mushigh\/pen\/abJbOoW'>Chande Momentum Oscillator (CMO).  author(s): Pawel Lysy<\/a> by mustapha mekhatria<br \/>\n  (<a href='https:\/\/codepen.io\/mushigh'>@mushigh<\/a>) on <a href='https:\/\/codepen.io'>CodePen<\/a>.<br \/>\n<\/iframe><\/p>\n<h2>How to create a Chande Momentum Oscillator with Highcharts?<\/h2>\n<p>Here are the steps to display a Chande Momentum Oscillator technical indicator:<\/p>\n<ol>\n<li>Be sure to add the main indicator module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/indicators.js\"&gt;&lt;\/script&gt;<\/pre>\n<\/li>\n<li>Add the Chande Momentum Oscillator module\n<pre>&lt;script src=\"https:\/\/code.highcharts.com\/stock\/indicators\/cmo.js\"&gt;&lt;\/script&gt;<\/pre>\n<\/li>\n<li>Use the <code>cmo<\/code> type series:\n<pre>{\r\ntype: 'cmo',\r\n            linkedTo: 'aapl',\r\n            yAxis: 1,\r\n            params: {\r\n                period: 9\r\n            }\r\n        }<\/pre>\n<\/li>\n<li>Be sure to set the Moving average number in the period parameter<br \/>\n  params: <\/p>\n<pre>{\r\n  period: 9\r\n}<\/pre>\n<\/li>\n<\/ol>\n<p>&nbsp;<br \/>\nAs you can see, it is very easy and straightforward to create these five useful technical indicators with the library Highcharts Stock.<\/p>\n<p>Feel free to try it out and share your thoughts and comments in the comment section below.<\/p>\n<p>&nbsp;<\/p>\n<hr>\n<div class=\"text-center mb6\">\n<a href=\"https:\/\/shop.highsoft.com\" class=\"btn btn-primary\">Buy Highcharts 9.1<\/a><br \/>\n<a href=\"\/download\" class=\"btn btn-secondary\">Download Highcharts 9.1*<\/a>\n<\/div>\n<div class=\"text-center\">\n<p><em>*You can only upgrade to Highcharts 9.1.0 for free if you have an <strong>active Advantage<\/strong>, or you&#8217;re using Highcharts for a personal website, a school website or a non-profit organization.<\/em><\/p>\n<p><em><strong>What is advantage?<\/strong><br \/>\nAdvantage gives you access to all new software releases (minor and major) and our extended support offering for the duration of your Advantage term.<\/em><\/p>\n<p><em>If you need to renew your inactive Advantage or have related questions, please contact our <a href=\"https:\/\/shop.highsoft.com\/contact\">sales team<\/a>.<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create the following technical indicators with Highcharts Stock: Directional Movement Index (DMI), Klinger Oscillator, and Chande Momentum Oscillator (CMO)<\/p>\n","protected":false},"author":32,"featured_media":20834,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[210],"tags":[788,883],"coauthors":[699],"class_list":["post-20819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-finance","tag-highcharts-stock"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/20819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=20819"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/20819\/revisions"}],"predecessor-version":[{"id":29346,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/20819\/revisions\/29346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/20834"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=20819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=20819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=20819"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=20819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}