LineChart does not Update #4819

mikepasoglou · 2023-06-15T09:52:29Z

I dont know if the following is a bug or I made something wrong.

I use the following code to display a line chat in my app.
In case that i use method HandleRedraw_VER1() everything is ok but this way is not suitable for my progect .
In case that i use method HandleRedraw_VER2() nothing happens

Please check my code

@page "/"
@inject IVersionProvider VersionProvider

@using Blazorise.Charts

<Heading Size="HeadingSize.Is1" Margin="Margin.Is3.FromBottom">Blazorise</Heading>


<body>

    <Button Color="Color.Primary" Clicked="@(async () => await HandleRedraw_VER2())">Refresh</Button>

    <Div Class="Εxpenseschart">
        <Alert Color="Color.Info" Visible>
            <Paragraph>
                Εxpenses
            </Paragraph>
        </Alert>
        <LineChart @ref="lineChart" TItem="double" />
    </Div>

</body>



@code {

    private LineChart<double> lineChart;
    private List<string> LabelList = new List<string>() { "l1", "l2" };

    private static string[] XLabels = new string[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Okt", "Nob", "Dec" };
    private static string[] BackgroundColors = new string[12] { "#4bc1c0", "#36a2eb", "#ff3d88", "#4cc0c0",
                                                           "#30a2eb", "#ff3188", "#4bh0c0", "#31a2eb", "#fg3d88", "#f13d88", "#3212eb", "#f16d88" };

    private static string[] BorderColors = new string[12] { "#4bc0c0", "#36a2eb", "#ff3d88", "#4bc0c0",
                                                           "#36a2eb", "#ff3d88", "#4bc0c0", "#36a2eb", "#ff3d88", "#4bc0c0", "#36a2eb", "#ff3d88" };



    protected override async Task OnInitializedAsync()
    {
        base.OnInitialized();
    }



    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
          //  await HandleRedraw_VER1();  //This is OK
              await HandleRedraw_VER2();
        }
    }

    /*/
    async Task HandleRedraw_VER1()  //  This is OK
    {
        await lineChart.Clear();
        await lineChart.AddLabelsDatasetsAndUpdate(XLabels
             , GetLineChartDataset1(0) , GetLineChartDataset2(1));

    }
    */

  
    async Task HandleRedraw_VER2()
    {
        await lineChart.Clear();
        await lineChart.AddLabels(LabelList);
        await lineChart.AddDataSet(GetLineChartDataset1(0));
        await lineChart.AddDataSet(GetLineChartDataset1(1));
        await lineChart.Update();

    }


    private LineChartDataset<double> GetLineChartDataset1(int colorIndex)
    {

        return new()
            {
                Label = LabelList[colorIndex],
                Data = new List<double> { 100,0,300,0,0, 450,0,100,0,0,0,0},
                BackgroundColor = BackgroundColors[colorIndex],
                BorderColor = BorderColors[colorIndex]
            };
    }



    private LineChartDataset<double> GetLineChartDataset2(int colorIndex)
    {

        return new()
            {
                Label = LabelList[colorIndex],
                Data = new List<double> { 10, 20, 30, 100, 100, 60, 0, 0, 100, 0, 450, 50 },
                BackgroundColor = BackgroundColors[colorIndex],
                BorderColor = BorderColors[colorIndex]
            };
    }


}

Thanks in advance for your support
Michalis

mikepasoglou added the Type: Bug 🐞 Something isn't working label Jun 15, 2023

stsrki added the Status: Investigate Needs to investigate more to what can be done. label Jun 16, 2023

stsrki added this to Support Aug 3, 2024

stsrki moved this to 🔙 Backlog in Support Aug 3, 2024

stsrki added the Status: Not Planned label Feb 21, 2025

stsrki closed this as completed Feb 21, 2025

github-project-automation bot moved this from 🔙 Backlog to ✔ Done in Support Feb 21, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

LineChart does not Update #4819

LineChart does not Update #4819

mikepasoglou commented Jun 15, 2023 •

edited by stsrki

Loading

LineChart does not Update #4819

LineChart does not Update #4819

Comments

mikepasoglou commented Jun 15, 2023 • edited by stsrki Loading

mikepasoglou commented Jun 15, 2023 •

edited by stsrki

Loading