Example of working line chart

Example of working ExtJS 4 line chart with single-dimension data.

by devd

HTML

<div id="demoChart"></div>

JavaScript

var chartDataStore = Ext.create("Ext.data.ArrayStore", {
        storeId: "chartData",
        fields: [
            { name: "year", type: "integer" },
            "country1",
            { name: "value1", type: "integer" },
            "country2",
            { name: "value2", type: "integer" }
        ],
        data: [
            [1990,"USA",66,"Canada",53],
            [1992,"USA",66,"Canada",53],
            [1994,"USA",66,"Canada",53],
            [1996,"USA",66,"Canada",53],
            [1998,"USA",66,"Canada",53],
            [2000,"USA",66,"Canada",53],
            [2002,"USA",66,"Canada",53],
            [2004,"USA",66,"Canada",53],
            [2006,"USA",81,"Canada",67],
            [2008,"USA",83,"Canada",46],
            [2010,"USA",61,"Canada",45],
            [2012,"USA",67,"Canada",53],
            [2014,"USA",68,"Canada",43],
            [2016,"USA",68,"Canada",43],
            [2018,"USA",68,"Canada",43],
            [2020,"USA",68,"Canada",43],
            [2022,"USA",67,"Canada",53],
            [2024,"USA",68,"Canada",43],
            [2026,"USA",68,"Canada",43],
            [2028,"USA",68,"Canada",43],
            [2030,"USA",68,"Canada",43],
            [2032,"USA",67,"Canada",53],
            [2034,"USA",68,"Canada",43],
            [2036,"USA",68,"Canada",43],
            [2038,"USA",68,"Canada",43],
            [2040,"USA",68,"Canada",43],
            [2042,"USA",67,"Canada",53],
            [2044,"USA",68,"Canada",43],
            [2046,"USA",68,"Canada",43],
            [2048,"USA",68,"Canada",43],
            [2050,"USA",68,"Canada",43]
        ]

    });
    
    var win = Ext.create("Ext.chart.Chart", {
        width: 600,
        height: 400,
        hidden: false,
        title: "Example working chart",
        renderTo: "demoChart",
        layout: "fit",
        style: "background:#fff",
            animate: true,
            store: chartDataStore,
            shadow: true,
            theme: "Category1",
            legend:...