Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用chart.js时出错_Javascript_Jquery_Canvas_Charts - Fatal编程技术网

Javascript 使用chart.js时出错

Javascript 使用chart.js时出错,javascript,jquery,canvas,charts,Javascript,Jquery,Canvas,Charts,所以我有一个代码,看起来是这样的: <head> <script type="text/javascript" src="jquery-2.0.3.min.js"></script> <script src="Chart.js"></script> <script type="text/javascript"> $(function() { var a = 0, b = 0, c = 0, d = 0,

所以我有一个代码,看起来是这样的:

<head>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>

<script src="Chart.js"></script>

<script type="text/javascript">

$(function() {
  var a = 0,
  b = 0,
  c = 0,
  d = 0,
  e = 0,
  timeCff = 0,  //Firefox
  timeSff = 0,
  timeCop = 0,  //Opera
  timeSop = 0,
 $.get('test1.csv').done(function(data) {
  var i, 
      lines = data.split(/\r\n|\n/),
      line = lines[0].split(','),
      oS = line.indexOf('oS'),
      browName = line.indexOf('browName'),
      browVer = line.indexOf('browVer'),
      timeCanvas = line.indexOf('timeCanvas'),
      timeSvg = line.indexOf('timeSvg');
  for(i=1; i<lines.length; i++) {
      line = lines[i].split(',');
      if(line[browName] === 'Firefox') {
          a++;
          timeCff += parseFloat(line[timeCanvas], 10);
          timeSff += parseFloat(line[timeSvg], 10);
      }else if(line[browName] === 'Opera') {
          b++;
          timeCop += parseFloat(line[timeCanvas], 10);
          timeSop += parseFloat(line[timeSvg], 10);
      }
  }
  var ctx = document.getElementById("myChart").getContext("2d");
  var myNewChart = new Chart(ctx).Bar(data);
      var data = {
  labels : ["January","February","March","April","May","June","July"],
  datasets : [
    {
        fillColor : "rgba(220,220,220,0.5)",
        strokeColor : "rgba(220,220,220,1)",
        data : [65,59,90,81,56,55,40]
    },
    {
        fillColor : "rgba(151,187,205,0.5)",
        strokeColor : "rgba(151,187,205,1)",
        data : [28,48,40,19,96,27,100]
    }
]
}
  });
});

</script>
</head>

    <canvas id="myChart" width="400" height="400"></canvas>

</body>

错误来自Char.js文件脚本,但一定是因为我的实现不好,因为当我尝试在空白页面上使用它时(没有其他函数),并没有错误,我看到了图表。我做错了什么???

在if用于创建图表后,您正在声明
数据,请按以下顺序尝试:

var data = {...}; //first initialize your data
var myNewChart = new Chart(ctx).Bar(data); //then use it

所以没有人知道错误在哪里,或者我问错了问题??
var data = {...}; //first initialize your data
var myNewChart = new Chart(ctx).Bar(data); //then use it