实现MySQL / PHP到chartjs

时间:2017-02-06 14:22:13

标签: javascript mysql angularjs chart.js

我在这件事上看到了几个问题,到目前为止,没有一个“已解决”对我有帮助。

这是我目前的代码。我试图改变和调整MySQL / PHP的实现,但没有运气。提前感谢任何帮助!

原始controllers.js

function MainCtrl($http){
this.barData = {
    labels: ["January","February","March","April","May","June","July"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(26,179,148,0.5)",
            strokeColor: "rgba(26,179,148,0.8)",
            highlightFill: "rgba(26,179,148,0.75)",
            highlightStroke: "rgba(26,179,148,1)",
            data: [28, 48, 40, 19, 86, 27, 90]
        }
    ]

  };
};

我当前的controllers.js(不工作)

function MainCtrl($http){

$(document).ready(function(){
         var charDataSql = '';
     $.ajax({
         url: 'http://localhost/js/chart_data.php',
         type: 'GET',
         success: function(data) {
             charDataSql = data;
this.barData = {
    labels: charDataSql,
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(26,179,148,0.5)",
            strokeColor: "rgba(26,179,148,0.8)",
            highlightFill: "rgba(26,179,148,0.75)",
            highlightStroke: "rgba(26,179,148,1)",
            data: [28, 48, 40, 19, 86, 27, 90]
        }
    ]

  };
      }   
  });
  });
};

chart_data.php输出为json_encode

["January","February","March","April","May","June","July"]

0 个答案:

没有答案