Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #108980
    salasidis
    Participant

    Trying to implement this in Blazor as well.

     

    The help page under Axes says to look at the API for information, but the API does not list the X Axis RangeSelector or any details pertaining to it. I used the method I used in javascript.

     

    I could not set the values from within the xAxis definition

     

    ChartXAxis xAxis = new ChartXAxis()

    {
    DataField = “DateTm”,
    DisplayText = “Date”,
    DateFormat = “yyyy-mm-dd hh:mm”,
    TextRotationAngle = 90,
    BaseUnit = ChartBaseUnit.Hour,

    // adding RangeSelector. anything here did not work
    };

     

    however, before the chart is created, I could add the following

     

     

     

    xAxis.RangeSelector.Visible = true;
    xAxis.RangeSelector.DataField = “y”;
    xAxis.RangeSelector.BaseUnit = ChartBaseUnit.Day;
    xAxis.RangeSelector.GridLines.Visible = false;

     

    And that produced the range selector on the bottom of the graph.

    Presumably that is the right way to go?

    #109009

    Hi,

    This option is okay, but adding it on the declaration should work, please visit the “Financial Chart” demo here:
    https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-chart?id=financial-series-candlestick

    (This may open the first chart demo, scroll and select ‘Financial Chart’)

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.