Desaturation color mapping issue

Question

I'm having some trouble getting desaturation color mapping

I've tried to copy/paste the example from the demo's (https://blazor.syncfusion.com/documentation/treemap/color-mapping#desaturation-color-mapping ) site in a brand new Blazor App solution in Visual Studio:

Snippet

@using Syncfusion.Blazor.TreeMap
 
<SfTreeMap WeightValuePath="Count" TValue="Fruit" DataSource="Fruits" RangeColorValuePath="Count">
    <TreeMapLeafItemSettings LabelPath="FruitName">
        <TreeMapLeafColorMappings>
            <TreeMapLeafColorMapping StartRange="500" EndRange="3000" MinOpacity="0.2" MaxOpacity="0.5" Color='new string[] { "Orange"}'>TreeMapLeafColorMapping>
            <TreeMapLeafColorMapping StartRange="3000" EndRange="5000" MinOpacity="0.5" MaxOpacity="0.8" Color='new string[] { "Green"}'>TreeMapLeafColorMapping>
        TreeMapLeafColorMappings>
    TreeMapLeafItemSettings>
SfTreeMap>
 
@code {
    public class Fruit
    {
        public string FruitName { get; set; }
        public double Count { get; set; }
    };
    public List<Fruit> Fruits = new List<Fruit> {
        new Fruit { FruitName="Apple", Count=5000 },
        new Fruit { FruitName="Mango", Count=3000 },
        new Fruit { FruitName="Orange", Count=2300 },
        new Fruit { FruitName="Banana", Count=500 },
        new Fruit { FruitName="Grape", Count=4300 },
        new Fruit { FruitName="Papaya", Count=1200 },
        new Fruit { FruitName="Melon", Count=4500 }
    };
}

But the colors doesn't seem to be as the example?

Any suggestions

Indumathi Ravi · Answer

Hi Frank, 
  
Thank you for contacting Syncfusion Support. 
  
We are unable to reproduce the reported issue with the provided code snippet in the TreeMap component. Please find the sample application in which we tried to reproduce the reported issue and the screen capture video of the same below. 
  
Sample Application: 
https://www.syncfusion.com/downloads/support/forum/170939/ze/BlazorApp2-1365521872 
  
Screen Capture Video: 
https://www.syncfusion.com/downloads/support/forum/170939/ze/Treemap-842097943 
  
Please modify the above sample to reproduce the reported issue and share the same to us. It will be helpful for us to analyze and assist you further. 
  
Regards, 
Indumathi R.

Frank Andersen · Answer

Hmm, maybe it's a change to .NET 6.0 that is the issue, because when i open the sample application and change to .NET 6.0, and perform a debug it's the same?

Edit: It's not the change to .NET 6.0 - i can reproduce the "error" on another machine.

Indumathi Ravi · Answer

Hi Frank, 
  
We are able to reproduce the reported issue in the TreeMap component with different language culture. 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 the second week of January 2022. Please find the feedback link below to keep track of the reported issue. 
  
https://www.syncfusion.com/feedback/31423/ 
  
Regards, 
Indumathi R.

Indumathi Ravi · Answer

Hi Frank, 
  
Thank you for your patience. 
  
We have fixed the reported issue in the TreeMap component and included the fix in our weekly patch release(v19.4.42). Please update the "Syncfusion.Blazor.TreeMap" package in your application to resolve the reported issue. Please find the link of the package below. 
https://www.nuget.org/packages/Syncfusion.Blazor.TreeMap 
  
Please let us know if you need any further assistance. 
  
Regards, 
Indumathi R.