Tryag File Manager

/home/ltms.eemo.co.kr/public_html/super/breed_status_chart_dotae_gps.php

<?
/* 기본 메뉴 세팅 시작*/
  include_once("inc_header.php");
  $on_menu="farm_manager";
  $on_sub_menu=$_REQUEST[menu];
/* 기본 메뉴 세팅 끝*/
$farm_no = $_REQUEST["farm_no"];
?>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?=$_TITLE?></title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/messagebox.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
  </head>
  
  <style>
  #chartdiv_stand {
    width: 100%;
    height: 500px;
  }

#chartdiv {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }

.inpForm {
    border: 1px solid #e5e6e7;
    padding: 6px 12px;
  }
  </style>

<script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    
    <script src="https://www.amcharts.com/lib/4/core.js"></script>
    <script src="https://www.amcharts.com/lib/4/charts.js"></script>
    <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
    <script src="https://www.amcharts.com/lib/4/themes/dataviz.js"></script>
    
    <script src="js/plugins/chosen/chosen.jquery.js"></script>
    
    <script src="js/plugins/jsKnob/jquery.knob.js"></script>
    
    <script src="js/plugins/jasny/jasny-bootstrap.min.js"></script>
    
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <script src="js/plugins/nouslider/jquery.nouislider.min.js"></script>
    
    <script src="js/plugins/switchery/switchery.js"></script>
    
    <script src="js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>
    
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    
    <script src="js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
    
    <script src="js/plugins/clockpicker/clockpicker.js"></script>
    
    <script src="js/plugins/cropper/cropper.min.js"></script>
    
    <script src="js/plugins/fullcalendar/moment.min.js"></script>
    
    <script src="js/plugins/daterangepicker/daterangepicker.js"></script>
    
    <script src="js/ko.js"></script>    
    
    <script src="js/plugins/select2/select2.full.min.js"></script>
    
    <script src="js/plugins/touchspin/jquery.bootstrap-touchspin.min.js"></script>
    
    <script src="js/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
    
    <script src="js/plugins/dualListbox/jquery.bootstrap-duallistbox.js"></script>

</body>

</html>
<?php 
    $arrData = array();
    $tmpQuery = mysql_query("SELECT * FROM breed_gps_base_data WHERE company_no = {$_COOKIE['ltms_company_no']} AND egg_jong_type = 1 ORDER BY eday_num ASC ");
    while($rs = mysql_fetch_assoc($tmpQuery)) {
            $arrData[] = $rs;
    }
?>
<script>
$(document).ready(function() {
  am4core.ready(function() {

// Themes begin
    am4core.useTheme(am4themes_dataviz);
    am4core.useTheme(am4themes_animated);
    // Themes end

// Create chart instance
    var chart = am4core.create("chartdiv_stand", am4charts.XYChart);
   
    chart.data = [
        <?
            foreach ($arrData as $key => $value) {
        ?>
        {
            "date"  : "<?=$value[jucha_num]?>",
            "C사료" : <?=$value[am_feed]?>,
            "D사료" : <?=$value[su_feed]?>,
            "C체중" : <?=round($value[am_weight]/10,1)?>,
            "D체중" : <?=round($value[su_weight]/10,1)?>,
            "표준산란률" : <?=$value[sanran_rate]?>,
            "산란누계" : <?=$value[sanran_nu]?>,
            "종랑누계" : <?=$value[jongran_nu]?>,
            "난중" : <?=$value[nan_weight]?>,
            "부화율" : <?=$value[buwha_rate]?>,
            "주간초생추" : <?=$value[jugan_choseng]?>,
            "PS누계" : <?=$value[ps_nu]?>
        },
        <?}?>
    ];
    chart.colors.list = [
        am4core.color("#000099"), // 0
        am4core.color("#009900"), // 1
        am4core.color("#FF00FF"), // 2
        am4core.color("#FFCC00"), // 3
        am4core.color("#663300"), // 4
        am4core.color("#3399FF"), // 5
        am4core.color("#66FF99"), // 6
        am4core.color("#FF3300"), // 7
        am4core.color("#FF99CC"), // 8
        am4core.color("#000000"), // 9
        am4core.color("#CCFFFF"), // 10
        am4core.color("#FF0099"), // 11
        am4core.color("#660033"), // 13
        am4core.color("#33FF00"), // 14
        am4core.color("#996633") // 15
      ];

// Create axes
    var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
    categoryAxis.dataFields.category = "date";
    // categoryAxis.renderer.grid.template.location = 10;
    categoryAxis.renderer.minGridDistance = 8;

var valueAxis1 = chart.yAxes.push(new am4charts.ValueAxis());
    valueAxis1.min = 0;
    valueAxis1.max = 100;
    valueAxis1.title.text = "률";
    valueAxis1.title.rotation = 0;

var valueAxis2 = chart.yAxes.push(new am4charts.ValueAxis());
    valueAxis2.min = 0;
    valueAxis2.max = 200;
    valueAxis2.title.text = "개";
    valueAxis2.title.rotation = 0;

var valueAxis0 = chart.yAxes.push(new am4charts.ValueAxis());
    // valueAxis2.min = 70;
    // valueAxis2.max = 100;
    // valueAxis2.extraMin = 500.0;
    // valueAxis2.extraMax = 0.0; 
    valueAxis0.title.text = "10g";
    valueAxis0.renderer.opposite = true;
    valueAxis0.renderer.grid.template.disabled = true;

// Create series
    // var series1 = chart.series.push(new am4charts.ColumnSeries());
    // series1.dataFields.valueY = "C사료";
    // series1.dataFields.categoryX = "date";
    // series1.yAxis = valueAxis2;
    // series1.name = "C사료";
    // series1.tooltipText = "{name} : [bold font-size: 20]{valueY}g[/]";
    // series1.fill = chart.colors.getIndex(0);
    // series1.strokeWidth = 0;
    // series1.clustered = false;
    // series1.columns.template.width = am4core.percent(40);

// var series2 = chart.series.push(new am4charts.ColumnSeries());
    // series2.dataFields.valueY = "D사료";
    // series2.dataFields.categoryX = "date";
    // series2.yAxis = valueAxis2;
    // series2.name = "D사료";
    // series2.tooltipText = "{name} : [bold font-size: 20]{valueY}g[/]";
    // series2.fill = chart.colors.getIndex(0).lighten(0.5);
    // series2.strokeWidth = 0;
    // series2.clustered = false;
    // series2.toBack();

// // 체중
    // var series3 = chart.series.push(new am4charts.ColumnSeries());
    // series3.dataFields.valueY = "C체중";
    // series3.dataFields.categoryX = "date";
    // series3.yAxis = valueAxis2;
    // series3.name = "C체중";
    // series3.tooltipText = "{name} : [bold font-size: 20]{valueY.formatNumber('#')}g[/]";
    // series3.fill = chart.colors.getIndex(1).lighten(0.3);
    // series3.strokeWidth = 0;
    // series3.clustered = false;
    // series3.columns.template.width = am4core.percent(40);
    // series3.toBack();

// var series4 = chart.series.push(new am4charts.ColumnSeries());
    // series4.dataFields.valueY = "D체중";
    // series4.dataFields.categoryX = "date";
    // series4.yAxis = valueAxis2;
    // series4.name = "D체중";
    // series4.tooltipText = "{name} : [bold font-size: 20]{valueY.formatNumber('#')}g[/]";
    // series4.fill = chart.colors.getIndex(1).lighten(0.5);
    // series4.strokeWidth = 0;
    // series4.clustered = false;
    // series4.toBack();

var series1 = chart.series.push(new am4charts.LineSeries());
    series1.dataFields.valueY = "C사료";
    series1.dataFields.categoryX = "date";
    series1.name = "C사료";
    series1.strokeWidth = 1;
    series1.stroke = series1.fill = chart.colors.getIndex(4);
    series1.tensionX = 0.9;
    series1.yAxis = valueAxis0;
    series1.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series1.strokeDasharray = "3,3";

var series2 = chart.series.push(new am4charts.LineSeries());
    series2.dataFields.valueY = "D사료";
    series2.dataFields.categoryX = "date";
    series2.name = "D사료";
    series2.strokeWidth = 1;
    series2.stroke = series2.fill = chart.colors.getIndex(5);
    series2.tensionX = 0.9;
    series2.yAxis = valueAxis0;
    series2.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series2.strokeDasharray = "3,3";

var series3 = chart.series.push(new am4charts.LineSeries());
    series3.dataFields.valueY = "C체중";
    series3.dataFields.categoryX = "date";
    series3.name = "C체중";
    series3.strokeWidth = 1;
    series3.stroke = series3.fill = chart.colors.getIndex(6);
    series3.tensionX = 0.9;
    series3.yAxis = valueAxis0;
    series3.tooltipText = "{name} : [bold font-size: 20]{valueY}g[/]";
    series3.strokeDasharray = "3,3";

var series4 = chart.series.push(new am4charts.LineSeries());
    series4.dataFields.valueY = "D체중";
    series4.dataFields.categoryX = "date";
    series4.name = "D체중";
    series4.strokeWidth = 1;
    series4.stroke = series4.fill = chart.colors.getIndex(7);
    series4.tensionX = 0.9;
    series4.yAxis = valueAxis0;
    series4.tooltipText = "{name} : [bold font-size: 20]{valueY}g[/]";
    series4.strokeDasharray = "3,3";

var series5 = chart.series.push(new am4charts.LineSeries());
    series5.dataFields.valueY = "표준산란률";
    series5.dataFields.categoryX = "date";
    series5.name = "표준산란률";
    series5.strokeWidth = 1;
    series5.stroke = series5.fill = chart.colors.getIndex(8);
    series5.tensionX = 0.9;
    series5.yAxis = valueAxis1;
    series5.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series5.strokeDasharray = "3,3";

var series6 = chart.series.push(new am4charts.LineSeries());
    series6.dataFields.valueY = "산란누계";
    series6.dataFields.categoryX = "date";
    series6.name = "산란누계";
    series6.strokeWidth = 1;
    series6.stroke = series6.fill =chart.colors.getIndex(9);
    series6.yAxis = valueAxis2;
    series6.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series6.stroke = chart.colors.getIndex(0);
    series6.strokeDasharray = "3,3";

var series7 = chart.series.push(new am4charts.LineSeries());
    series7.dataFields.valueY = "종랑누계";
    series7.dataFields.categoryX = "date";
    series7.name = "종랑누계";
    series7.strokeWidth = 1;
    series7.stroke = series7.fill =chart.colors.getIndex(10);
    series7.yAxis = valueAxis2;
    series7.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series7.stroke = chart.colors.getIndex(0);
    series7.strokeDasharray = "3,3";

var series8 = chart.series.push(new am4charts.LineSeries());
    series8.dataFields.valueY = "난중";
    series8.dataFields.categoryX = "date";
    series8.name = "난중";
    series8.strokeWidth = 1;
    series8.stroke = series8.fill =chart.colors.getIndex(11);
    series8.yAxis = valueAxis1;
    series8.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series8.stroke = chart.colors.getIndex(0);
    series8.strokeDasharray = "3,3";

var series9 = chart.series.push(new am4charts.LineSeries());
    series9.dataFields.valueY = "부화율";
    series9.dataFields.categoryX = "date";
    series9.name = "부화율";
    series9.strokeWidth = 1;
    series9.stroke = series9.fill =chart.colors.getIndex(12);
    series9.yAxis = valueAxis1;
    series9.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series9.stroke = chart.colors.getIndex(0);
    series9.strokeDasharray = "3,3";

var series10 = chart.series.push(new am4charts.LineSeries());
    series10.dataFields.valueY = "주간초생추";
    series10.dataFields.categoryX = "date";
    series10.name = "주간초생추";
    series10.strokeWidth = 1;
    series10.stroke = series10.fill =chart.colors.getIndex(13);
    series10.yAxis = valueAxis1;
    series10.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series10.stroke = chart.colors.getIndex(0);
    series10.strokeDasharray = "3,3";

var series11 = chart.series.push(new am4charts.LineSeries());
    series11.dataFields.valueY = "PS누계";
    series11.dataFields.categoryX = "date";
    series11.name = "PS누계";
    series11.strokeWidth = 1;
    series11.stroke = series11.fill =chart.colors.getIndex(14);
    series11.yAxis = valueAxis1;
    series11.tooltipText = "{name} : [bold font-size: 20]{valueY}[/]";
    series11.stroke = chart.colors.getIndex(0);
    series11.strokeDasharray = "3,3";

// var bullet4 = series4.bullets.push(new am4charts.CircleBullet());
    // bullet4.circle.radius = 3;
    // bullet4.circle.strokeWidth = 2;
    // bullet4.circle.fill = am4core.color("#fff");

// var range = valueAxis1.createSeriesRange(series3);
    // // range.value = 100;
    // // range.endValue = 100000;
    // range.contents.stroke = chart.colors.getIndex(5);
    // range.contents.fill = range.contents.stroke;
    // range.contents.strokeOpacity = 0.7;
    // range.contents.fillOpacity = 0.1;

// Add cursor
    chart.cursor = new am4charts.XYCursor();

// Add legend
    chart.legend = new am4charts.Legend();
    chart.legend.position = "top";

}); // end am4core.ready()

});

</script>