Setting maximum and minimum value in LineChart Y-Axis

[AlexKlueh]

Hi there,

I want to set minimum and maximum y-values on a linechart, independent of the given data.

How can this be accomplished?

Best regards,

Alexander

[stsrki]

Hi, sorry for not answering your question before.

I have looked at some examples on stackoverflow. You can see in the example below that I only converted JSON to C# object and apply it to OptionsObject. With this you can create any object structure and it will be properly serialized.

<LineChart TItem="double" OptionsObject="@chartOptions" />
@code{
    object chartOptions = new
    {
        Scales = new
        {
            YAxes = new[] {
                new {
                    Ticks = new
                    {
                        BeginAtZero = true,
                        Min = 0,
                        Max = 500,
                    }
                }
            }
        }
    };
}

[stsrki]

It should work with calling the chart.SetOptions(null);. Notice I defined null for options. This is fine because you're using OptionsObject anyways, and they will be used internally.

[AlexKlueh]

When I call chart.SetOptions(null) after feeding new data via chart.AddLabelsDatasetsAndUpdate(..)
and calling chart.Update(), it does not work. The new Max value is in effect only after I call chart.SetOptions(null) later, e.g. from a button click handler which I implemented for test purposes.

Am I doing something wrong?

[stsrki]

Probably options must be set before data has changed. Just reorder calls.

[AlexKlueh]

I tried this, also setting options before and after. Is it possible that this is related with the Animation duration?

[edgarssults]

Thanks, this helped me too. Would be nice if the option data structures were documented or strongly typed.

[AlexKlueh]

I was finally able to get it running correctly by calling asynchronously:

Task.Run(() =>
{
chart.SetOptions(null);
chart.Update();
});

[stsrki]

You should have called them always asynchronously :)

async Task YourEvent()
{
  await chart.SetOptions(null);
  await chart.Update();
}

All chart methods should be called like that.