Draw cubic bezier curve with Chart.js 2.4.0

Question

I use Chart.js and I need to render a cubic bezier curve which mathematically consists of four data points. I do know the coordinates of all the four points, but I wonder how I could tell my chart that it should connect P1 and P4 by considering P2 and P3 as "control points" in the context of a bezier curve.

UPDATE:

Meanwhile I stumpled upon the property capBezierPoints of the line object having that description:

If true, bezier control points are kept inside the chart. If false, no restriction is enforced.

Documentation about that property is rare, so I can only assume that if I set it to false, the control points (in my case I have two control points and one start and one end point) are not drawn. However, I have no clue how I can tell Chart.js which of my points are the control points.

Recently I do pass the four points to my dataset as follows:

 var data = {
        datasets: [
            {
                label: "start point",
                data: [
                    {
                        x: bezierCurve.getPoint(0).x,
                        y: bezierCurve.getPoint(0).y
                    },
                    {
                        x: bezierCurve.getPoint(1).x,
                        y: bezierCurve.getPoint(1).y
                    },
                    {
                        x: bezierCurve.getPoint(2).x,
                        y: bezierCurve.getPoint(2).y
                    },
                    {
                        x: bezierCurve.getPoint(3).x,
                        y: bezierCurve.getPoint(3).y
                    }
                ],
                fill: false,
                lineTension: 1,
                borderColor: "blue"
            }

        ]
    }

    var options = {
        responsive: true,
        scales: {
            xAxes: [{
                type: 'linear',
                position: 'bottom',
                ticks: {
                    beginAtZero: true,
                    max: Math.round(maxX * 1.1)
                }
            }],
            yAxes: [{
                display: true,
                ticks: {
                    beginAtZero: true,
                    max: Math.round(maxY * 2)
                }
            }]
        },
        legend: {
            display: false
        }
    }

    Chart.defaults.global.tooltips.enabled = false;
    Chart.defaults.global.elements.line.capBezierPoints = false;
    Chart.defaults.global.elements.line.tension = 1.0;

    this.displayedBezierCurveChart = new Chart(context, {
        type: 'line',
        data: data,
        options: options
    });

Using that implementation, a line is drawn connecting all four points. What I need instead is a line connecting start point and end point considering the two control points in between.

Any ideas?