ext.js 生成折线图

在 Ext JS 中，可以使用 Ext.chart.Chart 类来生成折线图。以下是一个简单的示例代码：

// 创建数据源
var store = Ext.create('Ext.data.Store', {
    fields: ['name', 'data1', 'data2'],
    data: [
        { name: 'Item 1', data1: 10, data2: 15 },
        { name: 'Item 2', data1: 7, data2: 12 },
        { name: 'Item 3', data1: 5, data2: 8 },
        { name: 'Item 4', data1: 2, data2: 10 },
        { name: 'Item 5', data1: 4, data2: 3 }
    ]
});

// 创建折线图
var chart = Ext.create('Ext.chart.Chart', {
    xtype: 'chart',
    renderTo: Ext.getBody(),
    width: 400,
    height: 300,
    store: store,
    axes: [{
        type: 'numeric',
        position: 'left',
        fields: ['data1', 'data2'],
        title: 'Data',
        grid: true,
        minimum: 0
    }, {
        type: 'category',
        position: 'bottom',
        fields: ['name'],
        title: 'Items'
    }],
    series: [{
        type: 'line',
        xField: 'name',
        yField: 'data1',
        title: 'Data 1',
        smooth: true
    }, {
        type: 'line',
        xField: 'name',
        yField: 'data2',
        title: 'Data 2',
        smooth: true
    }]
});

// 显示图表
chart.show();

在上面的示例中，我们首先创建了一个数据源 store，其中包含了要显示的折线图的数据。然后，我们创建了一个折线图 chart，并设置了图表的宽度、高度、数据源、坐标轴等属性。最后，通过调用 `chart.show()` 方法显示图表。

请注意，上述示例只是一个简单的示例，实际使用时可能需要根据自己的需求进行适当的修改和定制。