extjs6图表,动态创建多条线

时间:2018-08-14 20:07:11

标签: extjs charts

我的ExtJs6折线图非常简单。我正在尝试绘制2个以乐器分隔的差异系列。如果您在下面查看我的数据,应该有2行,其中1行代表原油,1行代表黄金。我想要日期显示在图表的底部,并沿左Y轴显示CumulativePl。

我不知道如何将这些动态添加到我的图表中。任何帮助深表感谢!我可以将pl放在yaxis上,将filedate放在xaxis上,但是它放在1行中,没有用仪器分开。

这是我存储数据的商店。

    store1.add({
        Filedate: '2018-08-10',
        Instrument: 'crudeOil',
        CumulativePl: 999
    });

    store1.add({
        Filedate: '2018-08-11',
        Instrument: 'crudeOil',
        CumulativePl: 1200
    });

    store1.add({
        Filedate: '2018-08-10',
        Instrument: 'gold',
        CumulativePl: 500
    });

    store1.add({
        Filedate: '2018-08-11',
        Instrument: 'gold',
        CumulativePl: 700
    });

UPDATE ...根据响应,我需要为要绘制的每个线系列创建一个存储。因此,现在我要按乐器对商店进行分组,并且需要为商店中的每台乐器创建一个新商店,这让我很困惑。 //分组存储,每个分组

    myStore.group('instrument');
    myStore.getGroups().each(function (group, i) {

        debugger;
        //create store here

        group.each(function (record) {
            //foreach item in group, populate store
            debugger;
        });

        //create series of data from newly created store
        //add series to chart
    });

enter code here

1 个答案:

答案 0 :(得分:2)

只需为每个系列创建两个单独的商店,就像这样:

New Edit on the Wikia:
 -