Duplicated
Last Updated: 26 Jan 2023 11:16 by ADMIN

Hello Telerik team,

In order to have a the navigation feature on the Chart, I try to use TelerikStockChart with Line and Area series. I have the following code (adapted of your exemple):

https://blazorrepl.telerik.com/QxuvvZbK14tymFOf29
@using TelerikBlazorDemos.DataAccess.Services
@using TelerikBlazorDemos.DataAccess.Dto
@page "/stockchart/overview"
@page "/stockchart/index"

@using System.Collections.Generic

@inject HttpClient http

@if (Data?.Count() > 0)
{
    <TelerikStockChart Width="@Width"
                       Height="@Height"
                       DateField="@nameof(StockDto.Date)">
        <StockChartTitle Text="The Boeing Company NYSE:BA"></StockChartTitle>
        <StockChartTooltip Visible="true"></StockChartTooltip>

        <StockChartSeriesItems>

            <StockChartSeries Type="StockChartSeriesType.Area"
                              Data="@Data"
                              Name="test"
                              Field="@nameof(StockDto.Low)">
            </StockChartSeries>
        </StockChartSeriesItems>

        <StockChartNavigator>
            <StockChartNavigatorSeriesItems>
                <StockChartNavigatorSeries Type="StockChartSeriesType.Line"
                                           Data="@Data"
                                           Field="@nameof(StockDto.High)">
                </StockChartNavigatorSeries>
            </StockChartNavigatorSeriesItems>
        </StockChartNavigator>


        <StockChartValueAxes>
            <StockChartValueAxis Name="test" Max="40">
                <StockChartValueAxisTitle Text="test2" />
                <StockChartValueAxisLabels Background="Yellow"/>
            </StockChartValueAxis>
        </StockChartValueAxes>
    </TelerikStockChart>
}

@code {
    private StockService _stockService;
    private StockService StockService
    {
        get
        {
            if(_stockService == null)
            {
                _stockService = new StockService(http);
            }

            return _stockService;
        }
    }
    public const string Height = "400px";
    public const string Width = "100%";

    IEnumerable<StockDto> Data { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Data = (await StockService.GetStocks()).Take(100);

        await base.OnInitializedAsync();
    }
  
    
}

The problem is the y axis label. I didn't succeded to remove the currency symbol.

I try to change the StockChartValuesAxisLabel format on the TelerikStockChart but the field is not available.

How can i change this format?

Thanks

Unplanned
Last Updated: 08 Dec 2022 12:55 by Paul
Created by: Paul
Comments: 0
Category: StockChart
Type: Feature Request
1

Please expose a StockChartSeriesLine tag for the StockChart, so that I can set a SmoothStyle. like in the regular Chart:

<ChartSeries Type="ChartSeriesType.Area">
    <ChartSeriesLine Style="@ChartSeriesLineStyle.Smooth"></ChartSeriesLine>
</ChartSeries>

Unplanned
Last Updated: 15 Nov 2022 11:06 by ADMIN
Created by: Phil
Comments: 5
Category: StockChart
Type: Feature Request
1

Common requirement of StockChart, or other time-based charts is to indicate events on the timeline. e.g. Dividends, stock splits, etc.

Here is an example; see the D and S events indicated on chart

To support this, we need to be able to supply a dataset of time-based events, that will be overlayed with indicators on the chart.

Completed
Last Updated: 09 Nov 2022 15:15 by ADMIN
Created by: Phil
Comments: 3
Category: StockChart
Type: Feature Request
0

Display Volume data, on 2nd y-axis (already possible) BUT this 2nd axis needs to be scaled down to bottom x% of vertical.

Most useful StockCharts support display of pricing info (OHLC) up top, and volume below. Example here 

  • To support this as minimum, the existing functionality of adding multiple datasets, and 2nd dataset being shown against 2nd y-axis, but that 2nd y-axis needs to be able to be scaled down to bottom part of chart (e.g. bottom 1/3), as per example. show show column volume underneath OHLC pricing.
  • Alternatively, and much more useful, and one some competitors do, is to support multiple rows of the chart. This allows presentation of correlations of data, e.g. price & volume, or other. In this case, the volume chart would be on 2nd row, but this functionality would allow MUCH more usefulness.
  • Both these solutions, with existing navigator, make this a typically useful StockChart.

 

Planned
Last Updated: 25 Oct 2022 11:23 by ADMIN
Scheduled for 4.3.0 (17/05/2023) (R2 2023)
The "regular" chart has them, and I need them to remove the default currency sign. I need to use the StockChart because I need the Navigator feature.
Unplanned
Last Updated: 17 Dec 2021 16:56 by ADMIN
Created by: HYOKYEONG
Comments: 0
Category: StockChart
Type: Feature Request
3
I want to be able to control the labels of the StockChart Navigator - for example, display week numbers instead of days.
Unplanned
Last Updated: 07 May 2021 06:44 by ADMIN
Created by: Michael
Comments: 0
Category: StockChart
Type: Feature Request
1
I would like to control the markers in the StockChart like in the "regular" chart
Duplicated
Last Updated: 10 Feb 2021 06:48 by ADMIN
Created by: fabio
Comments: 1
Category: StockChart
Type: Feature Request
5
I would like to be able to format the values on the value and category axes of the Stock Chart
Unplanned
Last Updated: 08 Feb 2021 08:33 by ADMIN
I would like to be able to customize the markers for the StockChartSeries in a similar fashion to the regular Chart.