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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Stacked Bar Chart Legend Doesn't Match Column Color

Thread ID:

Created:

Updated:

Platform:

Replies:

148064 Oct 3,2019 06:26 PM UTC Nov 1,2019 06:25 AM UTC ASP.NET Core - EJ 2 6
loading
Tags: Charts
Scott Hancock
Asked On October 3, 2019 06:26 PM UTC

I'm setting the color of my series using the pointColorMapping but the color of the legend icons does not match. How do I fix this? The colors are: fuchsia, skyblue, and purple.

<e-series dataSource="ViewBag.dataSources[x]" name="@ViewBag.dataSources[x][0].label" selectionStyle="series" xName="displayedPeriodMonth" width="2" co opacity="1" yName="actualPortion" yAxisName="powerAxis" pointColorMapping="color" type="@Syncfusion.EJ2.Charts.ChartSeriesType.StackingColumn">
       <e-series-animation enable="false"></e-series-animation></e-series>



Srihari Muthukaruppan [Syncfusion]
Replied On October 4, 2019 05:04 AM UTC

Hi Scott ,

Greetings from Syncfusion.
We are validating the inquired scenario and we will update the status on or before 6:30 PM IST (October 4, 2019).

Thanks,
Srihari

Srihari Muthukaruppan [Syncfusion]
Replied On October 4, 2019 06:18 AM UTC

Hi Scott, 
  
Sorry for the inconvenience. 
  
As of now, colors applied using pointcolorMapping property is not applying for legend. We have reported the bug and logged it in our backlog. You can keep track of the bug from the feedback portal below.  
  
  
The fix will be available on or before October 15th, 2019. 
  
Please let me know if you have any queries. 
  
Regards, 
Srihari. 


Sarasilmiya Shahul Hameed [Syncfusion]
Replied On October 30, 2019 04:52 AM UTC

From: Hancock, Scott <Scott.Hancock@vistraenergy.com>  
Subject: RE: Syncfusion support community forum 148064, Stacked Bar Chart Legend Doesn't Match Column Color, has been updated. 
Has this bug been fixed? 

Thanks, 
Scott 


Kalaimathi Chellaiah [Syncfusion]
Replied On October 30, 2019 01:40 PM UTC

Hi Scott,  
Thanks for being patience. 
 
We are glad to announce that our v17.3.21 patch release is rolled out, we have added the fix for the reported issue and is available for download under the following link.  
   
 
 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  
  
Regards,  
Kalai.  


Scott Hancock
Replied On October 31, 2019 03:04 PM UTC

In my .net Core MVC project I've used Nuget to update to Syncfusion.EJ2.AspNet.Core v17.3.0.21. After cleaning and rebuilding the project, the colors are still wrong.

Srihari Muthukaruppan [Syncfusion]
Replied On November 1, 2019 06:25 AM UTC

Hi Scott 
 
We have analyzed your query. From that, we suspect that issue occurs since the old script has been referred. Please provide the use the below cdn link to overcome the reported issue. We have also prepared a sample based on your requirement and it works fine. If this solution doesn’t meet the requirement, kindly revert us with more information. Please find the below screenshot and code snippet. 
 
 
Code Snippet: 
 
Layout.cshtml: 
<head> 
   <link rel="stylesheet" rel='nofollow' href="~/css/site.css" /> 
    <link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" /> 
</head> 
 
Screenshot:  
 
Let me know if you need further assistance. 
 
Regards, 
Srihari M 


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.

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