{"id":23454,"date":"2023-04-09T13:18:47","date_gmt":"2023-04-09T13:18:47","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=23454"},"modified":"2026-01-13T11:29:42","modified_gmt":"2026-01-13T11:29:42","slug":"stock-charts-in-python-with-highcharts-stock-using-technical-indicators","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/integration\/stock-charts-in-python-with-highcharts-stock-using-technical-indicators\/","title":{"rendered":"Stock charts in Python with Highcharts stock – Using Technical Indicators"},"content":{"rendered":"

Highcharts Stock<\/a> is a powerful JavaScript data visualization library that enables you to design rich, beautiful, and highly interactive data visualizations of time series data \u2013 including asset (stock, bond, real estate, etc.) prices. And using Highcharts Stock for Python, which is part of the broader Highcharts for Python Toolkit<\/a>, you can easily and rapidly use Highcharts Stock in your Python code.<\/p>\n

Tip<\/b>
\nThe Highcharts Stock for Python capabilities are quite extensive, and this tutorial is meant to just be a quick intro to using technical indicators in Highcharts Stock for Python. But we definitely recommend that you review our other tutorials<\/a> to see more detail on how you can enrich your data visualizations using Highcharts Stock for Python and Highcharts Stock itself.<\/i><\/p>\n

In addition to providing you with over 70 different base visualizations, Highcharts Stock and Highcharts Stock for Python also give you more than 40 different technical indicators, which are built-in statistical and analytical visualizations that the library will automatically calculate and visualize for you on your charts. No more calculating moving averages in your data frames or determining banding bounds! For a full list of the technical indicators offered by Highcharts Stock for Python<\/a>, please take a look at the Supported Visualizations > Technical Indicators section<\/a> of the library\u2019s documentation,<\/p>\n

This tutorial will show you how you can easily and rapidly add and configure technical indicators to your Highcharts Stock visualizations using Highcharts Stock for Python.<\/p>\n

Getting Started with Highcharts Stock for Python<\/h2>\n

To use Highcharts Stock for Python, like with any Python library, you first have to install it. That\u2019s super easy: just open your Python project (in your virtual environment \u2013 you are using virtual environments, right?) and execute:<\/p>\n

$ pip install highcharts-stock<\/pre>\n
And that\u2019s it! Highcharts Stock for Python will now be installed in your project and available for use. To use it in your code, you just have to import it the way you would any other library.<\/p>\n
Importing Highcharts Stock for Python<\/h2>\n
The Highcharts Stock for Python library is quite big. It\u2019s got a rich (read: complicated) API, with lots of different objects and modules. That\u2019s a reflection of the visualization power that Highcharts offers you, but it does make the decision of what to import and how to import it a little more complicated.<\/p>\n
Python best practice is to import only what you need, which helps to maximize the performance of your Python code and prevents your application\u2019s namespace from getting cluttered with various things (and further reducing the memory footprint of your Python code, which is always good).<\/p>\n
You can either import specific things from their precise locations, or you can also just import the catch-all highcharts module, which flattens the entire API and exposes just about every class\/object in one location. We definitely recommend importing things from their precise location like so:<\/p>\n
# Import classes using precise module indications. For example:\r\nfrom highcharts_stock.chart import Chart\r\nfrom highcharts_stock.global_options.shared_options import SharedStockOptions\r\nfrom highcharts_stock.options import HighchartsStockOptions\r\nfrom highcharts_stock.options.plot_options.candlestick import CandlestickOptions\r\nfrom highcharts_stock.options.series.candlestick import CandlestickSeries<\/pre>\n
In Highcharts Stock for Python, technical indicators are treated the same as any other series type. This means that they have corresponding .options.plot_options<\/code> classes and .options.series<\/code> classes, so you can import them and work with them in ways very similar to standard series types \u2013 even if their APIs are a little different since they don\u2019t expect their own data (they are calculated from the other series in your chart).<\/p>\n
A Super Simple Example<\/h2>\n
While the fact that you can import and work with technical indicator series the same way you would any other series, there\u2019s a much easier way to work with them. And that\u2019s to use the .add_indicator()<\/code> method.<\/p>\n
Let\u2019s assume that you have created a Highcharts Stock Chart instance called my_chart<\/code>, and that in that chart you have created a CandlestickSeries which has an .id<\/code> of \u201cmy_series\u201d<\/code> and which is also stored in an instance called my_series<\/code>. Now, let\u2019s say that we want to add a Linear Regression based on my_series<\/code>. You have two different ways to do this:<\/p>\n
Using Chart.add_indicator()<\/h3>\n
You can call the .add_indicator()<\/code> method on your Chart<\/code> instance as below:<\/p>\n
# Add a Linear Regression technical indicator calculated from my_series to my_chart.\r\nmy_chart.add_indicator('linear regression',\r\n  series = 'my_series',\r\n  indicator_kwargs = {\r\n    'dash_style': 'Dash',\r\n    'id': 'my_linear_regression',\r\n    'name': \u2018My Linear Regression Indicator '\r\n  })<\/pre>\n
So let\u2019s breakdown what the above method call is doing. First, you\u2019re telling the my_chart<\/code> object that you want to add an indicator, specifically an indicator named \u201clinear regression\u201d<\/code>. This tells Highcharts for Stock to use to create an instance of the LinearRegressionSeries<\/code>. For convenience, you can use human-readable indicator names (as found in the list of supported technical indicators<\/a>) or the prefix in the indicator series class name (the part before -Series<\/code>).<\/p>\n
Next, we\u2019re telling the my_chart<\/code> object that your new LinearRegressionSeries<\/code> instance should be linked to whatever series exists on the chart that has an .id<\/code> of \u2018my_series\u2019<\/code>. This argument will either accept a string (indicating the .id<\/code> of an existing series) or a -Series<\/code> instance. If the chart does not already have a series with that .id, then it will add the new series. Otherwise, it will overwrite the existing series.<\/p>\n
And finally we\u2019re including a handful of keyword arguments which will be passed to the LinearRegressionSeries<\/code> when it is instantiated. In this case, we\u2019re passing the dash_style<\/code>, id<\/code>, and name<\/code> keyword arguments which correspond to identically-named properties on the LinearRegressionSeries<\/code> instance.<\/p>\n
And that\u2019s it! Your chart should now feature a linear regression chart similar to the one shown below:<\/p>\n
\"A<\/p>\n
Using Series.add_indicator()<\/h3>\n
You can call the .add_indicator()<\/code> method on your -Series<\/code> instance as below:<\/p>\n
# Add an indicator to the my_series CandlestickSeries instance.\r\nmy_series.add_indicator(my_chart,\r\n  indicator = 'linear regression',\r\n  indicator_kwargs = {\r\n    'dash_style': 'Dash',\r\n    'id': 'my_linear_regression',\r\n    'name': \u2018My Linear Regression Indicator '\r\n  })<\/pre>\n
So let\u2019s breakdown what the above method call is doing. First, you\u2019re telling the my_series<\/code> instance that you want to add an indicator, and that you want this indicator added (along with my_series<\/code> if it isn\u2019t already) to the Chart instance found in the my_chart<\/code> variable.<\/p>\n
Next, you\u2019re telling it that you specifically want to add an indicator named \u201clinear regression\u201d<\/code>. This tells Highcharts for Stock to use to create an instance of the LinearRegressionSeries<\/code>. For convenience, you can use human-readable indicator names (as found in the list of supported technical indicators) or the prefix in the indicator series class name (the part before -Series<\/code>).<\/p>\n
And finally we\u2019re including a handful of keyword arguments which will be passed to the LinearRegressionSeries<\/code> when it is instantiated. In this case, we\u2019re passing the dash_style<\/code>, id<\/code>, and name<\/code> keyword arguments which correspond to identically-named properties on the LinearRegressionSeries<\/code> instance.<\/p>\n
And that\u2019s it! When visualized, your chart should now feature a linear regression series similar to the one above.<\/p>\n
More Resources<\/h2>\n
The above tutorial is just a really simple example of how you can create rich visualizations with just a handful of method calls using Highcharts for Python. But the library offers so much more! We recommend you take a look at the following additional resources which you may find useful:<\/p>\n