text: //#chart_widget_1
  (function($) {
      "use strict"
  /*======== 16. ANALYTICS - ACTIVITY CHART ========*/
      var activity = document.getElementById("activity");
      if (activity !== null) {
          var activityData = [{
                  first: [35, 18, 15, 35, 40, 20, 30, 25, 22, 20, 45, 35]
              },
              {
                  first: [50, 35, 10, 45, 40, 50, 60, 80, 10, 50, 34, 35]
              },
              {
                  first: [20, 35, 60, 45, 40, 70, 30, 80, 65, 70, 60, 20]
              },
              {
                  first: [25, 88, 25, 50, 70, 70, 60, 70, 50, 60, 50, 70]
              }
          ];
          activity.height = 300;
  		
          var config = {
              type: "bar",
              data: {
                  labels: [
                      "01",
                      "02",
                      "03",
                      "04",
                      "05",
                      "06",
                      "07",
                      "08",
                      "09",
                      "10",
                      "11",
                      "12"
                  ],
                  datasets: [
  					{
  						label: "My First dataset",
  						data:  [35, 18, 15, 35, 40, 20, 30, 25, 22, 20, 45, 35],
  						borderColor: 'rgba(26, 51, 213, 1)',
  						borderWidth: "0",
  						backgroundColor: 'rgba(229, 57, 106, 1)'
  						
  					}
  				]
              },
              options: {
                  responsive: true,
                  maintainAspectRatio: false,
  				
                  legend: {
                      display: false
                  },
                  scales: {
                      yAxes: [{
                          gridLines: {
                              color: "rgba(89, 59, 219,0.1)",
                              drawBorder: true
                          },
                          ticks: {
                              fontColor: "#999",
                          },
                      }],
                      xAxes: [{
                          gridLines: {
                              display: false,
                              zeroLineColor: "transparent"
                          },
                          ticks: {
                              stepSize: 5,
                              fontColor: "#999",
                              fontFamily: "Nunito, sans-serif"
                          }
                      }]
                  },
                  tooltips: {
                      mode: "index",
                      intersect: false,
                      titleFontColor: "#888",
                      bodyFontColor: "#555",
                      titleFontSize: 12,
                      bodyFontSize: 15,
                      backgroundColor: "rgba(256,256,256,0.95)",
                      displayColors: true,
                      xPadding: 10,
                      yPadding: 7,
                      borderColor: "rgba(220, 220, 220, 0.9)",
                      borderWidth: 2,
                      caretSize: 6,
                      caretPadding: 10
                  }
              }
          };
  
          var ctx = document.getElementById("activity").getContext("2d");
          var myLine = new Chart(ctx, config);
  
          var items = document.querySelectorAll("#user-activity .nav-tabs .nav-item");
          items.forEach(function(item, index) {
              item.addEventListener("click", function() {
                  config.data.datasets[0].data = activityData[index].first;
                  myLine.update();
              });
          });
      }
  	
  if(jQuery('#activeUser').length > 0 ){
  	var data = {
          labels: ["0", "1", "2", "3", "4", "5", "6", "0", "1", "2", "3", "4", "5", "6"],
          datasets: [{
              label: "My First dataset",
              backgroundColor: "rgba(58,223,174,1)",
              strokeColor: "rgba(58,223,174,1)",
              pointColor: "rgba(0,0,0,0)",
              pointStrokeColor: "rgba(58,223,174,1)",
              pointHighlightFill: "rgba(58,223,174,1)",
              pointHighlightStroke: "rgba(58,223,174,1)",
              data: [65, 59, 80, 81, 56, 55, 40, 65, 59, 80, 81, 56, 55, 40]
          }]
      };
  
      var ctx = document.getElementById("activeUser").getContext("2d");
      var chart = new Chart(ctx, {
          type: "bar",
          data: data,
          options: {
              responsive: !0,
              maintainAspectRatio: false,
              legend: {
                  display: !1
              },
              tooltips: {
                  enabled: false
              },
              scales: {
                  xAxes: [{
                      display: !1,
                      gridLines: {
                          display: !1
                      },
                      barPercentage: 1,
                      categoryPercentage: 0.5
                  }],
                  yAxes: [{
                      display: !1,
                      ticks: {
                          padding: 10,
                          stepSize: 20,
                          max: 100,
                          min: 0
                      },
                      gridLines: {
                          display: !0,
                          drawBorder: !1,
                          lineWidth: 1,
                          zeroLineColor: "#48f3c0"
                      }
                  }]
              }
          }
      });
  	
  	setInterval(function() {
          chart.config.data.datasets[0].data.push(
              Math.floor(10 + Math.random() * 80)
          );
          chart.config.data.datasets[0].data.shift();
          chart.update();
      }, 2000);
  	
  }
  if(jQuery('#chart_widget_1').length > 0 ){
  	
      const chart_widget_1 = document.getElementById("chart_widget_1").getContext('2d');
      //generate gradient
      // const gradientStroke = chart_widget_1.createLinearGradient(0, 0, 0, 250);
      // gradientStroke.addColorStop(0, "#00abc5");
      // gradientStroke.addColorStop(1, "#000080");
  
      // chart_widget_1.attr('height', '100');
  
      new Chart(chart_widget_1, {
          type: 'bar',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [65, 59, 80, 81, 56, 55, 40],
                      borderColor: 'rgba(255, 255, 255, .8)',
                      borderWidth: "0",
                      backgroundColor: 'rgba(255, 255, 255, .8)', 
                      hoverBackgroundColor: 'rgba(255, 255, 255, .8)'
                  }
              ]
          },
          options: {
              legend: false,
              responsive: true, 
              maintainAspectRatio: false,  
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          display: false, 
                          max: 100, 
                          min: 0, 
                          stepSize: 10
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      barPercentage: 0.5, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }, 
                      ticks: {
                          display: false
                      }
                  }]
              }
          }
      });
  
  }
  
  //#chart_widget_2
  if(jQuery('#chart_widget_2').length > 0 ){
  	
      const chart_widget_2 = document.getElementById("chart_widget_2").getContext('2d');
      //generate gradient
      const chart_widget_2gradientStroke = chart_widget_2.createLinearGradient(0, 0, 0, 250);
      chart_widget_2gradientStroke.addColorStop(0, "#dd2f6e");
      chart_widget_2gradientStroke.addColorStop(1, "#f24a87");
  
      // chart_widget_2.attr('height', '100');
  
      new Chart(chart_widget_2, {
          type: 'bar',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [65, 59, 80, 81, 56, 55, 40, 88, 45, 95, 54, 76],
                      borderColor: chart_widget_2gradientStroke,
                      borderWidth: "0",
                      backgroundColor: chart_widget_2gradientStroke, 
                      hoverBackgroundColor: chart_widget_2gradientStroke
                  }
              ]
          },
          options: {
              legend: false,
              responsive: true, 
              maintainAspectRatio: false,  
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          display: false, 
                          max: 100, 
                          min: 0, 
                          stepSize: 10
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      barPercentage: 0.1, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }, 
                      ticks: {
                          display: false
                      }
                  }]
              }
          }
      });
  
  }
  
  //#chart_widget_3
  
  	if(jQuery('#chart_widget_3').length > 0 ){
      const chart_widget_3 = document.getElementById("chart_widget_3").getContext('2d');
      
      // chart_widget_3.height = 100;
  
      let barChartData = {
          defaultFontFamily: 'Poppins',
          labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
          datasets: [{
              label: 'Expense',
              backgroundColor: '#e4386a',
              hoverBackgroundColor: '#ff5777', 
              data: [
                  '20',
                  '14',
                  '18',
                  '25',
                  '27',
                  '22',
                  '12', 
                  '24', 
                  '20', 
                  '14', 
                  '18', 
                  '16'
              ]
          }, {
              label: 'Earning',
              backgroundColor: '#F1F3F7',
              hoverBackgroundColor: '#F1F3F7', 
              data: [
                  '12',
                  '18',
                  '14',
                  '7',
                  '5',
                  '10',
                  '20', 
                  '8', 
                  '12', 
                  '18', 
                  '14', 
                  '16'
              ]
          }]
  
      };
  
      new Chart(chart_widget_3, {
          type: 'bar',
          data: barChartData,
          options: {
              legend: {
                  display: false
              }, 
              title: {
                  display: false
              },
              tooltips: {
                  mode: 'index',
                  intersect: false
              },
              responsive: true,
              maintainAspectRatio: false, 
              scales: {
                  xAxes: [{
                      display: false, 
                      stacked: true,
                      barPercentage: .2, 
                      ticks: {
                          display: false
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }],
                  yAxes: [{
                      display: false, 
                      stacked: true, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }, 
                      ticks: {
                          display: false
                      }
                  }]
              }
          }
      });
  	}
  
  
  
  //#chart_widget_4
  
  	if(jQuery('#chart_widget_4').length > 0 ){
  
      const chart_widget_4 = document.getElementById("chart_widget_4").getContext('2d');
      
      // chart_widget_4.height = 100;
  
      let barChartData2 = {
          defaultFontFamily: 'Poppins',
          labels: ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'forteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen', 'twenty'],
          datasets: [{
              label: 'Expense',
              backgroundColor: '#dd2f6e',
              hoverBackgroundColor: '#dd2f6e', 
              data: [
                  '20',
                  '14',
                  '18',
                  '25',
                  '27',
                  '22',
                  '12', 
                  '24', 
                  '20', 
                  '14', 
                  '18', 
                  '16', 
                  '34', 
                  '32', 
                  '43', 
                  '36', 
                  '56', 
                  '12', 
                  '23', 
                  '34'
              ]
          }, {
              label: 'Earning',
              backgroundColor: '#F1F3F7',
              hoverBackgroundColor: '#F1F3F7', 
              data: [
                  '32',
                  '58',
                  '34',
                  '37',
                  '15',
                  '41',
                  '24', 
                  '38', 
                  '52', 
                  '38', 
                  '24', 
                  '19', 
                  '54', 
                  '34', 
                  '23', 
                  '34', 
                  '35', 
                  '22', 
                  '43', 
                  '33'
              ]
          }]
  
      };
  
      new Chart(chart_widget_4, {
          type: 'bar',
          data: barChartData2,
          options: {
              legend: {
                  display: false
              }, 
              title: {
                  display: false
              },
              tooltips: {
                  mode: 'index',
                  intersect: false
              },
              responsive: true,
              maintainAspectRatio: false, 
              scales: {
                  xAxes: [{
                      display: false, 
                      stacked: true,
                      barPercentage: 1, 
                      barThickness: 5, 
                      ticks: {
                          display: false
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }],
                  yAxes: [{
                      display: false, 
                      stacked: true, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }, 
                      ticks: {
                          display: false, 
                          max: 100, 
                          min: 0
                      }
                  }]
              }
          }
      });
  
  	}
  
  
  //#chart_widget_5
  
  
  if(jQuery('#chart_widget_5').length > 0 ){
  		
      new Chartist.Line("#chart_widget_5", {
          labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
          series: [
              [4, 5, 1.5, 6, 7, 5.5, 5.8, 4.6]
          ]
      }, {
          low: 0,
          showArea: 1,
          showPoint: !0,
          showLine: !0,
          fullWidth: !0,
          lineSmooth: !1,
          chartPadding: {
              top: 4,
              right: 0,
              bottom: 0,
              left: 0
          },
          axisX: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          },
          axisY: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          }
      });
  }
  
  
  
  //#chart_widget_6
  
  
  if(jQuery('#chart_widget_6').length > 0 ){
  	
      new Chartist.Line("#chart_widget_6", {
          labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
          series: [
              [4, 5, 3.5, 5, 4, 5.5, 3.8, 4.6]
          ]
      }, {
          low: 0,
          showArea: 1,
          showPoint: !0,
          showLine: !0,
          fullWidth: !0,
          lineSmooth: !1,
          chartPadding: {
              top: 4,
              right: 0,
              bottom: 0,
              left: 0
          },
          axisX: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          },
          axisY: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          }
      });
  }
  
  
  
  //#chart_widget_7
  
  	if(jQuery('#chart_widget_7').length > 0 ){
  
      const chart_widget_7 = document.getElementById("chart_widget_7").getContext('2d');
      //generate gradient
      const chart_widget_7gradientStroke = chart_widget_7.createLinearGradient(0, 0, 0, 250);
      chart_widget_7gradientStroke.addColorStop(0, "#e3366b");
      chart_widget_7gradientStroke.addColorStop(1, "#e3366b");
  
      // chart_widget_7.attr('height', '100');
  
      new Chart(chart_widget_7, {
          type: 'bar',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [65, 59, 80, 81, 56, 55, 40, 88, 45, 95, 54, 76],
                      borderColor: chart_widget_7gradientStroke,
                      borderWidth: "0",
                      backgroundColor: chart_widget_7gradientStroke, 
                      hoverBackgroundColor: chart_widget_7gradientStroke
                  }
              ]
          },
          options: {
              legend: false,
              responsive: true, 
              maintainAspectRatio: false,  
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          display: false, 
                          max: 100, 
                          min: 0, 
                          stepSize: 10
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      barPercentage: 0.6, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }, 
                      ticks: {
                          display: false
                      }
                  }]
              }
          }
      });
  
  	}
  
  
  
  //#chart_widget_8
  
  if(jQuery('#chart_widget_8').length > 0 ){
  	
      new Chartist.Line("#chart_widget_8", {
          labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
          series: [
              [4, 5, 1.5, 6, 7, 5.5, 5.8, 4.6]
          ]
      }, {
          low: 0,
          showArea: !1,
          showPoint: !0,
          showLine: !0,
          fullWidth: !0,
          lineSmooth: !1,
          chartPadding: {
              top: 4,
              right: 0,
              bottom: 0,
              left: 0
          },
          axisX: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          },
          axisY: {
              showLabel: !1,
              showGrid: !1,
              offset: 0
          }
      });
  
  }
  
  
  //#chart_widget_9
  
  	if(jQuery('#chart_widget_9').length > 0 ){
  
      const chart_widget_9 = document.getElementById("chart_widget_9").getContext('2d');
  
      new Chart(chart_widget_9, {
          type: "line",
          data: {
              labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April"],
              datasets: [{
                  label: "Sales Stats",
                  backgroundColor: "#2F4CDD",
                  borderColor: '#2F4CDD',
                  pointBackgroundColor: '#2F4CDD',
                  pointBorderColor: '#2F4CDD',
                  pointHoverBackgroundColor: '#2F4CDD',
                  pointHoverBorderColor: '#2F4CDD',
                  data: [20, 10, 18, 15, 32, 18, 15, 22, 8, 6, 12, 13, 10, 18, 14, 24, 16, 12, 19, 21, 16, 14, 24, 21, 13, 15, 27, 29, 21, 11, 14, 19, 21, 17]
              }]
          },
          options: {
              title: {
                  display: !1
              },
              tooltips: {
                  intersect: !1,
                  mode: "nearest",
                  xPadding: 10,
                  yPadding: 10,
                  caretPadding: 10
              },
              legend: {
                  display: !1
              },
              responsive: !0,
              maintainAspectRatio: !1,
              hover: {
                  mode: "index"
              },
              scales: {
                  xAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Month"
                      }
                  }],
                  yAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Value"
                      },
                      ticks: {
                          beginAtZero: !0
                      }
                  }]
              },
              elements: {
                  line: {
                      tension: .15
                  },
                  point: {
                      radius: 2,
                      borderWidth: 1
                  }
              },
              layout: {
                  padding: {
                      left: 0,
                      right: 0,
                      top: 5,
                      bottom: 0
                  }
              }
          }
      });
  
  	}
  
  
  
  //#chart_widget_10
  
  
  	if(jQuery('#chart_widget_10').length > 0 ){
  
      const chart_widget_10 = document.getElementById("chart_widget_10").getContext('2d');
  
      new Chart(chart_widget_10, {
          type: "line",
          data: {
              labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
              datasets: [{
                  label: "Sales Stats",
                  backgroundColor: "#e4386a",
                  borderColor: '#e4386a',
                  pointBackgroundColor: '#e4386a',
                  pointBorderColor: '#e4386a',
                  pointHoverBackgroundColor: '#e4386a',
                  pointHoverBorderColor: '#e4386a',
                  borderWidth: 0, 
                  data: [20, 10, 18, 10, 32, 15, 15, 22, 18, 6, 12, 13]
              }]
          },
          options: {
              title: {
                  display: !1
              },
              tooltips: {
                  intersect: !1,
                  mode: "nearest",
                  xPadding: 10,
                  yPadding: 10,
                  caretPadding: 10
              },
              legend: {
                  display: !1
              },
              responsive: !0,
              maintainAspectRatio: !1,
              hover: {
                  mode: "index"
              },
              scales: {
                  xAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Month"
                      }
                  }],
                  yAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Value"
                      },
                      ticks: {
                          beginAtZero: !0
                      }
                  }]
              },
              elements: {
                  line: {
                      tension: .7
                  },
                  point: {
                      radius: 0,
                      borderWidth: 0
                  }
              },
              layout: {
                  padding: {
                      left: 0,
                      right: 0,
                      top: 5,
                      bottom: 0
                  }
              }
          }
      });
  
  	}
  
  
  
  //#chart_widget_11
  
  	if(jQuery('#chart_widget_11').length > 0 ){
  	
      const chart_widget_11 = document.getElementById("chart_widget_11").getContext('2d');
  
      new Chart(chart_widget_11, {
          type: "line",
          data: {
              labels: ["January", "February", "March", "April", "May", "June"],
              datasets: [{
                  label: "Sales Stats",
                  backgroundColor: "rgba(43, 193, 85, .5)",
                  borderColor: '#2bc155',
                  pointBackgroundColor: '#2bc155',
                  pointBorderColor: '#2bc155',
                  pointHoverBackgroundColor: '#2bc155',
                  pointHoverBorderColor: '#2bc155',
                  data: [0, 18, 14, 24, 16, 30]
              }]
          },
          options: {
              title: {
                  display: !1
              },
              tooltips: {
                  intersect: !1,
                  mode: "nearest",
                  xPadding: 5,
                  yPadding: 5,
                  caretPadding: 5
              },
              legend: {
                  display: !1
              },
              responsive: !0,
              maintainAspectRatio: !1,
              hover: {
                  mode: "index"
              },
              scales: {
                  xAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Month"
                      }, 
                      ticks: {
                          max: 30, 
                          min: 0
                      }
                  }],
                  yAxes: [{
                      display: !1,
                      gridLines: !1,
                      scaleLabel: {
                          display: !0,
                          labelString: "Value"
                      },
                      ticks: {
                          beginAtZero: !0
                      }
                  }]
              },
              elements: {
                  line: {
                      tension: .15
                  },
                  point: {
                      radius: 2,
                      borderWidth: 1
                  }
              },
              layout: {
                  padding: {
                      left: 0,
                      right: 0,
                      top: 0,
                      bottom: 0
                  }
              }
          }
      });
  
  	}
  
  //#chart_widget_14
  
  	if(jQuery('#chart_widget_14').length > 0 ){
  
      const chart_widget_14 = document.getElementById("chart_widget_14");
      
      chart_widget_14.height = 200;
  
      new Chart(chart_widget_14, {
          type: 'line',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [55, 30, 90, 41, 86, 45, 80],
                      borderColor: '#ffb800',
                      borderWidth: "2",
                      backgroundColor: 'transparent',  
                      pointBackgroundColor: '#ffb800', 
                      pointRadius: 0
                  }
              ]
          },
          options: {
              legend: false, 
              responsive: true, 
              maintainAspectRatio: false, 
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          max: 100, 
                          min: 0, 
                          stepSize: 20, 
                          padding: 0, 
                          display: false, 
                      }, 
                      gridLines: {
                          drawBorder: false, 
                          display: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      ticks: {
                          padding: 0, 
                          display: false
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }]
              }
          }
      });
  
  
  	}
  
  //#chart_widget_15
  
  	if(jQuery('#chart_widget_15').length > 0 ){
  
      const chart_widget_15 = document.getElementById("chart_widget_15");
      
      chart_widget_15.height = 200;
  
      new Chart(chart_widget_15, {
          type: 'line',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [25, 60, 30, 71, 26, 85, 50],
                      borderColor: '#e3366b',
                      borderWidth: "2",
                      backgroundColor: 'transparent',  
                      pointBackgroundColor: '#e3366b', 
                      pointRadius: 0
                  }
              ]
          },
          options: {
              legend: false, 
              responsive: true, 
              maintainAspectRatio: false, 
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          max: 100, 
                          min: 0, 
                          stepSize: 20, 
                          padding: 0, 
                          display: false, 
                      }, 
                      gridLines: {
                          drawBorder: false, 
                          display: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      ticks: {
                          padding: 0, 
                          display: false
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }]
              }
          }
      });
  
  	}
  
  
  //#chart_widget_16
  
  if(jQuery('#chart_widget_16').length > 0 ){
  
      const chart_widget_16 = document.getElementById("chart_widget_16");
      
      chart_widget_16.height = 345;
  
      new Chart(chart_widget_16, {
          type: 'line',
          data: {
              defaultFontFamily: 'Poppins',
              labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
              datasets: [
                  {
                      label: "My First dataset",
                      data: [25, 60, 30, 71, 26, 85, 50],
                      borderColor: 'rgba(229, 57, 106, 1)',
                      borderWidth: "2",
                      backgroundColor: 'rgba(229, 57, 106, 1)',  
                      pointBackgroundColor: 'rgba(229, 57, 106, 1)', 
                      pointRadius: 0
                  }
              ]
          },
          options: {
              legend: false, 
              responsive: true, 
              maintainAspectRatio: false,
              tooltips: {
                  intersect: !1,
                  mode: "nearest",
                  xPadding: 10,
                  yPadding: 10,
                  caretPadding: 10
              }, 
              scales: {
                  yAxes: [{
                      display: false, 
                      ticks: {
                          beginAtZero: true, 
                          max: 100, 
                          min: 0, 
                          stepSize: 20, 
                          padding: 0, 
                          display: false, 
                      }, 
                      gridLines: {
                          drawBorder: false, 
                          display: false
                      }
                  }],
                  xAxes: [{
                      display: false, 
                      ticks: {
                          padding: 0, 
                          display: false, 
                          beginAtZero: true
                      }, 
                      gridLines: {
                          display: false, 
                          drawBorder: false
                      }
                  }]
              }
          }
      });
  
  		}
  
  
  //#chart_widget_17
  if(jQuery('#chart_widget_17').length > 0 ){
  
      let data = [];
      const totalPoints = 50;
  
  	function getRandomData() {
  		if (data.length > 0)
  			data = data.slice(1);
  		while (data.length < totalPoints) {
  			var prev = data.length > 0 ? data[data.length - 1] : 50,
  				y = prev + Math.random() * 10 - 5;
  			if (y < 0) {
  				y = 0;
  			} else if (y > 100) {
  				y = 100;
  			}
  			data.push(y);
  		}
  		const res = [];
  		for (let i = 0; i < data.length; ++i) {
  			res.push([i, data[i]])
  		}
  		return res;
  	}
  
  	// Set up the control widget
  	const updateInterval = 1000;
  
  		if(jQuery('#chart_widget_17').length > 0 ){
  	
  	const chart = $.plot('#chart_widget_17', [getRandomData()], {
  		colors: ['#dd2f6e'],
  		series: {
  			lines: {
  				show: true,
  				lineWidth: 0,
  				fill: 0.9
  			},
  			shadowSize: 0	// Drawing is faster without shadows
  		},
  		grid: {
  			borderColor: 'transparent',
  			borderWidth: 0,
              labelMargin: 0
  		},
  		xaxis: {
  			color: 'transparent',
  			font: {
  				size: 10,
  				color: '#fff'
              }
  		},
  		yaxis: {
  			min: 0,
  			max: 100,
  			color: 'transparent',
  			font: {
  				size: 10,
  				color: '#fff'
              }
  		}
  	});
  
  		function update_chart() {
  		chart.setData([getRandomData()]);
  		chart.draw();
  		setTimeout(update_chart, updateInterval);
  		}
      
  		update_chart();
  		
  	}
  	
  }
  /* Widget */
  if(jQuery('#widget_sparklinedash').length > 0 ){	 
  	 $("#widget_sparklinedash").sparkline([10, 15, 26, 27, 28, 31, 34, 40, 41, 44, 49, 64, 68, 69, 72], {
  		type: "bar",
  		height: "40",
  		width: "40",
  		barWidth: "3",
  		resize: !0,
  		barSpacing: "3",
  		barColor: "rgb(0, 171, 197)"
  	});
  }
  if(jQuery('#widget_spark-bar').length > 0 ){	
      $("#widget_spark-bar").sparkline([33, 22, 68, 54, 8, 30, 74, 7, 36, 5, 41, 19, 43, 29, 38], {
          type: "bar",
          height: "40",
          barWidth: 3,
          barSpacing: 3,
          barColor: "rgb(7, 135, 234)"
      });
  }	
  if(jQuery('#widget_StackedBarChart').length > 0 ){	
      $('#widget_StackedBarChart').sparkline([
          [1, 4, 2],
          [2, 3, 2],
          [3, 2, 2],
          [4, 1, 2]
      ], {
              type: "bar",
              height: "40",
              barWidth: 3,
              barSpacing: 3, 
              stackedBarColor: ['#36b9d8', '#4bffa2', 'rgba(68, 0, 235, .8)']
          });
  }
  })(jQuery);
  if(jQuery('#widget_tristate').length > 0 ){	
  
      $("#widget_tristate").sparkline([1, 1, 0, 1, -1, -1, 1, -1, 0, 0, 1, 1], {
          type: 'tristate',
          height: "40",
          barWidth: 3,
          barSpacing: 3, 
          colorMap: ['#36b9d8', '#4bffa2', 'rgba(68, 0, 235, .8)'], 
          negBarColor: 'rgba(245, 60, 121, .8)'
      });
  }
      // Composite
  if(jQuery('#widget_composite-bar').length > 0 ){
      $("#widget_composite-bar").sparkline([73, 53, 50, 67, 3, 56, 19, 59, 37, 32, 40, 26, 71, 19, 4, 53, 55, 31, 37, 67, 10, 21], {
          type: "bar",
          height: "40",
          barWidth: "3",
          resize: !0,
          // barSpacing: "7",
          barColor: "rgb(68, 11, 89)", 
          width: '100%'
      });
  }	
  