Results 1 to 4 of 4

Thread: Can you set Column Chart Colors depending upon value

  1. #1

    Question Can you set Column Chart Colors depending upon value

    Is it possible to change the columns color depending upon the value (e.g. if less than 0 then set column color to red)?

    Thanks in advance.

  2. #2

    Default is it possible

    Hi even I am looking to change the color dynamically based on the user click..

    Also is dragging on charts possible..just to select some bars in the column chart...


  3. #3

    Post Information

    So far as far as i can tell no it's not possible. The charting is a third party component and the API is here:

    There are however other options for charting

    open flash charts 2

    and ext variety

    Hope all this helps.

  4. #4
    Sencha Premium Member GeorgeHernandez's Avatar
    Join Date
    Oct 2007

    Smile SOLVED: You can set chart column color depending on the value

    Assuming Ext JS 4.x:

    series: [{
        type: 'column',
        yField: 'yField',
        renderer: function(sprite, record, attr, index, store) {
            var value = record.get('yField');
            var color;
            if (value < 70) {
                color = 'rgb(255, 0, 0)';
            } else {
                color = 'rgb(0, 0, 255)';
            return Ext.apply(attr, {
                fill: color

Posting Permissions

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