Highcharts bar chart alignment
by Sajeetharan Sinnathurai
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="https://rawgithub.com/pablojim/highcharts-ng/master/src/highcharts-ng.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<h2>Highcharts-ng example</h2>
<div ng-app="myapp">
<div ng-controller="myctrl">
<div class="row">
<div class="span9">
<div class="row">
<highchart id="chart1" config="chartConfig" class="span9"></highchart>
</div>
</div>
</div>
</div>
JavaScript
var myapp = angular.module('myapp', ["highcharts-ng"]);
myapp.controller('myctrl', function($scope) {
$scope.newarray = [{
"prod.digin.io": {
"2016-09-30": {
"232d2f787798dda9383f01867d9e4add": {
"totalBytesBilled": 52428800,
"totalBytesProcessed": 9003,
"download_bq": 64658
}
},
"2016-10-10": {
"232d2f787798dda9383f01867d9e4add": {
"totalBytesBilled": 56623104,
"totalBytesProcessed": 34787160,
"download_bq": 31132
}
},
"2016-10-08": {
"232d2f787798dda9383f01867d9e4add": {
"upload_size_bq": 66316077,
"storage_bq": 3009025,
"totalBytesBilled": 20971520,
"totalBytesProcessed": 846566,
"download_bq": 146806
}
},
"2016-10-09": {
"232d2f787798dda9383f01867d9e4add": {
"storage_bq": 0,
"upload_size_bq": 7368453
}
},
"2016-10-06": {
"232d2f787798dda9383f01867d9e4add": {
"storage_bq": 0,
"upload_size_bq": 36842265
}
},
"2016-10-07": {
"232d2f787798dda9383f01867d9e4add": {
"storage_bq": 0,
"upload_size_bq": 7368453
}
},
"2016-10-02": {
"232d2f787798dda9383f01867d9e4add": {
"totalBytesBilled": 73400320,
"totalBytesProcessed": 6109,
"download_bq": 33807
}
},
"2016-10-03": {
"232d2f787798dda9383f01867d9e4add": {
"totalBytesBilled": 125829120,
"totalBytesProcessed": 12483771,
"download_bq": 97083
}
},
"2016-10-12": {
"232d2f787798dda9383f01867d9e4add": {
"totalBytesBilled": 54525952,
"totalBytesProcessed": 38077560,
"download_bq": 4145
}
}
}
}];
$scope.usageDetails = $scope.newarray;
$scope.usageDet = $scope.usageDetails[$scope.domain][$scope.UserID];
...