Progress Telerik UI for Blazor

Stock Chart

  • Overview

    The Telerik UI for Blazor Stock Chart component was added for those of you developing financial applications. The Stock Chart displays changes in the price of a financial unit over time, such as the daily values of a stock price for the past month. You can fully customize the control and change anything from fonts and colors, to dimensions, paddings & margins, to tooltips. You can even provide your own templates.

  • Data Binding

    Data can be bound to the Stock Chart component in a similar manner to other Charts. Data series should 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.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • The Navigator is a part of the Stock Chart component which allows users to navigate all the information on the chart by jumping to a date they find interesting and narrowing down to a particular period to see fine-grained details.

  • Crosshairs

    The Crosshairs are another part of the StockChart. They 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 you have to navigate a large amount of data points and/or a large time interval, Crosshairs let you see precise values and not just the trend.

  • Tooltips

    Tooltips are also available when a data point is hovered over. Tooltips can be customized in several ways: you can change only the default colors, provide a template to completely overhaul the design or set different tooltips for different data series.

  • Types

    The Stock Chart comes in several shapes and sizes: Area, Line, Column, Candlestick and OHLC.  They each serve a different purpose and are useful in slightly varying situations. Explore all charts and see them in action in our documentation.

  • Events

    The Telerik UI for Blazor Stock Chart will trigger the OnSeriesClick event whenever the user clicks on a data series. Your event handler will receive the relevant information about the click, which varies depending on the type of the Stock Chart. You can then use the click handler to display detailed information about the data point or execute custom logic.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.