图表js不显示图形

Question

我使用chart js来显示我的图表，但它不显示...我试着在jsfiddle中检查它，它在那里工作，但在我的网站上它实际上不工作。chart.js的源码是正确嵌入的，所以我不知道是什么原因导致的错误。

jsfiddle链接

我的代码。

var diemeltalsperrectx = document.getElementById('diemeltalsperre').getContext('2d');
var diemeltalsperre = new Chart(diemeltalsperrectx, {
  type: 'line',
  data: {
    labels: [
      '08.05.2020 - 18:15:00',
      '09.05.2020 - 01:00:00',
      '09.05.2020 - 06:15:00',
      '09.05.2020 - 18:15:00',
      '10.05.2020 - 01:00:00',
      '10.05.2020 - 06:15:00',
    ],
    datasets: [{
      fill: true,
      label: 'Pegelstand (cm)',
      data: [
        374.91,
        374.9,
        374.9,
        374.87,
        374.87,
        374.84,
      ],
      backgroundColor: [
        'rgba(0,0,128, 1)'
      ],
      borderColor: [
        'rgba(0,0,128, 1)'
      ],
      borderWidth: 3
    }]
  },
  options: {
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.js"></script>
<canvas id='diemeltalsperre' width='800' height='400'></canvas>

Answer 1

数值非常接近，试试用。

beginAtZero:false