<!-- <br><br><br><br><br><br>
<div id="w" class="easyui-window" data-options="title:'PERHATIAN',inline:true" collapsible="false" minimizable="false" maximizable="false" style="width:700px;height:300px; padding:10px;">
<table width="100%" border="0">
  <tr>
    <td valign="top"><div align="center" class="style53">#</div></td>
    <td><div align="justify" class="style46">Agar keamanan sistem ini tetap terjaga, diharapkan kepada seluruh User Sistem ini untuk <em><strong><span class="style51">tidak memberikan Username dan Password kepada orang lain</span>. </strong></em></div></td>
  </tr>
  <tr>
    <td colspan="2" valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top"><div align="center" class="style53">#</div></td>
    <td><div align="justify" class="style46">Sistem ini dilengkapi dengan <span class="style51"><strong><em>Log System dan Security System</em></strong></span>, guna dapat memantau segala aktivitas User terhadap sistem ini, <span class="style51"><em><strong>dengan memberikan Username dan Password anda kepada Orang lain maka anda bertanggung jawab penuh</strong></em></span> terhadap data yang anda kelola.</div></td>
  </tr>
  <tr>
    <td colspan="2" valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top"><div align="center"><span class="style53">#</span></div></td>
    <td><div align="justify"><span class="style40">Setiap selesai menggunakan aplikasi ini diharapkan kepada seluruh user untuk selalu melakukan <span class="style51"><strong>&quot;Logout&quot;</strong> <strong>[ Menu ini terdapat pada Navigasi Menu sebelah kiri bawah ]</strong></span> guna keamanan sistem ini tetap terjaga. </span></div></td>
  </tr>
  <tr>
    <td colspan="2" valign="top">&nbsp;</td>
  </tr>
  <form id="frmijin" name="frmijin" method="post" action="submission.php">
    <input type="hidden" name="cmd" value="add_pesan" />
  </form>
</table>
</div> -->

<!-- <div class="box box-info" style="padding: 15;">
  <form action="main/warning" method="post">
    <div class="box-body">
      <div class="col-sm-3">
        <input type="text" class="easyui-datebox" name="tanggalAwal" placeholder="Tanggal Awal">
      </div>
      <div class="col-sm-3">
        <input type="text" class="easyui-datebox" name="tanggalAkhir" placeholder="Tanggal Akhir">
      </div>
      <div class="col-sm-3">
        <input type="submit" value="Cari Laporan" class="btn btn-primary"> -->
<!-- <a class="easyui-linkbutton" iconCls="icon-ok">Submit</a> -->
<!-- </div>
    </div>
  </form>
</div> --> 
<br>
<!-- Load chart dengan menggunakan ID -->
<div class="row col-sm-12" id="report" style="padding: 10;">
  <!-- END load chart -->

  <!-- Script untuk memanggil library Highcharts -->
  <script type="text/javascript">
  /*function setdg(){
	$('#dg2').datagrid({
		title:'PO Due Date',
		width:'100%',
		height:200,
		style:{margin:-1,padding:10},
		fitColumns:true,
		rownumbers:true,
		striped:true,
		singleSelect:true,
		columns:[[
			{field:'po_no',title:'No Po',width:80},
			{field:'supplier',title:'Supplier',width:80},
			{field:'po_date',title:'PO Date',width:80,align:'center'},
			{field:'due_date',title:'Due Date',width:300}
		]],
		url: '<?=site_url('main/getdataPO'); ?> '
	});*/
  $(function() {
      $('#report').highcharts({
        chart: {
          type: 'column',
          margin: 75,
          options3d: {
            enabled: false,
            alpha: 10,
            beta: 25,
            depth: 70
          }
        },
        title: {
          text: 'Dashboard',
          style: {
            fontSize: '18px',
            fontFamily: 'Verdana, sans-serif'
          }
        },
        subtitle: {
          text: 'Grafik Status Aktivitas',
          style: {
            fontSize: '15px',
            fontFamily: 'Verdana, sans-serif'
          }
        },
        plotOptions: {
          column: {
            depth: 25
          }
        },
        credits: {
          enabled: false
        },
        xAxis: {
          categories: ["","Amount Do","Amount Purchase"],
        },
        exporting: {
          enabled: false
        },
        yAxis: {
          title: {
            text: 'Total'
          },
        },
        tooltip: {
          formatter: function() {
            return 'Total ' + this.series.name + '<b>' + Highcharts.numberFormat(this.y, 0, ',', '.') + '</b>';
          }
        },
        series: [{
            name: 'Amount Sales',
            data: [<?= $rs[0]->amount_sales; ?>],
            shadow: true,
            dataLabels: {
              enabled: true,
              align: 'center',
              formatter: function() {
                return Highcharts.numberFormat(this.y, 0, ',', '.');
              }, // one decimal
              y: 0, // 10 pixels down from the top
              style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
              }
            }
          },
          {
            name: 'Amount Do',
            data: [<?= $rs[0]->amount_do; ?>],
            shadow: true,
            color: '#47c116',
            dataLabels: {
              enabled: true,
              align: '',
              formatter: function() {
                return Highcharts.numberFormat(this.y, 0, ',', '.');
              }, // one decimal
              y: 0, // 10 pixels down from the top
              style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
              }
            }
          },
          {
            name: 'Amount Purchase',
            data: [<?= $rs[0]->amount_purchase; ?>],
            shadow: true,
            color: '#FFA500',
            dataLabels: {
              enabled: true,
              align: 'center',
              formatter: function() {
                return Highcharts.numberFormat(this.y, 0, ',', '.');
              }, // one decimal
              y: 0, // 10 pixels down from the top
              style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
              }
            }
          },
          {
            name: 'Amount Incoming',
            data: [<?= $rs[0]->amount_incoming; ?>],
            shadow: true,
            color: '#ee0d3a',
            dataLabels: {
              enabled: true,
              align: 'center',
              formatter: function() {
                return Highcharts.numberFormat(this.y, 0, ',', '.');
              }, // one decimal
              y: 0, // 10 pixels down from the top
              style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
              }
            }
          }
        ]
      });
    });
  </script>
  <br><br>
 
