时间戳

首页 > 解决方案 > 图表js不显示图表

javascript - 图表js不显示图表

问题描述

我使用图表 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>

标签： javascripthtmlchart.js

解决方案

值非常接近，试试：

beginAtZero:false

推荐阅读