У меня есть экземпляр диаграммы с простой линией, идущей от x=1
до x=6
. Я пытаюсь изобразить гистограмму на этом графике, у которой ячейки начинаются с x=1
, x=3
и x=5
с шириной ячейки 2. Возможно ли это с помощью моей настройки?
let context = document.getElementById("canvas").getContext("2d");
var datasets = [
{
label: "line",
data: [{x: 1, y: 0.6,}, {x: 2, y: 0.8,}, {x: 3, y: 0.7,}, {x: 4, y: 0.6,}, {x: 5, y: 0.8,}, {x: 6, y: 0.7,}],
borderColor: "black",
lineTension: 0.4,
type: "line",
},
{
label: "histogram",
data: [{x: 1, y: 0.6,}, {x: 3, y: 0.7,}, {x: 5, y: 0.8,},],
color: "red",
type: "bar",
},
];
var data = {labels: [1, 2, 3, 4, 5, 6], datasets: datasets};
var chart = new Chart(context, {type: "bar", data: data, options: {}});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="canvas"></canvas>