Results 1 to 6 of 6

Thread: Does Extjs charts have support for multiple y-axis?

  1. #1
    Ext JS Premium Member mtycholaz's Avatar
    Join Date
    Feb 2011
    Posts
    38

    Default Does Extjs charts have support for multiple y-axis?

    Our client has need for two chart requirements and I need help finding out if Extjs 4 will support our requirements.

    One requirement is to plot two datastores on the same graph (overlapped), and to display two y-axis scales. Our client wants to see the relation between the data. One datastore could have a range of 0-100, while the other datastore could have a range of 10,000-1,000,000. The problem is what if you were to show both, the first datastore would look like a flat line.

    The second requirement would be to draw operational boundary for a scatter plot. Essentially just show a box on the scatter plot graph. This way the client can easily see if a datapoint is within the box (acceptable operational range) or not.

    Thanks for your help.

  2. #2
    Ext JS Premium Member
    Join Date
    Jan 2008
    Posts
    88

    Default

    There is the possibility to have two y axes, one on the left and one on the right at least. There *may* be the possibility to have multiple y axes on the same side of the chart though that's not clear and no example seems to be available for that. I'm going by http://dev.sencha.com/deploy/ext-4.0...s.Numeric.html.

    I'm not sure if the chart can display from multiple stores, the docs http://dev.sencha.com/deploy/ext-4.0...art.Chart.html would indicate a single store.

    Don't know about the operational boundary for a scatter plot, suspect not!

  3. #3
    Ext JS Premium Member
    Join Date
    Jul 2011
    Posts
    4

    Default

    Yes. For yAxis with different scales use the left and right axis.

    Code:
    xtype: 'chart',
    width: 400,
    height: 300,
    store: myStore,
    axes: [
    	{
    		//title: 'Size',
    		type: 'Numeric',
    		position: 'left',
    		fields: ['sizeInBytes'],
    		minimum: 0
    	},{
    		//title: 'Run Time',
    		type: 'Numeric',
    		position: 'right',
    		fields: ['runTimeMin'],
    		minimum: 0
    	},{
    		//title: 'Date',
    		type: 'Time',
    		position: 'bottom',
    		fields: ['startTime'],
    		dateFormat: 'm/d/y h:i A'
    	}
    ],
    series: [
    	{
    		type: 'column',
    		axis: 'left',
    		xField: 'startTime',
    		yField: 'sizeInBytes'
    	},{
    		type: 'line',
    		axis: 'right',
    		xField: 'startTime',
    		yField: 'runTimeMin'
    	}
    ]

  4. #4
    Ext JS Premium Member mtycholaz's Avatar
    Join Date
    Feb 2011
    Posts
    38

    Default

    I need more than two y-axis. I have a minimal requirement of at least eight y-axis; all of them different scales.

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    8

    Default

    Hi,
    did anybody tried to use more than two y-axis? I want to combine two line series with one column bar serie. Unfortunately every series has its own scale.

    I found a pretty highcharts-example (http://www.highcharts.com/demo/combo-multi-axes). I've read somewhere about a hightcharts plugin or connector but didn't searched into further because I don't want to include two big js-libs.

    Regards Marcus

  6. #6
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    Sencha opened a ticket for supporting multiple axes per position.
    http://www.sencha.com/forum/showthread.php?275032
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

Similar Threads

  1. [Extjs 3.2] Update multiple charts - swf error
    By senacle in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 27 May 2011, 6:09 AM
  2. Ext JS Charts: Second Y Axis Scale
    By AMACK in forum Ext 3.x: Help & Discussion
    Replies: 20
    Last Post: 20 Jan 2011, 6:07 AM
  3. Charts: jQuery flot - and data from multiple extjs stores
    By Nils-Fredrik in forum Community Discussion
    Replies: 4
    Last Post: 19 Jul 2010, 11:54 PM
  4. Charts with muliple axis ticks of the same value
    By mcoker in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 2 Apr 2010, 12:36 PM
  5. Ext.Charts -> Axis-Label
    By tobiu in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 8 Jun 2009, 3:06 PM

Posting Permissions

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