How does one change the color of each column in a SharePoint Chart Web part? For example the "passed" column would be green, the "stopped" would be red.

I am pulling data from this list:

enter image description here

enter image description here

It seems like something very simple but I can not figure it out... Any suggestions?


1 Answer 1


What i checked and looks like the chart web part does not have any settings to change the color of individual data points or plot data points of a series in different colors.

As a workaround check this Change colors of bars in Chart Web part and refer below some content extracted from the link given.

The quickest way to do this, if the Web Part Configuration doesn't allow you do set the colours is to use CSS.

  1. In your browser use a Developer Extension to identify the CSS classes you need to change. IE has Developer Toolbar, FireFox has Web Developer, I'm not sure what Chrome uses
  2. Write some CSS to override the settings
  3. Apply it either via loading a Custom CSS in the Site Assets library or inline via CEWB

Not the answer you're looking for? Browse other questions tagged or ask your own question.