我只是试图使用RGraph生成图表,以便可以开始使用SQL来操作图表。但是,我遇到的问题是它根本没有显示基本图形。有人知道我在哪里错吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Charts</title>
<script src="JAVASCRIPT/RGraph.common.core.js"></script>
<script src="JAVASCRIPT/RGraph.bar.js"></script>
</head>
<body>
<canvas id="cvs1" width="600" height="250">[No canvas support]</canvas>
<script>
window.onload = function ()
{
var bar = new RGraph.Bar({
id:'cvs1',
data: [4,5,3,8,4,9,6,5,3],
options: {
backgroundGridDashed: true,
labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim', 'Pete', 'Lou', 'Fred', 'Jobe'],
title: 'A dashed background grid',
strokestyle: 'rgba(0,0,0,0)',
textAccessible: true
}
}).draw();
};
</script>
</body>
</html>
浏览器错误
未捕获的TypeError:无法读取null的属性'getContext'
RGraph.Bar @ RGraph.bar.js:28
window.onload @ Charts.php:17
最佳答案
我测试了您的代码。它没什么问题,但是它似乎很大程度上取决于您所使用的RGraph版本。尝试下载the latest version of RGraph并将“库”下的内容(或仅需要的两个文件)提取到“ JAVASCRIPT”文件夹中。