angularjs - Morris Chart with angular and dynamic data -

-

i need area chart using angular directive , data fetched database problem after fetching data ,chart not appear , when use static data chart appears fine.and chart update after 10 seconds requirement.

 var myapp=angular.module('myapp',['ngroute']);         myapp.controller('graphcontroller',         function(datafactory,$scope,$http,$timeout){              var getdata=function() {                 datafactory.httprequest('/graph').then(function (data) {                     console.log(json.stringify(data));                     $scope.mymodel=json.stringify(data);                      $timeout(getdata, 1000);                  });              }             $scope.xkey = 'id';             $scope.ykeys = ['id',     'value'];             $scope.labels = ['id', 'value'];             $timeout(getdata, 1000);              /*  static data , when these static data use in getdata function ,it didnot work.            $scope.mymodel = [                         {"id":21,"yr":2000,"value":80},                         {"id":1,"yr":2001,"value":5},                         {"id":2,"yr":2002,"value":6},                         {"id":3,"yr":2003,"value":17},                         {"id":4,"yr":2004,"value":5},                         {"id":5,"yr":2005,"value":22},{"id":7,"yr":2006,"value":41},                         {"id":9,"yr":2007,"value":11},{"id":10,"yr":2008,"value":33},                         {"id":8,"yr":2009,"value":77},{"id":6,"yr":2010,"value":55},                         {"id":11,"yr":2011,"value":55},{"id":12,"yr":2012,"value":66},                         {"id":13,"yr":2013,"value":77},{"id":14,"yr":2014,"value":50},                         {"id":15,"yr":2015,"value":22},{"id":16,"yr":2016,"value":77},                         {"id":17,"yr":2017,"value":41},{"id":18,"yr":2018,"value":20},                         {"id":19,"yr":2019,"value":9},{"id":20,"yr":2020,"value":2},                         {"id":23,"yr":2022,"value":1}                     ];*/           });          myapp.directive('areachart',function(){ //directive name must in small letters             return {                 // required make work element                 restrict: 'e',                 template: '<div></div>',                 replace: true,                 link:function($scope,element,attrs)                 {                     var data=$scope[attrs.data],                         xkey=$scope[attrs.xkey],                         ykeys=$scope[attrs.ykeys],                         labels=$scope[attrs.labels];                     morris.area({                         element:element,//element means id #                         data:data,                         xkey:xkey,                         ykeys:ykeys,                         labels:labels,                         parsetime: false,                         ymax:120,//max. bound y-values                         linecolors: ['#0b62a4', '#d58665'],//array containing colors series lines/points.                         smooth: true,//set false disable line smoothing.                         hidehover: 'auto',//set false show hover legend.                         pointsize: 4,//diameter of series points, in pixels.s                         axes:true,//set false disable drawing x , y axes.                         resize: true,//set true enable automatic resizing when containing element resizes                         fillopacity:1.0,//change opacity of area fill colour. accepts values between 0.0 (for transparent) , 1.0 (for opaque).                         grid:true,//set false disable drawing horizontal grid lines.                      });                 }             }         })

html page

<body ng-app="myapp">         <div ng-controller="graphcontroller">             <areachart xkey="xkey" ykeys="ykeys" labels="labels" data="mymodel"></areachart>         </div> </body>

try $scope.mymodel=json.parse(data); insted of $scope.mymodel=json.stringify(data);


Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more