Question

我只是尝试使用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

Answer 1

我测试了你的代码。它没有错，但它似乎非常依赖于你正在使用的RGraph版本。尝试下载the latest version of RGraph并将“libraries”下的内容（或仅需要的两个文件）解压缩到“JAVASCRIPT”文件夹。

Answer 2

这是一些更新后的代码（自询问以来，一些属性名称已更改）。

bar = new RGraph.Bar({
     id:'cvs1',
     data: [4,5,3,8,4,9,6,5,3],
     options: {
         backgroundGridDashed: true,
         xaxisLabels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim', 'Pete', 'Lou', 'Fred', 'Jobe'],
         title: 'A dashed background grid',
         colorsStroke: 'transparent'
         // textAccessible: true // Defaults to true anyway
     }
 }).draw();

RGraph没有显示任何内容？

2 个答案: