Гистограмма избыточного графика на Chart.js - PullRequest
0 голосов
/ 06 ноября 2019

У меня есть экземпляр диаграммы с простой линией, идущей от 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...