This example demonstrates how to display data from a data source in dxPieChart created using the AngularJS approach.
See also:
Configure Widget - Angular Approach
dxPieChart API
Create a Widget - AngularJS Approach
Question Comments
Added By: Deepak Raj 1 at: 9/17/2014 4:31:35 PM
This solutions works in dxchart Version 13 but doesn't work in version 14. Can someone help me with this issue?
Thanks,
Deepak
Hello Deepak,
To process your recent post more efficiently, I created a separate ticket on your behalf: T152425: The E5082 example does not work with 14.1. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
I used in Ionic Framework for mobile bootstrapping and the code as below:
exampleApp.controller("MyCtrl", function($scope, $http, $q) {
$scope.chartSettings = {
dataSource: new DevExpress.data.DataSource({
load: function () {
var def = $.Deferred();
//$http({ method: 'GET', url: 'http://sampleservices.devexpress.com/api/Categories'; }).success(function (data) {
$http({ method: 'GET', url: 'http://xxx.xxx.xxx.xxx/api/Sales'; }).success(function (data) {
def.resolve(data);
});
return def.promise();
}
}),
series: {
argumentField: 'Outlet',
valueField: 'Sales',
name: 'Sales',
type: 'bar',
color: '#ffa500'
});
};
};
But nothing happens.
And the following code is at the 1st line of the app.js,
var exampleApp = angular.module('starter', ['ionic', 'ngCordova', 'dx'])
Added By: Marion (DevExpress Support) at: 9/30/2014 2:48:47 AMHello,
To process your recent post more efficiently, I created a separate ticket on your behalf: T156172: ow to create dxChart using the AngularJS approach. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.