UI for ASP.NET Core

ASP.NET Core Stock Chart

  • Visualize the price movement of any financial instrument over a certain period of time with the ASP.NET Core StockChart.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Stock Chart - Header
  • Overview

    The Stock Chart is a powerful data visualization component, which allows you to graphically represent your data. The component is designed for those of you developing financial projects as it displays changes in the price of a financial unit over time, such as the daily values of a stock price for the past month. The component supports various series types, such as Candlestick, Open-high-low-close, Column and more.  

    See the ASP.NET Core Stock Chart demo
    Telerik UI for ASP.NET Core StockChart - Overview
  • Data Binding

    The Stock Chart is a data-bound component, which allows its data series to contain extra information, such as the values at the start and the end of the trading day, the respective max/min values and a DateTime field for the x axis. Furthermore, the Telerik UI for ASP.NET Core StockChart provides two types of binding models—the single data source model and the master and navigator data source model.  
    Telerik UI for ASP.NET Core Data Binding
  • Chart Types

    The ASP.NET Core Stock Chart component supports the following series types:
    • Candlestick to describe price movements  
    • OHLC (Open-high-low-close) to illustrate price movements over time 
    • Column to show volume 
    • Line to clearly visualize trends 
    • Area to show price movements during a longer time span 
  • Multiple Panes

    For a better representation of data, you can add multiple graph panes. A pane can be defined through the Panes collection, setting its title and height to your requirements. You can easily zoom in and out or scroll through data to adjust the time period you want to be displayed.  

    Explore the Telerik UI for ASP.NET Core Stock Chart Multiple Panes
    Telerik UI for ASP.NET Core StockChart - Multiple Panes
  • Crosshairs

    The StockChart Crosshairs are a pair of lines, intersecting at the current mouse position, which provide a visual cue for the user to zoom in on a single data point and read its value. When working with large datasets in long time spans, Crosshairs allow you to see the precise values, not only the bigger picture. 
  • The Navigator is a part of the ASP.NET Core Stock Chart component. It lets users navigate all the information in the chart by jumping to a date they find interesting and narrowing down the time period to see fine-grained details and extract valuable information. Following you specific app requirements, you can easily position the Navigator on top or at the bottom of the Stock Chart.

    See the Telerik UI for ASP.NET Core StockChart Navigator demo

    Telerik UI for ASP.NET Core StockChart-Navigator
  • PDF Export

    Charts are very useful when conducting research or trying to understand how the stock price will fluctuate. When you need to save a certain Stock Chart and refer to it later in time, the Stock Chart offers a PDF export option, which can be easily configured with the PDF export settings of the Telerik Core Charting helper. When exporting the document, you can specify Author, Creator, Date, FileName, AllPages, PaperSize and more print settings.  
  • Analyze Historical Stock Prices

    The ASP.NET Core Stock Chart is a combination of Line and Candlestick charts, representing historical stock prices. The Low and High prices of the stock for the period are represented by the bottom and top values of the vertical line, while the Open and Close prices are represented by the bottom and top values of the candlestick bar. The rise or fall of the Open and Close prices is indicated by the color of the candlestick, so you can analyze the data with one quick look. 

    Telerik UI for ASP.NET Core Stock History Dashboard
  • Theming

    The Stock Chart has several built-in themes, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the out-of-the-box themes with a few lines of CSS or create a new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application. 

    Telerik UI for ASP.NET Core StockChart-Theming

All ASP.NET Core Components

Next Steps