AccomulationChart legend font size

Hi,

Is it possible to change the font size of the legend items:

<text id="SfCharts-9ed2868c-4ab9-4c98-8da0-91f1eccac1fd_chart_legend_text_1" x="97.625" y="71.8203125" opacity="1" fill="#212529" font-size="13px" font-style="Normal" font-family="Roboto" font-weight="500" text-anchor="start" aria-label="Click to show or hide the EQUITY series" tabindex="">EQUITY<!--!-->
</text>

I can change Weight and Family, but I didn't find how to change the size.

Regards.

3 Replies 1 reply marked as answer

SM Srihari Muthukaruppan Syncfusion Team June 18, 2021 12:43 PM UTC

Hi Maurizio, 
  
We can achieve your requirement by using Size property in the AccumulationChartLegendFont. We have also prepared a sample for your reference. Please find the sample code snippet and screenshot below. 
  
  
Code Snippet: 
// add your additional code here 
  
<SfAccumulationChart @ref="chartInstance" EnableAnimation="false" Theme="@Theme"> 
            <AccumulationChartLegendSettings Visible="true"> 
                <AccumulationChartLegendFont Size="20px" Color="Black"> 
                </AccumulationChartLegendFont> 
            </AccumulationChartLegendSettings> 
            // add your additional code here 
        </SfAccumulationChart> 
  
// add your additional code here 
  
  
Screenshot: 
 
 
Let us know if you have any concerns. 
  
Regards, 
Srihari M 


Marked as answer

MZ maurizio ziraldo June 22, 2021 06:21 AM UTC

Thanks. I didn't use the "px" unit in the Size field. Now it works well.


Regards.



DG Durga Gopalakrishnan Syncfusion Team June 23, 2021 07:11 AM UTC

Hi Maurizio, 

Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you. 

Regards,  
Durga G

Loader.
Up arrow icon