Change colors of bars in Chart Web part

_{Monday, September 16, 2013 9:39 AM}

Hi,

Is it possible to change colors of bars in Chart Web part

Regards, Shreyas R S

_{Tuesday, September 17, 2013 10:20 AM ✅Answered | 1 vote}

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

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
Write some CSS to override the settings
Apply it either via loading a Custom CSS in the Site Assets library or inline via CEWB

Please let us know if you need more information or a more detailed explanation.

_{Monday, September 16, 2013 10:30 AM | 1 vote}

I had this issue the other day,

1. Open up "Advanced Properties" of the web part

2. on the right select "Series"

3. Select the series you want to edit using the drop down at the top and then in "Appearance" change the Color value.

4. Click Finish at the bottom to make the change

Hope this helps.

_{Tuesday, September 17, 2013 3:51 AM}

Hi GrahamNet,

Thanks for your Answer. But i need to change the color of each bar.

i.r for example High to Red, Medium to Orange and Low to Green.

I have attached present graph's screen shot for reference.

Regards, Shreyas R S

_{Tuesday, September 17, 2013 6:00 AM}

Dear Shreyas,

Below mentioned blog will help you out to resolve your scenario:

Thanks

Venkatesh

Success depends on Effort's. Thanks Venkatesh

_{Thursday, September 19, 2013 6:38 AM}

Hi Steven,

Can you please explain me in detail?? I don't have much idea on CSS and evevn though I had a look, I dont know which one to override!!

Regards, Shreyas R S

_{Thursday, September 19, 2013 1:22 PM}

Hi Shreya,

Can you take a screenshot of your Chart Part settings please so I can replicate. I'll get some step by step instructions up once I have those.

Additional resources