text: $(document).ready(function(){
      
      $('[data-toggle="select2"]').select2();
      loadChart();
      
  });
  
  function loadChart(){
      $.ajax({
          type: "POST",
          url: $('#basePath').val()+"/service-admin/statistiques-epn-par-trimestre",
          data: {
              annee: $('#annee').val(),
              lastParam: $('#epn').val()
          },
          //dataType: "html",
          success: function (infos) {
              
              // Themes end
              rsrcPrpTauxReal = [infos[0][0],infos[1][0],infos[2][0],infos[3][0]];
              subIvestTauxReal = [infos[0][1],infos[1][1],infos[2][1],infos[3][1]];
              subFonctTauxReal = [infos[0][2],infos[1][2],infos[2][2],infos[3][2]];
              autreRsrcInvestTauxReal = [infos[0][3],infos[1][3],infos[2][3],infos[3][3]];
              autreRsrcFonctTauxReal = [infos[0][4],infos[1][4],infos[2][4],infos[3][4]];
              recFiscTauxReal = [infos[0][5],infos[1][5],infos[2][5],infos[3][5]];
              
              rsrcPrpTauxRecou = [infos[0][6],infos[1][6],infos[2][6],infos[3][6]];
              subIvestTauxRecou = [infos[0][7],infos[1][7],infos[2][7],infos[3][7]];
              subFonctTauxRecou = [infos[0][8],infos[1][8],infos[2][8],infos[3][8]];
              autreRsrcInvestTauxRecou = [infos[0][9],infos[1][9],infos[2][9],infos[3][9]];
              autreRsrcFonctTauxRecou = [infos[0][10],infos[1][10],infos[2][10],infos[3][10]];
              recFiscTauxRecou = [infos[0][11],infos[1][11],infos[2][11],infos[3][11]];
              
              autoFinaRatio = [infos[0][12],infos[1][12],infos[2][12],infos[3][12]];
              depFinaRatio = [infos[0][13],infos[1][13],infos[2][13],infos[3][13]];
              recFiscRatio = [infos[0][14],infos[1][14],infos[2][14],infos[3][14]];
              rsrcPrprRatio = [infos[0][15],infos[1][15],infos[2][15],infos[3][15]];
              
              createLineChart(rsrcPrpTauxReal, subIvestTauxReal, subFonctTauxReal, autreRsrcInvestTauxReal, autreRsrcFonctTauxReal, recFiscTauxReal, 'tauxRealChart');
              createLineChart(rsrcPrpTauxRecou, subIvestTauxRecou, subFonctTauxRecou, autreRsrcInvestTauxRecou, autreRsrcFonctTauxRecou, recFiscTauxRecou, 'tauxRecouChart');
              createBarChart(autoFinaRatio, rsrcPrprRatio, depFinaRatio, recFiscRatio, 'ratioChart');
              
               // end am4core.ready()
          },
          error: function (xhr, ajaxOptions, thrownError) {
              alert("error");
          }
      });
  }
  
  function createLineChart(infos1, infos2, infos3, infos4, infos5, infos6, id){
      
      var a=$("#"+id).get(0).getContext("2d");
      new Chart
      (
      a,
      {
          type:"line",
          data:{
              labels:["Trimestre 1", "Trimestre 2", "Trimestre 3", "Trimestre 4"],
              datasets:[
                  {
                      label:"Ressources propres",
                      data: infos1,
                      borderColor:["#5b9bd5"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#5b9bd5"
                  },
                  {
                      label:"Subventions investissements",
                      data: infos2,
                      borderColor:["#ed7d31"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#ed7d31"
                  },
                  {
                      label:"Subventions fonctionnement",
                      data: infos3,
                      borderColor:["#b1b1b1"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#b1b1b1"
                  },
                  {
                      label:"Autres ressources investisement",
                      data: infos4,
                      borderColor:["#ffc000"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#ffc000"
                  },
                  {
                      label:"Autres ressources fonctionnement",
                      data: infos5,
                      borderColor:["#4472c4"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#4472c4"
                  },
                  {
                      label:"Recettes fiscales",
                      data: infos6,
                      borderColor:["#70ad47"],
                      borderWidth:3,
                      fill:!1,
                      pointBackgroundColor:"#ffffff",
                      pointBorderColor:"#70ad47"
                  },
              ]
          },
          options:{
              scales:{
                  yAxes:[
                      {
                          gridLines:{
                              drawBorder:!1,
                              borderDash:[3,3]
                          },
                          ticks:{min:0}
                      }
                  ],
                  xAxes:[
                      {
                          gridLines:{
                              display:!1,
                              drawBorder:!1,
                              color:"#ffffff"
                          }
                      }
                  ]
              },
              elements:{
                  line:{
                      tension:.2
                  },
                  point:{
                      radius:4
                  }
              },
              stepsize:1
          }
      });
  }
  
  function createBarChart(infos1, infos2, infos3, infos4, id){
      var t=$("#"+id).get(0).getContext("2d");
      new Chart
      (
          t,
          {
              type:"bar",
              data:{
                  labels:["Trimestre 1", "Trimestre 2", "Trimestre 3", "Trimestre 4"],
                  datasets:[
                      {
                          label:"Autonomie financière",
                          data: infos1,
                          backgroundColor:"#5b9bd5"
                      },
                      {
                          label:"Ressources propres",
                          data: infos2,
                          backgroundColor:"#ed7d31"
                      },
                      {
                          label:"Dependance financière",
                          data: infos3,
                          backgroundColor:"#b1b1b1"
                      },
                      {
                          label:"Recettes fiscales affectées",
                          data: infos4,
                          backgroundColor:"#ffc000"
                      }
                  ]
              },
              options:{
                  responsive:!0,
                  maintainAspectRatio:!0,
                  scales:{
                      yAxes:[
                          {
                              
                              ticks:{min:0, fontColor:"#686868"}
                          }
                      ],
                      xAxes:[
                          {
                              ticks:{fontColor:"#686868"},
                              
                          }
                      ]
                  },
                  elements:{point:{radius:0}}
              }
          }
      );
  }