Добрый день.
У меня есть график на 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"}];
