extjs6折线图完整例子

下面是一个基于 ExtJS 6 的折线图完整例子：

Ext.onReady(function () {
    Ext.define('SalesData', {
        extend: 'Ext.data.Model',
        fields: [
            {name: 'month', type: 'string'},
            {name: 'sales', type: 'float'}
        ]
    });

    var store = Ext.create('Ext.data.Store', {
        model: 'SalesData',
        data: [
            {month: 'Jan', sales: 100},
            {month: 'Feb', sales: 200},
            {month: 'Mar', sales: 300},
            {month: 'Apr', sales: 250},
            {month: 'May', sales: 350},
            {month: 'Jun', sales: 400},
            {month: 'Jul', sales: 450},
            {month: 'Aug', sales: 500},
            {month: 'Sep', sales: 550},
            {month: 'Oct', sales: 600},
            {month: 'Nov', sales: 700},
            {month: 'Dec', sales: 800}
        ]
    });

    var chart = Ext.create('Ext.chart.CartesianChart', {
        renderTo: 'chart-container',
        width: 600,
        height: 400,
        animate: true,
        store: store,
        axes: [{
            type: 'numeric',
            position: 'left',
            fields: 'sales',
            title: 'Sales',
            grid: true,
            minimum: 0
        }, {
            type: 'category',
            position: 'bottom',
            fields: 'month',
            title: 'Month'
        }],
        series: [{
            type: 'line',
            xField: 'month',
            yField: 'sales',
            title: 'Sales'
        }]
    });
});

在这个例子中，我们定义了一个名为 `SalesData` 的数据模型，它有两个字段：`month` 和 `sales`。接着我们创建了一个名为 `store` 的数据源，它包含了一些假数据。

然后我们创建了一个名为 `chart` 的折线图，它使用了上面创建的数据源。我们定义了两个轴：一个用于绘制数值，一个用于绘制分类。我们还定义了一个系列，用于绘制折线图。

最后，我们将折线图渲染到页面上的一个元素中，这个元素的 ID 是 `chart-container`。