Hybrid View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2011
    Location
    Hyderabad, India
    Posts
    117
    Vote Rating
    5
    Answers
    6
    Naga is on a distinguished road

      0  

    Default Unanswered: Applying gradients to line chart fill color

    Unanswered: Applying gradients to line chart fill color


    Hi,
    I am working on a mobile application that contains different charts (like line, bar, column and pie). I have been trying to apply gradient colors to a line (single) chart fill color. But unfortunately i could not.

    Is it possible to apply color gradients to a line fill color? Please help.

    Thanks in advance,
    Nag

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You should be able to style it with CSS.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Location
    Hyderabad, India
    Posts
    117
    Vote Rating
    5
    Answers
    6
    Naga is on a distinguished road

      0  

    Default


    Hi Mitchell,
    fill: true, style:{fill:'#01DF01'} in series config option is filling with single color '#01DF01'. Where and how to apply CSS3 gradients in Ext.chart.Chart.
    Can you give sample code for applying gradient colors for line chart fill.

    Thanks in advance,
    Naga

  4. #4
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    34
    Vote Rating
    0
    anoopmishra is on a distinguished road

      0  

    Default


    any answer to this question. i am facing the same problem

  5. #5
    Sencha User
    Join Date
    Nov 2012
    Posts
    7
    Vote Rating
    0
    lkoth is on a distinguished road

      0  

    Default


    you can write render in series

    renderer : function(sprite, storeItem, barAttr, i, store) {



    barAttr.fill = '003366';

    return barAttr;
    },

    try the above code .

  6. #6
    Sencha User
    Join Date
    Jan 2013
    Posts
    18
    Vote Rating
    0
    deepakse is on a distinguished road

      0  

    Default


    i have try above code but it not work for me.