Bagaimana Membuat Diagram Dengan CODEIGNITER ?

dulu saya pernah pakai ini, tapi untuk angular dan ini contoh sedikit kode nya

$http.get('http://localhost:3000/api/charts').then(function(data) {
      var datas = data.data;
      var total_masuk = 0;
      var total_keluar = 0;
      var masuk = [];
      var keluar = [];
      for (var i = 0; i < datas.pemasukan.length; i++) {
        masuk.push(datas.pemasukan[i].total);
        total_masuk += datas.pemasukan[i].total;
      }
      for (var a = 0; a < datas.pengeluaran.length; a++) {
        keluar.push(datas.pengeluaran[a].total);
        total_keluar += datas.pengeluaran[a].total;
      }
      $scope.masuk = total_masuk;
      $scope.keluar = total_keluar;
      $scope.total = total_masuk + total_keluar;
      $scope.chartConfig = {
        options: {
          chart: {
            type: 'line',
            zoomType: 'x',
            renderTo: 'chart1',
          }
        },
        series: [{
          name: 'Pemasukan',
          data: masuk,
          color: 'green',
          allowPointSelect: true
        }, {
          name: 'Pengeluaran',
          data: keluar,
          color: 'red'
        }],
        title: {
          text: 'Data Pembukuan'
        },
        xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
          ]
        },
        loading: false
      };
    });