1. Home
  2. Forum
  3. ASP.NET Web Forms (Classic)
  4. Localization of Split mode (Others) in Pie of Pie

Localization of Split mode (Others) in Pie of Pie

Hi,
i can't find how to change the text OTHERS in pie of pie chart.
I set Locale="it-IT" but it doesn't change.



5 Replies 1 reply marked as answer
DG Durga Gopalakrishnan Syncfusion Team May 31, 2021 09:15 AM UTC

Hi Silvia, 

Greetings from Syncfusion. 

We request you to customize pie chart data labels by specifying required value using Text property.  Please check with the below snippet.  

this.ChartWebControl1.Series[0].Style.DisplayText = true; 
this.ChartWebControl1.Series[0].Styles[0].Text = “Total”; 

Kindly refer the below link to know more about localization. 

Please revert us if have any concerns. 

Regards,  
Durga G 


SI Silvia June 2, 2021 06:25 AM UTC

the label "Others" is created dynamically when the chart group all the values under a specified value.
I use Syncfusion.JavaScript.DataVisualization.SplitMode.Value.

I tried your snippet but I don't have that property.

I read in provided documentation https://help.syncfusion.com/aspnet/chart/localization that I only need to set the LOCALE property but the word OTHERS remains unchanged.

Here my code:

<script src="Scripts/localization/ej.localetexts.it-IT.min.js"></script>
<script src="Scripts/localization/ej.culture.it-IT.min.js"></script>
<script src="Scripts/localization/ej.localetexts.it-IT.js"></script>


 <ej:Chart  ClientIDMode="Static" ID="chrNC" runat="server"  Height="500" Width="700" DataSourceID="sqlNC" IsResponsive="true"  Locale="it-IT" OnClientPointRegionClick="pointClickPoP">
 <Title Text="My title text">
     <SubTitle Text="Subtitle text"></SubTitle>
 </Title>
         <Series>
                        <ej:Series  EnableAnimation="True" PieCoefficient="1" PieOfPieCoefficient="0.9" SplitModee="Value" SplitValue="10" GapWidth="100" Marker-DataLabel-Visible="True"  Marker-DataLabel-EnableContrastColor="true" Name="IncidenzaNC" XName="NonConformita" YName="incidenza" Type="PieOfPie"
                    LabelPosition="OutsideExtended" EnableSmartLabels="True" Tooltip-Visible="True" ConnectorLine-Width="2" ConnectorLine-DashArray="2,3">
                   </ej:Series>
         </Series>
</ej:Chart>

thank for any support you can give me

DG Durga Gopalakrishnan Syncfusion Team June 3, 2021 02:30 PM UTC

Hi Silvia, 

We have validated your reported scenario with attached snippet. By default, localization for axis label and tooltip is applicable for datetime axis alone. For cartesian type charts, we are able to change the date time axis labels to Italian culture. We have attached sample for your reference. 

<script src="Scripts/ej/i18n/ej.culture.it-IT.min.js"></script> 
<script src="Scripts/ej/l10n/ej.localetexts.it-IT.min.js"></script> 
<ej:Chart Locale="it-IT"></ej:Chart> 


Using locale it-IT 

 
We suggest you to use OnClientDisplayTextRendering event to customize the data label text. We have changed Others text to Italian text in this event. Please check with below snippet and sample. 

<ej:Chart  OnClientDisplayTextRendering="ondataLabel1"> 
</ej:Chart> 
function ondataLabel1(sender) { 
            if (sender.data.pointIndex == 7) { 
                sender.data.text = "Altre"; 
            } 
        } 

Using OnClientDisplayTextRendering event 

 


Please revert us if you have any concerns. 

Regards,  
Durga G

Marked as answer
SI Silvia June 3, 2021 05:28 PM UTC

Hi,
how can i change also the tooltip text just for the OTHERS (Altre) slice?


Thanks a lot

DG Durga Gopalakrishnan Syncfusion Team June 5, 2021 03:17 PM UTC

Hi Silvia, 

We suggest you to use OnClientToolTipInitialize event to customize the tooltip text. We have attached modified sample for your reference. 

<ej:Chart OnClientToolTipInitialize="tooltipInitialize"> 
</ej:Chart> 
<script type="text/javascript">  
     function tooltipInitialize(sender) { 
         if (sender.data.pointIndex == 7) { 
              var text = sender.data.currentText.split(":"); 
              text[0] = "Altre "; 
              sender.data.currentText = text.join(":"); 
         } 
    } 
</script> 


 

Please revert us if you have any concerns. 

Regards,  
Durga G

Loader.
Up arrow icon