1. Home
  2. Forum
  3. Blazor
  4. Axis sorting

Axis sorting

Hello,

I have a heatmap chart in a grid bound to observable data. When the data is updated, the Y label sorting flip flops / changes on each update. How do you preserve the order of the sorting on the Y Axis?


My heatmap is basically setup exactly like this except I have strings on both the x and y axis. https://blazor.syncfusion.com/demos/heatmap-chart/json-cell?theme=fluent


Thank you


10 Replies
IR Indumathi Ravi Syncfusion Team September 29, 2022 05:43 PM UTC

Hi Justin,


Thank you for contacting Syncfusion Support.


We are currently analyzing the reported scenario in the HeatMap component. We will update you with further details on September 30, 2022.


Regards,

Indumathi R.


JU Justin September 30, 2022 12:44 AM UTC

Thanks for looking into it. I noticed it does not have to be an observable collection. It happens when calling

InvokeAsync(StateHasChanged); to update the data. The heatmap is templated within the grid. The lables randomly switching order basically makes the heatmap unusable.  To see it happen, sometimes you have to update the data many times.

Thank you!


IR Indumathi Ravi Syncfusion Team October 1, 2022 09:33 AM UTC

Hi Justin,

 

Thank you for the update.

 

We tried to reproduce the reported issue using the provided scenario. In our application, when we tried to remove the title dynamically, the y-axis labels are reversed and the title is not removed. For your reference, please see the screen capture video below.

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/labelreverse-216109706

 

NOTE: We have not modified any properties of the axis labels in the button click. We have tried to make the title text empty in the button click.

 

Could you please confirm the above reversal of the y-axis labels in the video corresponds to your scenario? If not, please provide us a video or a sample application that demonstrates the exact scenario. It will be helpful for us to analyze and assist you further.

 

Regards,

Indumathi R


JU Justin October 1, 2022 01:34 PM UTC

Hello, 

I have strings in both the x and y axis.  I coded a mini demo for you that closer aligns to what I'm seeing.  The heatmap does not have to be in a grid or use an observable collection.  You can use the code in your github blazor demo project (Heatmap >> @page "/heatmap-chart/json-cell").  Just overwrite the original code, run, and click the button.  You will see the labels on the Y axis switch back and forth.

The code should be attached.

Thanks, 

Justin K




Attachment: labelFlipFlop_e443dde0.zip

IR Indumathi Ravi Syncfusion Team October 3, 2022 06:15 PM UTC

Hi Justin,

Thank you for the update.

We are able to reproduce the reported issue with the provided sample in the HeatMap component. We have considered this as a defect and logged a defect report for the same. However, we will include the fix for the reported issue in our weekly patch release which is expected to be available by mid of October 2022. Please find the below feedback link to keep track of the reported issue.

https://www.syncfusion.com/feedback/38122

Regards,

Indumathi R.


IR Indumathi Ravi Syncfusion Team October 18, 2022 10:51 AM UTC

Hi Justin,


Sorry for the inconvenience.


We have not included the fix for the reported issue in our weekly patch release due to the stability concerns in the fix. However, we will provide a stable fix and include it in our weekly patch release, which is expected to be available by the first week of November 2022.


Regards,

Indumathi R.


JU Justin October 18, 2022 09:58 PM UTC

Hello Indumathi,

Thank you for the updates. 

Justin



IR Indumathi Ravi Syncfusion Team October 19, 2022 05:11 AM UTC

Hi Justin,


Most Welcome.


We'll let you know once the package is published.


Regards,

Indumathi R.


IR Indumathi Ravi Syncfusion Team November 10, 2022 05:46 PM UTC

When we tried to resolve the reported issue, we came across some stability issues when testing the axis label properties against data source updates. We have planned to provide a stable fix across all the properties of the axis labels. So we have considered this an improvement, and the fix for this improvement will be available in our 2022 Volume 4 release, which is expected to be available by the end of December 2022.


IR Indumathi Ravi Syncfusion Team December 22, 2022 11:20 AM UTC

Hi Justin,


We have resolved the reported issue - “When the data is dynamically added, the labels in the y-axis are displayed in reverse order” and the fix is included in our Essential Studio 2022 Volume 4 release v20.4.0.38 which is rolled out and is available for download under the following link.


https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Loader.
Up arrow icon