[Artur_Hopf]

Добрый день.
У меня есть график на Chart js примерно такого вида

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>
<canvas id="myChart"></canvas>
<script type="text/javascript">

var inputdataplan = [{x: "2018-07-23 07:00:12.000", y: 0},{x: "2018-07-23 12:00:12.000", y: 200},{x: "2018-07-23 18:59:12.000", y: 1000}];

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [],
        datasets: [{ 
            borderColor: 'rgb(69, 62, 214)',
            data: inputdataplan,
            pointRadius: 0,
            fill: false,
            pointHitRadius: 1
        }]
    },
    options: {
        legend: {
            display: false
        },
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    unit: 'hour',
                    unitStepSize: 3,
                    min: "2018-07-23 07:00:00.000", 
                    max: "2018-07-23 19:00:00.000",
                    tooltipFormat: "LT",
                    displayFormats: {
                      hour: "LT L"
                    }
                }
            }],
            yAxes: [{
                ticks: {
                    beginAtZero: true,
                    min: 0,
                    max: 1000,
                    stepSize: 200
                }    
            }]
        }
    }
});
</script>

Подскажите, можно ли на этот график наложить две вертикальные линий?
Например одна вертикальная линия time_1 вторая time_2. И можно ли закрасить промежуток между ними.

var time_1 =  [{x: "2018-07-23 12:00:12.000"}];
var time_2 =  [{x: "2018-07-23 15:00:12.000"}];