Olá, gostaria auxilio no seguinte, tenho um gráfico do amChart que desejo exibir após um determinado retorno via http.get. Estou solicitando os dados com um $http.get e atribuindo o resultado para ele, mas o gráfico não é atualizado.
De que maneira consigo efetuar um reload no gráfico? Demo: https://jsfiddle.net/xmeyLtyv/ <script src="https://www.amcharts.com/lib/3/amcharts.js";></script> <script src="https://www.amcharts.com/lib/3/serial.js";></script> <script src="https://code.angularjs.org/1.5.9/angular.min.js";></script> <script src="https://rawgit.com/ThumbsAlmighty/amCharts-Angular/master/dist/amChartsDirective.js";></script> <div ng-app="myApp" ng-controller="myCtrl"> <div style="height: 300px; width: 400px;"> <am-chart id="chart" options="amChart"></am-chart> </div> </div> var app = angular.module('myApp', ['amChartsDirective']); app.controller('myCtrl', function($scope,$http,$timeout) { function getDataJSON(){ return { data: [{ year: 2007, income: 30.1, expenses: 23.9 }, { year: 2008, income: 29.5, expenses: 25.1 }], type: "serial", categoryField: "year", categoryAxis: { gridPosition: "start",parseDates: false }, valueAxes: [{ position: "top", title: "Million USD" }], graphs: [{ type: "column", fillAlphas: 1 }] }; }; $scope.amChart = ''; $http({ url: 'https://apps.widenet.com.br/busca-cep/api/cep/06233-030.json', method: 'GET' }) .then(function successCallback(response) { console.log('return: '+response.data.city); $scope.amChartOnLine = getDataJSON(); $timeout( function(){ $scope.$apply(); console.log('apply..'); }, 100); console.log('Display graph ?'); }); }); console.log('finish.'); -- You received this message because you are subscribed to the Google Groups "Angular" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
