Results 1 to 5 of 5

Thread: Charts

  1. #1
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
      0  

    Default 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 User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Answers
    3976
    Vote Rating
    1382
      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 @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    0
      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
      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
      0  

    Default

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

Posting Permissions

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