We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Pie chart in Bubble chart

Thread ID:

Created:

Updated:

Platform:

Replies:

129641 Mar 27,2017 07:50 AM Mar 28,2017 03:24 AM Angular 1
loading
Tags: ejChart
Santhosh
Asked On March 27, 2017 07:50 AM

Hi,

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

Dharanidharan Dharmasivam [Syncfusion]
Replied On March 28, 2017 03:24 AM

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. 
 
Thanks, 
Dharani. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;