Значения данных перекрываются по оси Y (несколько всплывающих подсказок на одной строке) в диаграммах JS, хотя они имеют разные метки

Question

У меня есть уникальные значения меток, однако данные для значений меток закрытия накладываются друг на друга.Я хочу, чтобы они были изображены рядом.Я использую charts.js в django.

Я занимаюсь этим с утра.Пожалуйста, предложите.

<canvas id="densityChart" width="1850" height="600"></canvas>

<script>

var bangaloreData = {
    label: 'Bangalore',
    data: {{ bang }},
    backgroundColor: 'rgba(0, 99, 132, 0.6)',
    borderWidth: 0,
    yAxisID: "y-axis-density"
};

var siteData = {
          labels: {{ date|safe }},
          datasets: bangaloreData
};


var densityCanvas = document.getElementById("densityChart");
var ctx = densityCanvas.getContext("2d");

var chartOptions = {
  responsive: false,
  maintainAspectRatio: true,
  scales: {
    xAxes: [{
      stacked: false,
      barPercentage: 1,
      categoryPercentage: 0.6,
    }],
    yAxes: [{
      stacked: false,
      id: "y-axis-density",
    }]
  }
};


var barChart = new Chart (densityCanvas, {
    type: 'line',
    data: siteData,
    options: chartOptions
});