Remove pagination for data labels in pie chart

[Samir Modi]

I see if there are more labels,then rendered pie puts the labels in paginated format. How can I disable pagination and show all labels together? 

May be setting extra height and width?

Thanks Samir

[Srihari Muthukaruppan]

Hi Samir, 

  

We have analyzed your query. From that, we would like to let you know that we can achieve your requirement by using width property in the legendSettings of the chart. Based on your requirement we have also prepared a sample for reference. Please find the below UG link, code snippet, screenshot, and sample.  

  

Sample: https://stackblitz.com/edit/angular-akxp8j?file=app.component.ts 

  

UG link: https://ej2.syncfusion.com/angular/documentation/chart/legend/?no-cache=1#customization 

  

Code Snippet: 

App.component.html: 

  

<div class="control-section"> 

    <div class="col-md-8" > 

        <ejs-accumulationchart style='height: 50%' [legendSettings]="legendSettings">           

      // add your additional code here 

        </ejs-accumulationchart> 

    </div> 

</div> 

  

App.component.ts: 

  

// add your additional code here 

public legendSettings: Object = { 

        visible: true, 

        position: 'Bottom', 

        width: '400' 

    }; 

      

  

Screenshot: 

 

  

Let us know if you have any concerns. 

  

Regards, 

Srihari M