如何在ChartJS上指定X轴比例[使用sql]

时间:2019-04-18 19:45:05

标签: javascript chart.js

我无法在条形图上指定X轴比例。这是我的x轴图像(我正在使用SQL)

enter image description here

这是我的app.js代码:

$(document).ready(function(){
  $.ajax({
    url: "http://localhost/chartjs/data.php",
    method: "GET",
    success: function(data) {
      console.log(data);
      var student = [];
      var gpa = [];

      for(var i in data) {
        student.push("student ID " + data[i].studentid);
        gpa.push(data[i].gpa_all);
      }

      var chartdata = {
        labels: student,
        datasets : [
          {
            label: 'GPA',
            backgroundColor: 'rgba(200, 200, 200, 0.75)',
            borderColor: 'rgba(200, 200, 200, 0.75)',
            hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
            hoverBorderColor: 'rgba(200, 200, 200, 1)',
            data: gpa //*
          }
        ]
      };

      var ctx = $("#mycanvas");

      var barGraph = new Chart(ctx, {
        type: 'bar',
        data: chartdata
      });
    },
    error: function(data) {
      console.log(data);
    }
  });
});

我想指定从04的x轴。

0 个答案:

没有答案