--- dao/DaoAdresseService/src/main/webapp/admin.jsp 2015/07/22 12:59:39 2635 +++ dao/DaoAdresseService/src/main/webapp/admin.jsp 2015/07/23 07:31:35 2636 @@ -44,6 +44,70 @@ $("#dbProbeContent").load("DbConnectionProbe"); }); + var options = { + //Boolean - Whether we should show a stroke on each segment + segmentShowStroke : true, + + //String - The colour of each segment stroke + segmentStrokeColor : "#fff", + + //Number - The width of each segment stroke + segmentStrokeWidth : 2, + + //Number - The percentage of the chart that we cut out of the middle + percentageInnerCutout : 50, // This is 0 for Pie charts + + //Number - Amount of animation steps + animationSteps : 10, + + //String - Animation easing effect + animationEasing : "easeOutBounce", + + //Boolean - Whether we animate the rotation of the Doughnut + animateRotate : true, + + //Boolean - Whether we animate scaling the Doughnut from the centre + animateScale : false, + + }; + + + if ( "" != "") { + var data = [ + { + value: , + color: "#46BFBD", //grøn + highlight: "#5AD3D1", + + label: "Direkte" + }, + { + value: , + color: "#FDB45C", //gul + highlight: "#FFC870", + label: "Udvidet" + }, + { + value: , + color: "#949FB1", //grey + highlight: "#A8B3C5", + label: "100%" + } + , + { + value: , + color:"#F7464A", //rød + highlight: "#FF5A5E", + label: "Ikke dækket" + } + ] + + // Get context with jQuery - using jQuery's .get() method. + var ctx = $("#myChart").get(0).getContext("2d"); + // This will get the first returned node in the jQuery collection. + var myNewChart = new Chart(ctx).Pie(data,options); + + } @@ -88,6 +152,8 @@ + +