1. Home
  2. Forum
  3. Blazor
  4. UseGroupingSeparator not working

UseGroupingSeparator not working

I have just updated my version from 18.3.48 to 19.2.0.55. Even though still seems to be supported (it is not giving me an error), the figures do not have the 1000 separator (e.g. showing figures 1000 instead of 1,000).

<SfChart UseGroupingSeparator="true" Title="@("Financials (USD Million)")">


6 Replies
DG Durga Gopalakrishnan Syncfusion Team August 12, 2021 02:55 PM UTC

Hi Eric, 

Greetings from Syncfusion. 

We don’t have grouping separator support for chart in latest version. We request you to use LabelFormat to format axis labels based on your requirement. Please check with the below sample and screenshot. 

<SfChart> 
    <ChartPrimaryYAxis LabelFormat="N0"></ChartPrimaryYAxis> 
</SfChart> 


 

 

Kindly revert us if you have any concerns. 

Regards, 
Durga G 


ER Eric August 12, 2021 03:59 PM UTC

Hi Durga,


Thank you for quickly getting back to me.  LabelFormat="#,##0.##;(#,##0.##)" worked great!. 


A few additional questions:

1) I notice that since the version upgrade, whenever I enable the chart, its size is small on the screen (and goes to its intended size in a second or so). Would you know the reason for it?

2) The LabelFormat, as I mentioned, is working great. Any way to have the figures in red in case of negative (something like  "#,##0.##;[Red](#,##0.##)")?

3) I have, in order to view negative columns in red the following code:

    public void PointRenderEvent(PointRenderEventArgs args)

    {

        if (args.Point.YValue < 0)

        {

            args.Fill = "red";

        }


    }

Anyway to have different shades, like for positive numbers?


BP Baby Palanidurai Syncfusion Team August 16, 2021 03:53 AM UTC

Hi Eric, 
  
Thanks for your update. 
  
We have checked your query. Please find the below response for your queries. 
  
Query 1: I notice that since the version upgrade, whenever I enable the chart, its size is small on the screen (and goes to its intended size in a second or so) 
      To avoid delayed rendering, architectural changes were made to the chart when the height/width were specified in percentages applied in the components’ parent. As a result, the chart is initially rendered with the default width and height and then redrawn by adjusting only the size of the Chart in a responsive manner. Please refer the below scripts,  
<!--- To avoid the redraw scenario, add the CDN link below. --->  
  
  
For more information, please find the below documentation link, 
  
Query 2: The LabelFormat, as I mentioned, is working great. Any way to have the figures in red in case of negative (something like  "#,##0.##;[Red](#,##0.##)")? 
             We are checking the possibilities. We will update you the status on 17th Aug 2021. We appreciate your patience until then. 
Query 3: I have, in order to view negative columns in red the following code: 
We are not aware of your exact requirement. Kindly revert us with more details and if possible, share some screenshot which depicts your scenario which will be helpful in furthermore analysis and provide your solution sooner. 
  
Regards, 
Baby.

DG Durga Gopalakrishnan Syncfusion Team August 16, 2021 12:06 PM UTC

Hi Eric, 

We have validated your reported scenarios. Please check with below suggestions. 

2) The LabelFormat, as I mentioned, is working great. Any way to have the figures in red in case of negative (something like  “#,##0.##;[Red](#,##0.##)”)? 

We have validated the required scenario. As of now, we don’t have support to achieve your scenario. Please revert us if you have any concerns. 

3) Anyway to have different shades, like for positive numbers? 
 
You can specify required color in else part for positive numbers to view all positive points in same color, or if you want to show each point in different color, you can use PointColorMapping. Please check with the below sample and documentation link. 

public void PointRenderEvent(PointRenderEventArgs args) 
    { 
        if (args.Point.YValue < 0) 
            args.Fill = "red"; 
       else  
            args.Fill = "green"; 
    } 

 
 
 


Kindly revert us if you have any concerns. 

Regards, 
Durga G

DG Durga Gopalakrishnan Syncfusion Team August 17, 2021 03:25 PM UTC

Hi Eric, 

Most welcome. We request you to kindly include the lodash script in the HEAD element of the ~/Pages/_Host.cshtml page for server side blazor application. In case, if you are using WASM application, include it in the HEAD element of the ~/wwwroot/index.html page for user interaction. 
 
<head> 
</head> 

 


 

Kindly revert us if you have any concerns. 

Regards,  
Durga G

ER Eric August 17, 2021 07:20 PM UTC

Thank you so much for the clarifications!

Point 1) Great, with the scrip, it is all good.

Point 2) Got it, appreciate you letting me know.

Point 3) Whenever I have different series, I can assign the colors of my choosing with Fill="color" inside each <

ChartSeries>. However, for negative numbers, the colors will always be the same.


Loader.
Up arrow icon