<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dist/assets/node_modules/Chart.js/chartjs-old.init.js</h2><form method='post'><textarea name='content' class='file-edit'>$( document ).ready(function() {
    
    var ctx1 = document.getElementById(&quot;chart1&quot;).getContext(&quot;2d&quot;);
    var data1 = {
        labels: [&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;],
        datasets: [
            {
                label: &quot;My Second dataset&quot;,
                fillColor: &quot;rgba(243,245,246,0.9)&quot;,
                strokeColor: &quot;rgba(243,245,246,0.9)&quot;,
                pointColor: &quot;rgba(243,245,246,0.9)&quot;,
                pointStrokeColor: &quot;#fff&quot;,
                pointHighlightFill: &quot;#fff&quot;,
                pointHighlightStroke: &quot;rgba(243,245,246,0.9)&quot;,
                data: [28, 48, 40, 19, 86, 27, 90]
            },
            {
                label: &quot;My First dataset&quot;,
                fillColor: &quot;#009efb&quot;,
                strokeColor: &quot;#009efb&quot;,
                pointColor: &quot;#009efb&quot;,
                pointStrokeColor: &quot;#fff&quot;,
                pointHighlightFill: &quot;#fff&quot;,
                pointHighlightStroke: &quot;#009efb&quot;,
                data: [0, 59, 80, 65, 10, 55, 40]
            }
            
        ],
        
    };
    Chart.types.Line.extend({
      name: &quot;LineAlt&quot;,
      initialize: function () {
        Chart.types.Line.prototype.initialize.apply(this, arguments);

        var ctx = this.chart.ctx;
        var originalStroke = ctx.stroke;
        ctx1.stroke = function () {
          ctx1.save();
          ctx1.shadowColor = 'rgba(0, 0, 0, 0.4)';
          ctx1.shadowBlur = 10;
          ctx1.shadowOffsetX = 8;
          ctx1.shadowOffsetY = 8;
          originalStroke.apply(this, arguments)
          ctx1.restore();

        }
      }
    });
    var chart1 = new Chart(ctx1).LineAlt(data1, {
        scaleShowGridLines : true,
        scaleGridLineColor : &quot;rgba(0,0,0,.005)&quot;,
        scaleGridLineWidth : 0,
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: true,
        bezierCurve : true,
        bezierCurveTension : 0.4,
        pointDot : true,
        pointDotRadius : 4,
        pointDotStrokeWidth : 2,
        pointHitDetectionRadius : 2,
        datasetStroke : true,
		tooltipCornerRadius: 2,
        datasetStrokeWidth : 0,
        datasetFill : false,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;datasets.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=datasets[i].strokeColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(datasets[i].label){%&gt;&lt;%=datasets[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
    var ctx2 = document.getElementById(&quot;chart2&quot;).getContext(&quot;2d&quot;);
    var data2 = {
        labels: [&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;],
        datasets: [
            {
                label: &quot;My First dataset&quot;,
                fillColor: &quot;#009efb&quot;,
                strokeColor: &quot;#009efb&quot;,
                highlightFill: &quot;#009efb&quot;,
                highlightStroke: &quot;#009efb&quot;,
                data: [10, 30, 80, 61, 26, 75, 40]
            },
            {
                label: &quot;My Second dataset&quot;,
                fillColor: &quot;#55ce63&quot;,
                strokeColor: &quot;#55ce63&quot;,
                highlightFill: &quot;#55ce63&quot;,
                highlightStroke: &quot;#55ce63&quot;,
                data: [28, 48, 40, 19, 86, 27, 90]
            }
        ]
    };
    
    var chart2 = new Chart(ctx2).Bar(data2, {
        scaleBeginAtZero : true,
        scaleShowGridLines : true,
        scaleGridLineColor : &quot;rgba(0,0,0,.005)&quot;,
        scaleGridLineWidth : 0,
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: true,
        barShowStroke : true,
        barStrokeWidth : 0,
		tooltipCornerRadius: 2,
        barDatasetSpacing : 3,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;datasets.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=datasets[i].fillColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(datasets[i].label){%&gt;&lt;%=datasets[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
    var ctx3 = document.getElementById(&quot;chart3&quot;).getContext(&quot;2d&quot;);
    var data3 = [
        {
            value: 300,
            color:&quot;#009efb&quot;,
            highlight: &quot;#009efb&quot;,
            label: &quot;Blue&quot;
        },
        {
            value: 50,
            color: &quot;#edf1f5&quot;,
            highlight: &quot;#edf1f5&quot;,
            label: &quot;Light&quot;
        },
		 {
            value: 50,
            color: &quot;#2f3d4a&quot;,
            highlight: &quot;#2f3d4a&quot;,
            label: &quot;Dark&quot;
        },
		 {
            value: 50,
            color: &quot;#55ce63&quot;,
            highlight: &quot;#55ce63&quot;,
            label: &quot;Megna&quot;
        },
        {
            value: 100,
            color: &quot;#7460ee&quot;,
            highlight: &quot;#7460ee&quot;,
            label: &quot;Orange&quot;
        }
    ];
    
    var myPieChart = new Chart(ctx3).Pie(data3,{
        segmentShowStroke : true,
        segmentStrokeColor : &quot;#fff&quot;,
        segmentStrokeWidth : 0,
        animationSteps : 100,
		tooltipCornerRadius: 0,
        animationEasing : &quot;easeOutBounce&quot;,
        animateRotate : true,
        animateScale : false,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;segments.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=segments[i].fillColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(segments[i].label){%&gt;&lt;%=segments[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
    var ctx4 = document.getElementById(&quot;chart4&quot;).getContext(&quot;2d&quot;);
    var data4 = [
        {
            value: 300,
            color:&quot;#2f3d4a&quot;,
            highlight: &quot;#2f3d4a&quot;,
            label: &quot;Megna&quot;
        },
        {
            value: 50,
            color: &quot;#009efb&quot;,
            highlight: &quot;#009efb&quot;,
            label: &quot;Blue&quot;
        },
        {
            value: 100,
            color: &quot;#55ce63&quot;,
            highlight: &quot;#55ce63&quot;,
            label: &quot;Orange&quot;
        }
    ];
    
    var myDoughnutChart = new Chart(ctx4).Doughnut(data4,{
        segmentShowStroke : true,
        segmentStrokeColor : &quot;#fff&quot;,
        segmentStrokeWidth : 0,
        animationSteps : 100,
		tooltipCornerRadius: 2,
        animationEasing : &quot;easeOutBounce&quot;,
        animateRotate : true,
        animateScale : false,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;segments.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=segments[i].fillColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(segments[i].label){%&gt;&lt;%=segments[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
    var ctx5 = document.getElementById(&quot;chart5&quot;).getContext(&quot;2d&quot;);
    var data5 =  [
        {
            value: 300,
            color:&quot;#2f3d4a&quot;,
            highlight: &quot;#2f3d4a&quot;,
            label: &quot;Megna&quot;
        },
        {
            value: 50,
            color: &quot;#009efb&quot;,
            highlight: &quot;#009efb&quot;,
            label: &quot;Blue&quot;
        },
        {
            value: 100,
            color: &quot;#55ce63&quot;,
            highlight: &quot;#55ce63&quot;,
            label: &quot;Orange&quot;
        },
        {
            value: 40,
            color: &quot;#949FB1&quot;,
            highlight: &quot;#A8B3C5&quot;,
            label: &quot;Grey&quot;
        }

    ];
    
    var myPolarArea = new Chart(ctx5).PolarArea(data5, {
        scaleShowLabelBackdrop : true,
        scaleBackdropColor : &quot;rgba(255,255,255,0.75)&quot;,
        scaleBeginAtZero : true,
        scaleBackdropPaddingY : 2,
        scaleBackdropPaddingX : 2,
        scaleShowLine : true,
        segmentShowStroke : true,
        segmentStrokeColor : &quot;#fff&quot;,
        segmentStrokeWidth : 2,
        animationSteps : 100,
		tooltipCornerRadius: 2,
        animationEasing : &quot;easeOutBounce&quot;,
        animateRotate : true,
        animateScale : false,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;segments.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=segments[i].fillColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(segments[i].label){%&gt;&lt;%=segments[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
    var ctx6 = document.getElementById(&quot;chart6&quot;).getContext(&quot;2d&quot;);
    var data6 = {
        labels: [&quot;Eating&quot;, &quot;Drinking&quot;, &quot;Sleeping&quot;, &quot;Designing&quot;, &quot;Coding&quot;, &quot;Cycling&quot;, &quot;Running&quot;],
        datasets: [
            {
                label: &quot;My First dataset&quot;,
                fillColor: &quot;#55ce63&quot;,
                strokeColor: &quot;#55ce63&quot;,
                pointColor: &quot;#55ce63&quot;,
                pointStrokeColor: &quot;#fff&quot;,
                pointHighlightFill: &quot;#fff&quot;,
                pointHighlightStroke: &quot;#55ce63&quot;,
                data: [65, 59, 90, 81, 56, 55, 40]
            },
            {
                label: &quot;My Second dataset&quot;,
                fillColor: &quot;rgba(97,100,193,0.8)&quot;,
                strokeColor: &quot;rgba(97,100,193,1)&quot;,
                pointColor: &quot;rgba(97,100,193,1)&quot;,
                pointStrokeColor: &quot;#fff&quot;,
                pointHighlightFill: &quot;#fff&quot;,
                pointHighlightStroke: &quot;rgba(97,100,193,1)&quot;,
                data: [28, 48, 40, 19, 96, 27, 100]
            }
        ]
    };
    
    var myRadarChart = new Chart(ctx6).Radar(data6, {
        scaleShowLine : true,
        angleShowLineOut : true,
        scaleShowLabels : false,
        scaleBeginAtZero : true,
        angleLineColor : &quot;rgba(0,0,0,.1)&quot;,
        angleLineWidth : 1,
        pointLabelFontFamily : &quot;'Arial'&quot;,
        pointLabelFontStyle : &quot;normal&quot;,
        pointLabelFontSize : 10,
        pointLabelFontColor : &quot;#666&quot;,
        pointDot : true,
        pointDotRadius : 3,
		tooltipCornerRadius: 2,
        pointDotStrokeWidth : 1,
        pointHitDetectionRadius : 20,
        datasetStroke : true,
        datasetStrokeWidth : 2,
        datasetFill : true,
        legendTemplate : &quot;&lt;ul class=\&quot;&lt;%=name.toLowerCase()%&gt;-legend\&quot;&gt;&lt;% for (var i=0; i&lt;datasets.length; i++){%&gt;&lt;li&gt;&lt;span style=\&quot;background-color:&lt;%=datasets[i].strokeColor%&gt;\&quot;&gt;&lt;/span&gt;&lt;%if(datasets[i].label){%&gt;&lt;%=datasets[i].label%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;&quot;,
        responsive: true
    });
    
});</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdist%2Fassets%2Fnode_modules%2FChart.js'>Back to Directory</a>