1. #1
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
    mmaltby is on a distinguished road

      0  

    Default Unanswered: Charts

    Unanswered: Charts


    Functionality questions:

    1. Is it possible to shade between two lines? If not, is it possible to change the fill style on an area? EG Stripe pattern instead of a solid color.

    2. Is it possible to draw independent lines vertically and horizontally? These would be an extension to grid lines that could appear in the foreground.

    3. Is it possible to color in the bars without having to use the color array inside a theme? It seems easy to style a line but not a bar. Also, on group bars, the border color doesn't always match the content color.

    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    850
    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


    To theme a chart is of course creating a chart theme. The fill is usually going to be a solid color although some work in the theme may result in some progress.
    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
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
    mmaltby is on a distinguished road

      0  

    Default


    Hopefully the screen shot attached will explain what I am trying to achieve for questions one and two.chart_question.jpg

  4. #4
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
    mmaltby is on a distinguished road

      0  

    Default


    I currently setting the bar colors using a theme.

    Ext.chart.theme.ATheme = Ext.extend(Ext.chart.theme.Base, {
    constructor: function(config) {
    Ext.chart.theme.Base.prototype.constructor.call(this, Ext.apply({
    colors: ['#94AE0A','#C0C0C0','#a61120']
    }, config));
    }
    });

    As per question 3 above I pointed out the border color of the bars is being set by the first bar color. This does not seem correct to me. How can I prevent this? Also, it makes sense to me that the bar colors should also be able to be set by the series itself using 'colorArrayStyle' but unfortunately this is always overridden by the theme even if the chart has no theme set.
    border color around bars.jpg

  5. #5
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
    mmaltby is on a distinguished road

      0  

    Default


    Any more information regarding the issues expressed in the above 2 replies?

Thread Participants: 1