function chartJsCtrl() {

    /**
     * Data for Polar chart
     */
    this.polarData = [
        {
            value: 300,
            color:"#a3e1d4",
            highlight: "#1ab394",
            label: "App"
        },
        {
            value: 140,
            color: "#dedede",
            highlight: "#1ab394",
            label: "Software"
        },
        {
            value: 200,
            color: "#A4CEE8",
            highlight: "#1ab394",
            label: "Laptop"
        }
    ];

    /**
     * Options for Polar chart
     */
    this.polarOptions = {
        scaleShowLabelBackdrop : true,
        scaleBackdropColor : "rgba(255,255,255,0.75)",
        scaleBeginAtZero : true,
        scaleBackdropPaddingY : 1,
        scaleBackdropPaddingX : 1,
        scaleShowLine : true,
        segmentShowStroke : true,
        segmentStrokeColor : "#fff",
        segmentStrokeWidth : 2,
        animationSteps : 100,
        animationEasing : "easeOutBounce",
        animateRotate : true,
        animateScale : false
    };

    /**
     * Data for Doughnut chart
     */
    this.doughnutData = [
        {
            value: 300,
            color:"#a3e1d4",
            highlight: "#1ab394",
            label: "App"
        },
        {
            value: 50,
            color: "#dedede",
            highlight: "#1ab394",
            label: "Software"
        },
        {
            value: 100,
            color: "#A4CEE8",
            highlight: "#1ab394",
            label: "Laptop"
        }
    ];

    /**
     * Options for Doughnut chart
     */
    this.doughnutOptions = {
        segmentShowStroke : true,
        segmentStrokeColor : "#fff",
        segmentStrokeWidth : 2,
        percentageInnerCutout : 45, // This is 0 for Pie charts
        animationSteps : 100,
        animationEasing : "easeOutBounce",
        animateRotate : true,
        animateScale : false
    };

    /**
     * Data for Line chart
     */
    this.lineData = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "Example dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 80, 81, 56, 55, 40]
            },
            {
                label: "Example dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.7)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(26,179,148,1)",
                data: [28, 48, 40, 19, 86, 27, 90]
            }
        ]
    };

    this.lineDataDashboard4 = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "Example dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 40, 51, 36, 25, 40]
            },
            {
                label: "Example dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.7)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(26,179,148,1)",
                data: [48, 48, 60, 39, 56, 37, 30]
            }
        ]
    };

    /**
     * Options for Line chart
     */
    this.lineOptions = {
        scaleShowGridLines : true,
        scaleGridLineColor : "rgba(0,0,0,.05)",
        scaleGridLineWidth : 1,
        bezierCurve : true,
        bezierCurveTension : 0.4,
        pointDot : true,
        pointDotRadius : 4,
        pointDotStrokeWidth : 1,
        pointHitDetectionRadius : 20,
        datasetStroke : true,
        datasetStrokeWidth : 2,
        datasetFill : true
    };

    /**
     * Options for Bar chart
     */
    this.barOptions = {
        scaleBeginAtZero : true,
        scaleShowGridLines : true,
        scaleGridLineColor : "rgba(0,0,0,.05)",
        scaleGridLineWidth : 1,
        barShowStroke : true,
        barStrokeWidth : 2,
        barValueSpacing : 5,
        barDatasetSpacing : 1
};

    /**
     * Data for Bar chart
     */
    this.barData = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "My First dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,0.8)",
                highlightFill: "rgba(220,220,220,0.75)",
                highlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 80, 81, 56, 55, 40]
            },
            {
                label: "My Second dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.8)",
                highlightFill: "rgba(26,179,148,0.75)",
                highlightStroke: "rgba(26,179,148,1)",
                data: [28, 48, 40, 19, 86, 27, 90]
            }
        ]
    };

    /**
     * Data for Radar chart
     */
    this.radarData = {
        labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
        datasets: [
            {
                label: "My First dataset",
                fillColor: "rgba(220,220,220,0.2)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 90, 81, 56, 55, 40]
            },
            {
                label: "My Second dataset",
                fillColor: "rgba(26,179,148,0.2)",
                strokeColor: "rgba(26,179,148,1)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(151,187,205,1)",
                data: [28, 48, 40, 19, 96, 27, 100]
            }
        ]
    };

    /**
     * Options for Radar chart
     */
    this.radarOptions = {
        scaleShowLine : true,
        angleShowLineOut : true,
        scaleShowLabels : false,
        scaleBeginAtZero : true,
        angleLineColor : "rgba(0,0,0,.1)",
        angleLineWidth : 1,
        pointLabelFontFamily : "'Arial'",
        pointLabelFontStyle : "normal",
        pointLabelFontSize : 10,
        pointLabelFontColor : "#666",
        pointDot : true,
        pointDotRadius : 3,
        pointDotStrokeWidth : 1,
        pointHitDetectionRadius : 20,
        datasetStroke : true,
        datasetStrokeWidth : 2,
        datasetFill : true
    };


}
/**
 * chartJsCtrl - Controller for data for ChartJs plugin
 * used in Chart.js view
 */
Controller for data for ChartJs plugin
used in Chart.js view
Controller for data for ChartJs plugin used in Chart . js view
function chartJsCtrl() {
    this.polarData = [
        {
            value: 300,
            color:"#a3e1d4",
            highlight: "#1ab394",
            label: "App"
        },
        {
            value: 140,
            color: "#dedede",
            highlight: "#1ab394",
            label: "Software"
        },
        {
            value: 200,
            color: "#A4CEE8",
            highlight: "#1ab394",
            label: "Laptop"
        }
    ];
    this.polarOptions = {
        scaleShowLabelBackdrop : true,
        scaleBackdropColor : "rgba(255,255,255,0.75)",
        scaleBeginAtZero : true,
        scaleBackdropPaddingY : 1,
        scaleBackdropPaddingX : 1,
        scaleShowLine : true,
        segmentShowStroke : true,
        segmentStrokeColor : "#fff",
        segmentStrokeWidth : 2,
        animationSteps : 100,
        animationEasing : "easeOutBounce",
        animateRotate : true,
        animateScale : false
    };
    this.doughnutData = [
        {
            value: 300,
            color:"#a3e1d4",
            highlight: "#1ab394",
            label: "App"
        },
        {
            value: 50,
            color: "#dedede",
            highlight: "#1ab394",
            label: "Software"
        },
        {
            value: 100,
            color: "#A4CEE8",
            highlight: "#1ab394",
            label: "Laptop"
        }
    ];
    this.doughnutOptions = {
        segmentShowStroke : true,
        segmentStrokeColor : "#fff",
        segmentStrokeWidth : 2,
        percentageInnerCutout : 45, 
        animationSteps : 100,
        animationEasing : "easeOutBounce",
        animateRotate : true,
        animateScale : false
    };
    this.lineData = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "Example dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 80, 81, 56, 55, 40]
            },
            {
                label: "Example dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.7)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(26,179,148,1)",
                data: [28, 48, 40, 19, 86, 27, 90]
            }
        ]
    };
    this.lineDataDashboard4 = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "Example dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 40, 51, 36, 25, 40]
            },
            {
                label: "Example dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.7)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(26,179,148,1)",
                data: [48, 48, 60, 39, 56, 37, 30]
            }
        ]
    };
    this.lineOptions = {
        scaleShowGridLines : true,
        scaleGridLineColor : "rgba(0,0,0,.05)",
        scaleGridLineWidth : 1,
        bezierCurve : true,
        bezierCurveTension : 0.4,
        pointDot : true,
        pointDotRadius : 4,
        pointDotStrokeWidth : 1,
        pointHitDetectionRadius : 20,
        datasetStroke : true,
        datasetStrokeWidth : 2,
        datasetFill : true
    };
    this.barOptions = {
        scaleBeginAtZero : true,
        scaleShowGridLines : true,
        scaleGridLineColor : "rgba(0,0,0,.05)",
        scaleGridLineWidth : 1,
        barShowStroke : true,
        barStrokeWidth : 2,
        barValueSpacing : 5,
        barDatasetSpacing : 1
};
    this.barData = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "My First dataset",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,0.8)",
                highlightFill: "rgba(220,220,220,0.75)",
                highlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 80, 81, 56, 55, 40]
            },
            {
                label: "My Second dataset",
                fillColor: "rgba(26,179,148,0.5)",
                strokeColor: "rgba(26,179,148,0.8)",
                highlightFill: "rgba(26,179,148,0.75)",
                highlightStroke: "rgba(26,179,148,1)",
                data: [28, 48, 40, 19, 86, 27, 90]
            }
        ]
    };
    this.radarData = {
        labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
        datasets: [
            {
                label: "My First dataset",
                fillColor: "rgba(220,220,220,0.2)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 90, 81, 56, 55, 40]
            },
            {
                label: "My Second dataset",
                fillColor: "rgba(26,179,148,0.2)",
                strokeColor: "rgba(26,179,148,1)",
                pointColor: "rgba(26,179,148,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(151,187,205,1)",
                data: [28, 48, 40, 19, 96, 27, 100]
            }
        ]
    };
    this.radarOptions = {
        scaleShowLine : true,
        angleShowLineOut : true,
        scaleShowLabels : false,
        scaleBeginAtZero : true,
        angleLineColor : "rgba(0,0,0,.1)",
        angleLineWidth : 1,
        pointLabelFontFamily : "'Arial'",
        pointLabelFontStyle : "normal",
        pointLabelFontSize : 10,
        pointLabelFontColor : "#666",
        pointDot : true,
        pointDotRadius : 3,
        pointDotStrokeWidth : 1,
        pointHitDetectionRadius : 20,
        datasetStroke : true,
        datasetStrokeWidth : 2,
        datasetFill : true
    };
}
function chartJsCtrl ( ) { this . polarData = [ { value : 300 , color : "#a3e1d4" , highlight : "#1ab394" , label : "App" } , { value : 140 , color : "#dedede" , highlight : "#1ab394" , label : "Software" } , { value : 200 , color : "#A4CEE8" , highlight : "#1ab394" , label : "Laptop" } ] ; this . polarOptions = { scaleShowLabelBackdrop : true , scaleBackdropColor : "rgba(255,255,255,0.75)" , scaleBeginAtZero : true , scaleBackdropPaddingY : 1 , scaleBackdropPaddingX : 1 , scaleShowLine : true , segmentShowStroke : true , segmentStrokeColor : "#fff" , segmentStrokeWidth : 2 , animationSteps : 100 , animationEasing : "easeOutBounce" , animateRotate : true , animateScale : false } ; this . doughnutData = [ { value : 300 , color : "#a3e1d4" , highlight : "#1ab394" , label : "App" } , { value : 50 , color : "#dedede" , highlight : "#1ab394" , label : "Software" } , { value : 100 , color : "#A4CEE8" , highlight : "#1ab394" , label : "Laptop" } ] ; this . doughnutOptions = { segmentShowStroke : true , segmentStrokeColor : "#fff" , segmentStrokeWidth : 2 , percentageInnerCutout : 45 , animationSteps : 100 , animationEasing : "easeOutBounce" , animateRotate : true , animateScale : false } ; this . lineData = { labels : [ "January" , "February" , "March" , "April" , "May" , "June" , "July" ] , datasets : [ { label : "Example dataset" , fillColor : "rgba(220,220,220,0.5)" , strokeColor : "rgba(220,220,220,1)" , pointColor : "rgba(220,220,220,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(220,220,220,1)" , data : [ 65 , 59 , 80 , 81 , 56 , 55 , 40 ] } , { label : "Example dataset" , fillColor : "rgba(26,179,148,0.5)" , strokeColor : "rgba(26,179,148,0.7)" , pointColor : "rgba(26,179,148,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(26,179,148,1)" , data : [ 28 , 48 , 40 , 19 , 86 , 27 , 90 ] } ] } ; this . lineDataDashboard4 = { labels : [ "January" , "February" , "March" , "April" , "May" , "June" , "July" ] , datasets : [ { label : "Example dataset" , fillColor : "rgba(220,220,220,0.5)" , strokeColor : "rgba(220,220,220,1)" , pointColor : "rgba(220,220,220,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(220,220,220,1)" , data : [ 65 , 59 , 40 , 51 , 36 , 25 , 40 ] } , { label : "Example dataset" , fillColor : "rgba(26,179,148,0.5)" , strokeColor : "rgba(26,179,148,0.7)" , pointColor : "rgba(26,179,148,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(26,179,148,1)" , data : [ 48 , 48 , 60 , 39 , 56 , 37 , 30 ] } ] } ; this . lineOptions = { scaleShowGridLines : true , scaleGridLineColor : "rgba(0,0,0,.05)" , scaleGridLineWidth : 1 , bezierCurve : true , bezierCurveTension : 0.4 , pointDot : true , pointDotRadius : 4 , pointDotStrokeWidth : 1 , pointHitDetectionRadius : 20 , datasetStroke : true , datasetStrokeWidth : 2 , datasetFill : true } ; this . barOptions = { scaleBeginAtZero : true , scaleShowGridLines : true , scaleGridLineColor : "rgba(0,0,0,.05)" , scaleGridLineWidth : 1 , barShowStroke : true , barStrokeWidth : 2 , barValueSpacing : 5 , barDatasetSpacing : 1 } ; this . barData = { labels : [ "January" , "February" , "March" , "April" , "May" , "June" , "July" ] , datasets : [ { label : "My First dataset" , fillColor : "rgba(220,220,220,0.5)" , strokeColor : "rgba(220,220,220,0.8)" , highlightFill : "rgba(220,220,220,0.75)" , highlightStroke : "rgba(220,220,220,1)" , data : [ 65 , 59 , 80 , 81 , 56 , 55 , 40 ] } , { label : "My Second dataset" , fillColor : "rgba(26,179,148,0.5)" , strokeColor : "rgba(26,179,148,0.8)" , highlightFill : "rgba(26,179,148,0.75)" , highlightStroke : "rgba(26,179,148,1)" , data : [ 28 , 48 , 40 , 19 , 86 , 27 , 90 ] } ] } ; this . radarData = { labels : [ "Eating" , "Drinking" , "Sleeping" , "Designing" , "Coding" , "Cycling" , "Running" ] , datasets : [ { label : "My First dataset" , fillColor : "rgba(220,220,220,0.2)" , strokeColor : "rgba(220,220,220,1)" , pointColor : "rgba(220,220,220,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(220,220,220,1)" , data : [ 65 , 59 , 90 , 81 , 56 , 55 , 40 ] } , { label : "My Second dataset" , fillColor : "rgba(26,179,148,0.2)" , strokeColor : "rgba(26,179,148,1)" , pointColor : "rgba(26,179,148,1)" , pointStrokeColor : "#fff" , pointHighlightFill : "#fff" , pointHighlightStroke : "rgba(151,187,205,1)" , data : [ 28 , 48 , 40 , 19 , 96 , 27 , 100 ] } ] } ; this . radarOptions = { scaleShowLine : true , angleShowLineOut : true , scaleShowLabels : false , scaleBeginAtZero : true , angleLineColor : "rgba(0,0,0,.1)" , angleLineWidth : 1 , pointLabelFontFamily : "'Arial'" , pointLabelFontStyle : "normal" , pointLabelFontSize : 10 , pointLabelFontColor : "#666" , pointDot : true , pointDotRadius : 3 , pointDotStrokeWidth : 1 , pointHitDetectionRadius : 20 , datasetStroke : true , datasetStrokeWidth : 2 , datasetFill : true } ; }
chartJsCtrl - Controller for data for ChartJs plugin
 used in Chart.js view
chartJsCtrl - Controller for data for ChartJs plugin used in Chart . js view
/**
     * Data for Polar chart
     */ /**
     * Options for Polar chart
     */ /**
     * Data for Doughnut chart
     */ /**
     * Options for Doughnut chart
     */ // This is 0 for Pie charts /**
     * Data for Line chart
     */ /**
     * Options for Line chart
     */ /**
     * Options for Bar chart
     */ /**
     * Data for Bar chart
     */ /**
     * Data for Radar chart
     */ /**
     * Options for Radar chart
     */