Как передать данные для составного графика в vue -chartkick

Question

Я перепробовал много вариантов, но не смог создать столбчатую или столбчатую диаграмму с накопленным представлением. Я думаю, я не знаю, как должны быть представлены данные. Я попробовал следующее:

[
        [
            "Monday",
            2,
            10
        ],
]

[
        [
            "Monday",
            [2],
            [10]
        ],
]

[
        [
            "Monday",
            [
              2,
             10
            ]
        ],
]

Answer 1

Для начала вы можете прочитать статью Столбчатая диаграмма с накоплением с диаграммой. js, в ней шаг за шагом объясняется, как создать столбчатую диаграмму с накоплением.

Я также сделал пример кода, который, мы надеемся, выдаст то, что вы ищете.

new Chart(document.getElementById("myChart"), {
  type: "bar",
  data: {
    labels: ['Monday'],
    datasets: [{
      label: "X",
      data: [2],
      backgroundColor: "red"
    },
    {
      label: "Y",
      data: [10],
      backgroundColor: "blue"
    }]
  },
  options: {
    scales: {
      xAxes: [{
         stacked: true
      }],
      yAxes: [{
        stacked: true
      }]      
    }
  }
});

canvas {
  max-width: 200px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="myChart" width="20" height="20"></canvas>