Pie chart in Bubble chart

[Santhosh]

Hi,

Can I get the same result as in the thread Pie chart in Bubble chart mentioned the thread 129275

[Dharanidharan Dharmasivam]

Hi Santhosh, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and prepared a sample in Angular 2 platform with respect to your requirement as depicted in thread 129275. Find the code snippet below to add annotation. 

Angular 2: 

//Annotation element 

<div id="hightemp" style="display:none; height:80px;width:80px;"> 

    <ej-chart id="hightemp" size.height="80" size.width="80" [legend.visible]="false"> 

        <e-seriescollection> 

            <e-series [points]="pieData" type="pie"></e-series> 

        </e-seriescollection> 

    </ej-chart> 

</div> 

//Main chart 

<ej-chart id="container" [annotations]="Annotation"> 

</ej-chart> 

 

TypeScript: 

 

this.Annotation = [{ visible: true, content: "hightemp", coordinateUnit: "points", x: 10, y: 45 }, 

                                  { visible: true, content: "hightemp", coordinateUnit: "points", x: 20, y: 55 }, 

                                 { visible: true, content: "hightemp", coordinateUnit: "points", x: 30, y: 60 }, 

                                  { visible: true, content: "hightemp", coordinateUnit: "points", x: 40, y: 50 }, 

                     ]; 

 

Screenshot: 

 

We have attached the sample fpr your reference. Find  the sample from below link. 

http://www.syncfusion.com/downloads/support/forum/129641/ze/Sample-1732176184  

 

Thanks, 

Dharani.