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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

bar chart not rendering in internet explorer

Thread ID:





141079 Nov 22,2018 01:08 PM UTC Nov 26,2018 06:27 AM UTC Angular - EJ 2 3
Tags: Chart
Basavaraj Shirur
Asked On November 22, 2018 01:08 PM UTC

bar chart is rendering in chrome but not rendering in internet explorer.

Dharanidharan Dharmasivam [Syncfusion]
Replied On November 23, 2018 06:16 AM UTC

Hi Basavaraj, 
Greetings from Syncfusion. 
We have analyzed your query. We have prepared a bar chart and unfortunately the reported scenario is not replicated, and the bar chart is rendering properly in Internet Explorer browser. Sample used for testing can be found from below link. 
Since we are unaware on the exact scenario, kindly share us the following information which will be much helpful in further analysis and provide you the solution sooner. 
·       Try to reproduce the reported issue else share your sample with replication steps. 
·       Share the code used to render bar chart. 
·       Do you have got console errors, if so share the details. 
·       Kindly share the browser details which you have ensured. 

Basavaraj Shirur
Replied On November 23, 2018 02:08 PM UTC

<e-series [dataSource]='chartData' type='Bar' xName='RecommendationLabel' yName='NumberOfAnalysts' [marker]='marker'>e-series>

this.marker = { dataLabel: { visible: true, position: 'Outer',
template: '
position: 'Outer',

if we add marker in internet explorerits not rendering
please replay with solution

Dharanidharan Dharmasivam [Syncfusion]
Replied On November 26, 2018 06:27 AM UTC

Hi Basavaraj, 
Thanks for the provided information, 
We have analyzed the provided code snippet and found that you have used the dataLabel template without html element. So, the data label is not rendered. We would like to let you know that, if you are using template for data label, then you need to specify them within html elements. Now we have modified the sample with div element in the dataLabel template and is working properly in IE. Find the code snippet below to achieve this requirement. 
this.marker = { dataLabel: { visible: true, position: 'Outer', 
template: '<div>${point.y}<div>'}}; 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon

Live Chat Icon For mobile
Live Chat Icon