Home/ Questions/Q 1104719
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T01:31:21+00:00

I am using ext do draw charts in the browser,I meet a problem: I

  • 0

I am using ext do draw charts in the browser,I meet a problem:

I want to draw two lines in one chart, so I use the ColumnChart, this is my data:

var store = new Ext.data.JsonStore({
    fields:['name', 'visits', 'views'],
    data: [
        {name:'Jul 07', visits: 245, views: 3000000},
        {name:'Aug 07', visits: 240, views: 3500000},
        {name:'Sep 07', visits: 355, views: 4000000},
        {name:'Oct 07', visits: 375, views: 4200000},
        {name:'Nov 07', visits: 490, views: 4500000},
        {name:'Dec 07', visits: 495, views: 5800000},
        {name:'Jan 08', visits: 520, views: 6000000},
        {name:'Feb 08', visits: 620, views: 7500000}
    ]
});

Since the Visit data is much less than views.

So the line which respresent the visit is too close to the xaxis, is there any idea?

alt text

Thanks for your reply, I decide to make them the same scale.
BTW, I have another question,hope you can give some suggesion:

alt text

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As far as I can see there are two options:
    1. Add a second Y axis, with a different scale
    2. Scale the larger values down

    ExtJS charts- to my knowledge- doesnt offer the ability to add a second axis, though there are work arounds (see http://www.sencha.com/forum/showthread.php?72557-Ext-JS-Charts-Second-Y-Axis-Scale)

    Therefore the easiest way would be to simply divide the larger values by, say, 10,000 to bring the two scale’s inline, then make a note that they are in thousands.

    • 0