Non-monotonic line chart

I’ve created a linechart in ExtJS but came accross an obstacle. I want to create a line chart that doesn’t go to each next point in a Monotonic fashion.
Let’s say I have the following dataset:

let testData = [{
        price: 500,
        date: '01-01-2021'
    }, {
        price: 200,
        date: '01-02-2021'
    }, {
        price: 1000,
        date: '02-09-2021'
    }];

When using this data in an ExtJS linechart it will create a diagonal line between the price of 200 and 1000, this data representation is incorrect since the price did not gradually rise in this time.

My question is: How can I achieve this using ExtJS charts?

Check the visual examples for the current and desirable result.

Please let me know if you need any extra information.

Monotonic (current result):
Monotonic linechart

Non-monotonic (Desirable result)
Non-monotonic