dongyou9818 2016-09-28 04:37
浏览 79
已采纳

如何使用数据库数据在angularjs中创建图表?

I am trying to creating a Bar chart.I'm using this bar chart as a reference Here. this is my HTML part..

<body ng-app="app">
   <div ng-controller="BarCtrl">
     <canvas id="bar" class="chart chart-bar" width=100% height=25
     chart-data="data" chart-labels="labels" chart-series="series"></canvas>
   </div>

And this is my angularjs part...

<script>
angular.module("app",["chart.js"]).controller("BarCtrl", function ($http,$scope) {
  $http.get("../widget/stock_details.php").success(function(data){
            $scope.data=data;
            //$scope.tqnt=data.tqnt;
            //$scope.old_quantity=data.old_quantity;

  $scope.labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul','Aug','Sep'];
  $scope.series = ['Series A', 'Series B'];


  $scope.data = [65, 59, 80, 81, 56, 55, 40],
                [28, 48, 40, 19, 86, 27, 90];
});
  }); 

If I want my database data in $scope.data and $scope.labels then what should I do?I'd try this $scope.data = [ [data[0],data[2],data[4],data[6]] , [data[1],data[3],data[5]] ]; but this is not a good way so what it could be?

php file is..

<?php
include('connection.php');
$er=new Connect();
$er->__construct();

    $data=array();

    $selct=mysql_query("SELECT * FROM  stock");

        while($row=mysql_fetch_array($selct))
        {
             $data[]=$row['total_qnt'];
            $data[]=$row['old_quantity'];
          $data[]=$row['stock_date];
        }

echo json_encode($data);
?>
  • 写回答

1条回答 默认 最新

  • doulu1914 2016-09-28 04:51
    关注

    What you need to do is:-

    change while part like below:-

    $data[0][]=$row['total_qnt']; $data[1][]=$row['old_quantity'];

    then parse this json encoded data to array into your javascript code and pass to $scope.data.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)
  • ¥15 AIC3204的示例代码有吗,想用AIC3204测量血氧,找不到相关的代码。