我只是试图使用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”文件夹中。

08-03 15:08