Results 1 to 6 of 6

Thread: Applying gradients to line chart fill color

Hybrid View

Previous Post Previous Post   Next Post Next Post
    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
    Answers
    6
    Vote Rating
    5
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,422
    Answers
    3901
    Vote Rating
    1271
      0  

    Default

    You should be able to style it with CSS.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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
    Answers
    6
    Vote Rating
    5
      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
      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
      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
      0  

    Default

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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •