jQWidgets Forums

jQuery UI Widgets Forums Grid Apply color scheme individual series wise

This topic contains 3 replies, has 3 voices, and was last updated by  Peter Stoev 9 years, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • vinodn
    Participant

    Hi,

    I would like to apply specific color to individual series charts.

    Say for example in the below image, I want cash to be in blue and debt in yellow. This should be the same across all types of chart in my site. If in any chart Cash doesn’t appear, the blue color shouldn’t get assigned to debt or any other value. Same with debt. How can I hard code this?


    Peter Stoev
    Keymaster

    Hi vinodn,

    Each serie has styling properties which you may use to style it. From the Chart’s API Documentation:

    fillColor – Fill color for the serie.
    fillColorSelected – Fill color for the serie when selected.
    fillColorAlt – Alternating fill color for the serie. Applicable to OHLC series only.
    fillColorAltSelected – Alternating fill color for the serie when selected. Applicable to OHLC series only.
    lineColorSymbol – Line color for the marker symbols in serie.
    lineColorSymbolSelected – Line color for the marker symbols in the serie when selected.
    fillColorSymbol – Fill color for the marker symbols in the serie.
    fillColorSymbolSelected – Fill color for the the marker symbols in serie when selected.
    colorFunction – a custom function that returns the color of a data point.
    The function will received the following parameters: dataValue, itemIndex, serie, group
    The implementation of the function can return a single color which will be used as a fillColor and
    the other colors will be derived or it can return an object containing fillColor, fillColorSelected, etc.

    Best Regards,
    Peter Stoev

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


    Nimesh Jain
    Participant

    Hi Peter,
    Can i use the same for 100% stack chart??


    Peter Stoev
    Keymaster

    Hi Nimesh Jain,

    The API for jqxChart is one so you can.

    Best Regards,
    Peter Stoev

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.