使用带有angularjs的图表

Question

I'm in a php project which need to show the chart. I intend to use Morrisjs to show which use Jquery. But I find out the angularjs is more interesting. Is there person can show me how can I use chart on angularjs with Ajax with data from php return.

Answer 1

First you have to create a service to get your data.

Take a look at this plnkr http://plnkr.co/edit/KbBg67

    $http.get('posts.json').success(function(data) {

instead of posts.json get your data

Below that you can see how we push the data to an array, the file is well commented.

And now, from a controller you can access that said data.

Now you have to create a directive to render the charts.

Here is a really good example that could be adapted to what you want. http://eric-schaefer.com/blog/2013/07/26/rendering-flot-charts-through-angular-js/