Javascript chart.js typeError t未定义且未捕获typeError:无法读取属性';fontSize';未定义的
我在我的网站上运行chart.js时遇到了问题,独立的html版本在localhost和webserver上对我来说都很好,但是当我把它放在我的网站上时,它会标记以下错误Javascript chart.js typeError t未定义且未捕获typeError:无法读取属性';fontSize';未定义的,javascript,charts,chart.js,chart.js2,Javascript,Charts,Chart.js,Chart.js2,我在我的网站上运行chart.js时遇到了问题,独立的html版本在localhost和webserver上对我来说都很好,但是当我把它放在我的网站上时,它会标记以下错误 Uncaught TypeError: Cannot read property 'fontSize' of undefined at Object._parseFont (chart.js@2.8.0:7) at i.fit (chart.js@2.8.0:7) at i.update (chart.
Uncaught TypeError: Cannot read property 'fontSize' of undefined
at Object._parseFont (chart.js@2.8.0:7)
at i.fit (chart.js@2.8.0:7)
at i.update (chart.js@2.8.0:7)
at chart.js@2.8.0:7
at Object.each (chart.js@2.8.0:7)
at Object.update (chart.js@2.8.0:7)
at ni.updateLayout (chart.js@2.8.0:7)
at ni.update (chart.js@2.8.0:7)
at i.<anonymous> (chartjs-plugin-datasource@0.1.0:7)
at XMLHttpRequest.n.onreadystatechange (chartjs-plugin-datasource@0.1.0:7)
_parseFont @ chart.js@2.8.0:7
fit @ chart.js@2.8.0:7
update @ chart.js@2.8.0:7
(anonymous) @ chart.js@2.8.0:7
each @ chart.js@2.8.0:7
update @ chart.js@2.8.0:7
updateLayout @ chart.js@2.8.0:7
update @ chart.js@2.8.0:7
(anonymous) @ chartjs-plugin-datasource@0.1.0:7
n.onreadystatechange @ chartjs-plugin-datasource@0.1.0:7
XMLHttpRequest.send (async)
request @ chartjs-plugin-datasource@0.1.0:7
beforeUpdate @ chartjs-plugin-datasource@0.1.0:7
notify @ chart.js@2.8.0:7
update @ chart.js@2.8.0:7
construct @ chart.js@2.8.0:7
ni @ chart.js@2.8.0:7
window.onload @ chart1.js:90
load (async)
(anonymous) @ chart1.js:88
我的html在一个div中
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="chart">
<canvas id="myChart"></canvas>
</div>
</div>
</div>
<script src="custom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"></script>
<script src="chart1.js" type="text/javascript"></script>
</body>
</html>
我尝试了不同版本的chart.js,所有版本都给出了相同的错误,堆栈中有许多问题与相同的错误有关,我尝试了所有版本,但没有一个有效,因此发布了指南 您能创建一个JSFIDLE复制您的问题吗?感谢Prince的回复,我将创建一个FIDLE并很快与大家分享。
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="chart">
<canvas id="myChart"></canvas>
</div>
</div>
</div>
<script src="custom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"></script>
<script src="chart1.js" type="text/javascript"></script>
</body>
</html>