AngularJS empty fiddle
AngularJS empty fiddle
HTML
<div ng-app="myApp" ng-controller="Ctrl">
<script type="text/ng-template" id="foo.html">
<!-- Google Code for foody150617101430 Conversion Page -->
<script type = "text/javascript" >
/ <![CDATA[ /
var google_conversion_id = 947756164;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "0000ff";
var google_conversion_label = "LV8TCMPk1l0QhLn2wwM";
var google_conversion_value = 1.00;
var google_conversion_currency = "USD";
var google_remarketing_only = false;
/ ]]> /
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/947756164/?value=1.00&currency_code=USD&label=LV8TCMPk1l0QhLn2wwM&guid=ON&script=0" />
</div>
</noscript>
</script>
<ng-include src="'foo.html'"></ng-include>
</div>
JavaScript
var app = angular.module('myApp', []);
app.controller('Ctrl', ['$scope', function ($scope) {
var $this = this;
var seriesOptions = [];
$scope.sitesData = [
{
"name" : "site1",
"phaseA" : "500",
"phaseB" : "600",
"phaseC" : "700",
},
{
"name" : "site2",
"phaseA" : "400",
"phaseB" : "500",
"phaseC" : "600",
},
{
"name" : "site3",
"phaseA" : "600",
"phaseB" : "700",
"phaseC" : "800",
}
];
names = ["phaseA", "phaseB", "phaseC"];
colors: ['#7cb5ec','#434348','#90ed7d'];
processData($scope.sitesData);
renderChart();
function processData(data){
var points = data;
tempData =[];
tempData["phaseA"] = [];
tempData["phaseB"] = [];
tempData["phaseC"] = [];
tempData["sites"] = [];
angular.forEach(points, function(point, i) {
angular.forEach(names, function(phase, i){
tempData[phase].push(point[phase]);
})
tempData['sites'].push(point.name);
});
}
function renderChart(){
console.log(tempData);
}
}]);