Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Line Chart

  1. #1

    Default Line Chart

    Hi,
    I need to make one line chart such that it can contain multiple lines for different items (one line for earch item). Basically i want to compare some items seeing the line graph (like we see population of 3-4 cities in a graph and judge the population at different point of time on x axis) . i have seen example of line chart for one item only.

    Can you pls help

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    So you just want multiple series, e.g. like this?

  3. #3

    Default

    Quote Originally Posted by Condor View Post
    So you just want multiple series, e.g. like this?
    Thanks Condor

  4. #4

    Default

    @Condor
    they are using YAHOO.util.DataSource here
    Do ExtJS provide DataSource like this??, i am not able to search in API..
    Please guide

  5. #5
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Ext uses Ext.data.Store for the same thing.

    For information on how to use Ext.chart.Chart you should check the Ext API docs.

    However, sometimes you have to look at the original YUI Chart docs (mainly for style options).

  6. #6
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    FYI, "Learning Ext JS 3.2" contains an explanation of multiple series, and complex charting - with examples.

  7. #7

    Default

    yes i am able to do it using series with static data like this

    var store1 = Ext.data.JsonStore({
    fields:[name, pop1, pop2],
    data : [
    {name:'A',pop1:16,pop2:24 },
    {name:'B',pop1:13,pop2:22 } ,
    {name:'C',pop1:11,pop2:27 }
    ]
    })

    .. but not dynamically...

    i have a javascript array var arr = [['P',12,2],['Q',21,3],['R',33,22]]
    and i want to load this store1 with this arr dynamically.

    i am doing it like store1.loadData(arr);

    but its not working chart is blank no lines. It should give 2 lines

  8. #8
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    You need an ArrayStore and not a JsonStore for that data.

  9. #9

    Default

    thanks i could do it

  10. #10

    Default

    Hi,
    Now i am able to make charts. i am facing a new problem here. I got a TabPanel having 3 panels. all the three panels contain graph
    first is having Bar Chart, second and third series Line chart. when i get the response the tab 1 loads and barchart shows. when i click on tab2 the series line chart also shows . but when i click on tab 3 . series line chart is not showing.

    only one of 2 series line charts is showing at a time. for tab 2 and tab 3, Whatever Tab i click first is showing the series line chart other one is blank.

    Please suggest what could be the problem.

Page 1 of 2 12 LastLast

Similar Threads

  1. draw two line in one line chart
    By m4eclipse in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 28 Sep 2010, 2:13 AM
  2. [SOLVED] Line Chart: how to show only line without points ?
    By yyogev in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 19 Jul 2010, 4:01 AM
  3. Line Chart
    By neerajnandwana in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 23 Feb 2010, 10:49 PM
  4. [3.x] Line chart
    By Nils-Fredrik in forum Community Discussion
    Replies: 9
    Last Post: 22 Jul 2009, 2:57 PM

Tags for this Thread

Posting Permissions

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