How to assign different colors for each bar in bar chart

[sandeep1Member]

HI,

I got a stacked chart and how can i change the color of each column i.e. if the value is higher or lower than my threshold then the color of the bar has to be different.

Is there any way i can achieve this?

Thanks,
sandeep

[DimitarParticipant]

Hello sandeep,

You can change the colour of each series by setting the color property, as follows:

                            series: [
                                    { dataField: 'Running', displayText: 'Running', color: "#FF0000" },
                                    { dataField: 'Swimming', displayText: 'Swimming', color: "#00FF00" },
                                    { dataField: 'Cycling', displayText: 'Cycling', color: "#0000FF" }
                                ]

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[sandeep1Member]

Hi Dimitar,

Thanks for the reply.

I want to change the color of a particular value in a seires. If a series have values like 10,20,50,80 and i want to change the color of bars to red with values greater than 50 and to green for values lower than 50.

Regards,
Sandeep

[DimitarParticipant]

Hi Sandeep,

Unfortunately, such functionality is not supported by jqxGrid.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[marveenParticipant]

color can be a parameter readed from the source??

[DimitarParticipant]

Hello marveen,

Yes, it can. Note, however, that the colour value must be in hex format (e.g. “#FF0000”).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts