Tryag File Manager
Home
||
Turbo Force
||
B-F Config_Cpanel
Current Path :
/
home
/
ltms.eemo.co.kr
/
public_html
/
super
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/ltms.eemo.co.kr/public_html/super/market_price_info.php
<? include_once("inc_header.php"); $on_menu="farm_manager"; $on_sub_menu="farm_manager_".$_REQUEST[jong_type]; /* 날짜 검색 조건 생성 */ $searchStart = empty($_REQUEST[searchStart]) ? date("Y-m-d", strtotime("-1 month", time())) : $_REQUEST[searchStart]; $searchEnd = empty($_REQUEST[searchEnd]) ? date("Y-m-d"): $_REQUEST[searchEnd]; if(!empty($searchStart) && !empty($searchEnd)) $searchDate = "AND jdate BETWEEN '$searchStart' AND '$searchEnd'"; else $searchDate = "AND jdate BETWEEN '$searchStart' AND '$searchEnd'"; /* 검색 서브밋 시세검색 Active 설정 */ $activeTab = $_REQUEST[activeTab]; $sise_normal_query = "SELECT * FROM bro_cc_sise "; // 대한양계협회 시세쿼리 최근 데이터 $poultry_res = RS($sise_normal_query." WHERE type ='poultry' ORDER BY jdate DESC LIMIT 1"); // 한국육계협회 시세쿼리 최근 데이터 $chicken_res = RS($sise_normal_query." WHERE type ='chicken' ORDER BY jdate DESC LIMIT 1"); // 대한양계협회 시세쿼리 리스트 $poultry_sise_list = mysql_query($sise_normal_query." where type = 'poultry' $searchDate order by jdate asc ") or die(); $arr_poultry_sise_list = array(); while ($rs = mysql_fetch_array($poultry_sise_list)) { $arr_poultry_sise_list[] = $rs; } // 한국육계협회 시세쿼리 리스트 $chicken_sise_list = mysql_query($sise_normal_query." where type = 'chicken' $searchDate order by jdate asc ") or die(); while ($rs = mysql_fetch_array($chicken_sise_list)) { $arr_chicken_sise_list[] = $rs; } $poul_sise = array(); // 대한양계협회 시세 그래프 쿼리 $poultry_sise_graph = mysql_query($sise_normal_query." WHERE type = 'poultry' ORDER BY uptime ASC ") or die(); $poul_graph = array(); while ($row = mysql_fetch_array($poultry_sise_graph)) $poul_graph[] = $row; ?> <!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/plugins/chosen/bootstrap-chosen.css" rel="stylesheet"> <link href="css/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css" rel="stylesheet"> <link href="css/plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"> <link href="css/plugins/cropper/cropper.min.css" rel="stylesheet"> <link href="css/plugins/switchery/switchery.css" rel="stylesheet"> <link href="css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet"> <link href="css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet"> <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet"> <link href="css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet"> <link href="css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet"> <link href="css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet"> <link href="css/plugins/clockpicker/clockpicker.css" rel="stylesheet"> <link href="css/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet"> <link href="css/plugins/select2/select2.min.css" rel="stylesheet"> <link href="css/plugins/touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet"> <link href="css/plugins/dualListbox/bootstrap-duallistbox.min.css" rel="stylesheet"> <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> <link href="css/plugins/dataTables/datatables.min.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <style> .chick-bg { background-color: #ff7f7f !important; } .chicken-sm-bg { background-color: #ffdf7f !important; } .chicken-md-bg { background-color: #7fd7f7 !important; } .chicken-lg-bg { background-color: #7fd7a7 !important; } .widget { border-radius: 10px !important; } fieldset { border: 2px solid silver; padding: 25px; border-radius: 30px; } legend { padding: 2px; } #poultry_all_sise_table thead tr th { min-width: 100px; padding: 10px; } #poultry_all_sise_table tbody tr td { min-width: 100px; padding: 10px; } #chicken_all_sise_table thead tr th { min-width: 100px; padding: 10px; } #chicken_all_sise_table tbody tr td { min-width: 100px; padding: 10px; } #chart_poultry { width: 100%; height: 330px; overflow: inherit !important; } #chart_chicken { width: 100%; height: 330px; overflow: inherit !important; } .invisible-scrollbar::-webkit-scrollbar { display: none; } </style> <body class="pace-done mini-navbar"> <div id="wrapper"> <? include_once("inc_sidemenu.php"); ?> <!-- 사이드 메뉴 --> <div id="page-wrapper" class="gray-bg"> <? include_once("inc_top.php"); // include_once("inc_now_position.php"); /* 큰 알림 텍스트 */ include_once("navigation.php"); ?> <!-- 헤더 메뉴 끝 --> <div class="row"> <!-- 사육관리 탭메뉴 --> <? include_once("inc_top_submenu.php"); /* 사육관리전용 탭 그외 주석처리 */ ?> </div> <div class="row wrapper border-bottom white-bg page-heading py-3"> <? include_once("inc_nav_menu.php"); /* 네비게이션 판 */ ?> </div> <!-- 네비 wrapper 끝 --> <div class="wrapper wrapper-content"> <div class="row animated fadeInDown"> <div class="col-lg-12"> <div class="ibox-content border-0 py-0 text-right"> <? // include_once("inc_icon_menu.php");/* 농장관련 아이콘 농장 외 주석 */ ?> </div> </div> <!-- col-lg-크기 지정 후 컨텐츠 입력 --> <div class="col-lg-12"> <div class="ibox-content border-top-0 invisible-scrollbar" style="height:78vh; overflow:scroll;"> <div class="tabs-container"> <? include_once("inc_breed_tabmenu.php");?> <div class="tab-content"> <div role="tabpanel" id="tab-1" class="tab-pane active show"> <div class="panel-body py-0"> <div class="tabs-container"> <ul class="nav nav-tabs" role="tablist"> <li><a class="nav-link <?=$activeTab != 2 ? 'active' : ''?>" data-toggle="tab" href="#today-price">오늘의 시세</a></li> <li><a class="nav-link <?=$activeTab == 2 ? 'active' : ''?>" data-toggle="tab" href="#price-search">시세 검색</a></li> </ul> <div class="tab-content"> <div role="tabpanel" id="today-price" class="tab-pane <?=$activeTab != 2 ? 'active' : ''?>"> <div class="panel-body py-0"> <div class="row"> <div class="ml-5 col-md-10"> <label for="" class="float-right font-bold mb-4 mt-4" style="font-size: 16px;">날짜 : <?php echo $poultry_res['jdate'];?></label> </div> <!-- 대한 양계협회 시세 --> <div class="col-md-6"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-9"> <fieldset> <legend style="width: auto; font-size:16px;" class="font-bold">대한양계협회 시세 </legend> <div class="widget style1 chick-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chick-icon.png" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 병아리 </span> <h2 class="font-bold"><?php echo number_format($poultry_res["v4"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-sm-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 소 </span> <h2 class="font-bold"><?php echo number_format($poultry_res["v3"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-md-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" style="width: 55px;height: 55px;" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 중 </span> <h2 class="font-bold"><?php echo number_format($poultry_res["v2"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-lg-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" style="width: 60px;height: 60px;" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 대 </span> <h2 class="font-bold"><?php echo number_format($poultry_res["v1"])."원"?> </h2> </div> </div> </div> <label for="" class="float-right font-bold" style="font-size:14px;">육계 생계(운반비 미포함, 원/kg)</label> </fieldset> </div> </div> </div> <!-- 대한 양계협회 시세 --> <!-- 한국 육계협회 시세 --> <div class="col-md-6"> <div class="row"> <div class="col-md-9"> <fieldset> <legend style="width: auto; font-size:16px;" class="font-bold">한국육계협회 시세 </legend> <div class="widget style1 chick-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chick-icon.png" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 병아리 </span> <h2 class="font-bold"><?php echo number_format($chicken_res["v4"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-sm-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 소 </span> <h2 class="font-bold"><?php echo number_format($chicken_res["v3"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-md-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" style="width: 55px;height: 55px;" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 중 </span> <h2 class="font-bold"><?php echo number_format($chicken_res["v2"])."원"?> </h2> </div> </div> </div> <div class="widget style1 chicken-lg-bg lazur-bg"> <div class="row"> <div class="col-4 mt-2"> <img src="img/chicken-icon.png" style="width: 60px;height: 60px;" class="ml-2"> </div> <div class="col-8 text-right"> <span class="font-bold" style="font-size: 16px;"> 대 </span> <h2 class="font-bold"><?php echo number_format($chicken_res["v1"])."원"?> </h2> </div> </div> </div> <label for="" class="float-right font-bold" style="font-size:14px;">육계 생계(운반비 포함, 원/kg)</label> </fieldset> </div> <div class="col-md-3"></div> </div> </div> <div class="col-md-10 ml-5"> <label for="" class="font-bold mt-4 float-right" style="font-size:14px;"> ※ 시세 갱신 시간은 오전 10시 30분입니다.</label> </div> <!-- 한국 육계협회 시세 --> </div> </div> </div> <div role="tabpanel" id="price-search" class="tab-pane <?=$activeTab == 2 ? 'active' : ''?>"> <div class="panel-body py-0"> <div class="form-group row ml-3 mb-0"> <label class="col-form-label"><input type="radio" name="sise_type" value="sise_poultry" id="" onclick="javascript:sise_type_menu();" checked> 대한양계협회</label> <label class="col-form-label ml-5"><input type="radio" name="sise_type" value="sise_chicken" id="" onclick="javascript:sise_type_menu();"> 한국육계협회</label> <!-- date picker --> <form method="POST"action="market_price_info.php?jong_type=<?=$_REQUEST[jong_type]?>&pbreedtype=<?=$_REQUEST[pbreedtype]?>"> <div class="form-group mx-1 position-absolute" style="right:20px" id="data_5"> <button class="searchCar btn btn-outline-info float-right ml-1" type="submit" >조회</button> <div class="input-daterange input-group w-75 float-right" id="datepicker"> <span class="input-group-addon bg-white border-left border-light"><i class="fa fa-calculator mx-1" aria-hidden="true"></i></span> <input type="text" class="form-control-sm form-control mx-1" name="searchStart" value="<?=$searchStart?>"> <span class="input-group-addon bg-white"><i class="fa fa-calculator mx-1" aria-hidden="true"></i></span> <input type="text" class="form-control-sm form-control mx-1" name="searchEnd" value="<?=$searchEnd?>"> <input type="hidden" name="activeTab" value="2"> </div> </div> </form> </div> <!-- 양계협회 육계협회 --> <div id="poultry_sise_graph_table"> <!-- 양계 차트 --> <div id="chart_poultry" class="col-md-12 mt-3"></div> <div style="overflow-x:auto;"> <table class="table table-bordered text-center" id="poultry_all_sise_table" style="width:100%; min-width:2000px;"> <thead> <tr> <th></th> <?php foreach(array_reverse($arr_poultry_sise_list) as $row){ ?> <th style="min-width:50px;"> <?php echo substr(stripslashes($row['jdate']),2,10);?></th> <?}?> </tr> </thead> <tbody> <!-- 병아리 --> <tr> <td class="font-bold" style="background:#F5F5F6;">병아리</td> <?php foreach(array_reverse($arr_poultry_sise_list) as $row){?> <td><?php echo number_format($row['v4']);?></td> <?php }?> </tr> <!-- 대 --> <tr> <td class="font-bold" style="background:#F5F5F6;">대</t> <?php foreach(array_reverse($arr_poultry_sise_list) as $row){?> <td><?php echo number_format($row['v1']);?></td> <?php }?> </tr> <!-- 중 --> <tr> <td class="font-bold" style="background:#F5F5F6;">중</t> <?php foreach(array_reverse($arr_poultry_sise_list) as $row){?> <td><?php echo number_format($row['v2']);?></td> <?php }?> </tr> <!-- 소 --> <tr> <td class="font-bold" style="background:#F5F5F6;">소</t> <?php foreach(array_reverse($arr_poultry_sise_list) as $row){?> <td><?php echo number_format($row['v3']);?></td> <?php }?> </tr> </tbody> </table> </div> </div> <!-- 양계협회 --> <!-- 육계협회 --> <div id="chicken_sise_graph_table" style="display: none;"> <div id="chart_chicken" class="col-md-12 mt-3"></div> <div style="overflow-x:auto;" style="width:100%; min-width:2000px;"> <table class="table table-bordered text-center" id="chicken_all_sise_table"> <thead> <tr> <th></th> <?php foreach(array_reverse($arr_chicken_sise_list) as $row){ ?> <th style="min-width:50px;"> <?php echo substr(stripslashes($row['jdate']),2,10);?></th> <?}?> </tr> </thead> <tbody> <!-- 병아리 --> <tr> <td class="font-bold" style="background:#F5F5F6;">병아리</td> <?php foreach(array_reverse($arr_chicken_sise_list) as $row){?> <td><?php echo number_format($row['v4']);?></td> <?php }?> </tr> <!-- 대 --> <tr> <td class="font-bold" style="background:#F5F5F6;">대</t> <?php foreach(array_reverse($arr_chicken_sise_list) as $row){?> <td><?php echo number_format($row['v1']);?></td> <?php }?> </tr> <!-- 중 --> <tr> <td class="font-bold" style="background:#F5F5F6;">중</t> <?php foreach(array_reverse($arr_chicken_sise_list) as $row){?> <td><?php echo number_format($row['v2']);?></td> <?php }?> </tr> <!-- 소 --> <tr> <td class="font-bold" style="background:#F5F5F6;">소</t> <?php foreach(array_reverse($arr_chicken_sise_list) as $row){?> <td><?php echo number_format($row['v3']);?></td> <?php }?> </tr> </tbody> </table> </div> </div> <!-- 육계협회 --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <? include_once("inc_footer.php"); ?> </div> </div> <!-- Mainly scripts --> <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/plugins/metisMenu/jquery.metisMenu.js"></script> <!-- amcharts --> <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/kelly.js"></script> <script src="https://www.amcharts.com/lib/4/themes/dataviz.js"></script> <script src="https://www.amcharts.com/lib/4/themes/frozen.js"></script> <script src="https://www.amcharts.com/lib/4/themes/material.js"></script> <script src="https://www.amcharts.com/lib/4/themes/dark.js"></script> <script src="https://www.amcharts.com/lib/4/themes/moonrisekingdom.js"></script> <script src="https://www.amcharts.com/lib/4/themes/spiritedaway.js"></script> <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script> <!-- Flot --> <script src="js/plugins/flot/jquery.flot.js"></script> <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script> <script src="js/plugins/flot/jquery.flot.spline.js"></script> <script src="js/plugins/flot/jquery.flot.resize.js"></script> <script src="js/plugins/flot/jquery.flot.pie.js"></script> <!-- Peity --> <script src="js/plugins/peity/jquery.peity.min.js"></script> <script src="js/demo/peity-demo.js"></script> <!-- Custom and plugin javascript --> <script src="js/inspinia.js"></script> <script src="js/plugins/pace/pace.min.js"></script> <!-- jQuery UI --> <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script> <!-- GITTER --> <script src="js/plugins/gritter/jquery.gritter.min.js"></script> <!-- Sparkline --> <script src="js/plugins/sparkline/jquery.sparkline.min.js"></script> <!-- Sparkline demo data --> <script src="js/demo/sparkline-demo.js"></script> <!-- iCheck --> <script src="js/plugins/iCheck/icheck.min.js"></script> <!-- ChartJS--> <script src="js/plugins/chartJs/Chart.min.js"></script> <!-- Toastr --> <script src="js/plugins/toastr/toastr.min.js"></script> <!-- bootstrap --> <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script> </body> </html> <script> $(document).ready(function() { /* date picker */ $(function() { $('#data_5 .input-daterange').datepicker({ format : "yyyy-mm-dd", keyboardNavigation: false, forceParse: false, autoclose: true }); }); $('.i-checks').iCheck({ checkboxClass: 'icheckbox_square-green', radioClass: 'iradio_square-green', }); chart_poultry(); chart_chicken(); }); function chart_poultry() { /** * --------------------------------------- * This demo was created using amCharts 4. * * For more information visit: * https://www.amcharts.com/ * * Documentation is available at: * https://www.amcharts.com/docs/v4/ * --------------------------------------- */ // Themes begin am4core.useTheme(am4themes_material); am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("chart_poultry", am4charts.XYChart); // Increase contrast by taking evey second color chart.colors.step = 2; // Add data chart.data = [ <? for ($i=0; $i < count($arr_poultry_sise_list) ; $i++) { $date = substr($arr_chicken_sise_list[$i][jdate],5,5); echo "{"; echo "'date' : '$date',"; echo "'병아리' : '{$arr_poultry_sise_list[$i][v4]}',"; echo "'소' : '{$arr_poultry_sise_list[$i][v1]}',"; echo "'중' : '{$arr_poultry_sise_list[$i][v2]}',"; echo "'대' : '{$arr_poultry_sise_list[$i][v3]}',"; echo "},"; } ?> ]; // chart.data = generateChartData(); // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; // Create series function createAxisAndSeries(field, name, opposite, bullet, label) { var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.min = 50; valueAxis.max = 3000; valueAxis.renderer.minGridDistance = 10; valueAxis.renderer.labels.template.disabled = label; var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = field; series.dataFields.categoryX = "date"; series.strokeWidth = 2; series.yAxis = valueAxis; series.name = name; series.tooltipText = "{name}: [bold]{valueY}[/]"; series.tensionX = 0.8; var interfaceColors = new am4core.InterfaceColorSet(); switch(bullet) { case "triangle": var bullet = series.bullets.push(new am4charts.Bullet()); bullet.width = 9; bullet.height = 9; bullet.horizontalCenter = "middle"; bullet.verticalCenter = "middle"; var triangle = bullet.createChild(am4core.Triangle); triangle.stroke = interfaceColors.getFor("background"); triangle.strokeWidth = 2; triangle.direction = "top"; triangle.width = 9; triangle.height = 9; break; case "rectangle": var bullet = series.bullets.push(new am4charts.Bullet()); bullet.width = 9; bullet.height = 9; bullet.horizontalCenter = "middle"; bullet.verticalCenter = "middle"; var rectangle = bullet.createChild(am4core.Rectangle); rectangle.stroke = interfaceColors.getFor("background"); rectangle.strokeWidth = 2; rectangle.width = 9; rectangle.height = 9; break; default: var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.stroke = interfaceColors.getFor("background"); bullet.circle.strokeWidth = 2; break; } valueAxis.renderer.line.strokeOpacity = 1; valueAxis.renderer.line.strokeWidth = 2; valueAxis.renderer.line.stroke = series.stroke; valueAxis.renderer.labels.template.fill = series.stroke; valueAxis.renderer.opposite = opposite; valueAxis.renderer.grid.template.disabled = true; } createAxisAndSeries("병아리", "병아리", false, "triangle", true); createAxisAndSeries("소", "소", false, "circle", true); createAxisAndSeries("중", "중", false, "circle", true); createAxisAndSeries("대", "대", false, "circle", false); // Add legend chart.legend = new am4charts.Legend(); chart.legend.position = "top"; chart.legend.valign = "top"; // Add cursor chart.cursor = new am4charts.XYCursor(); } function chart_chicken() { /** * --------------------------------------- * This demo was created using amCharts 4. * * For more information visit: * https://www.amcharts.com/ * * Documentation is available at: * https://www.amcharts.com/docs/v4/ * --------------------------------------- */ // Themes begin am4core.useTheme(am4themes_material); am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("chart_chicken", am4charts.XYChart); // Increase contrast by taking evey second color chart.colors.step = 2; // Add data chart.data = [ <? for ($i=0; $i < count($arr_chicken_sise_list) ; $i++) { $date = substr($arr_chicken_sise_list[$i][jdate],5,5); echo "{"; echo "'date' : '$date',"; echo "'병아리' : '{$arr_chicken_sise_list[$i][v4]}',"; echo "'소' : '{$arr_chicken_sise_list[$i][v1]}',"; echo "'중' : '{$arr_chicken_sise_list[$i][v2]}',"; echo "'대' : '{$arr_chicken_sise_list[$i][v3]}',"; echo "},"; } ?> ]; // chart.data = generateChartData(); // Create axes var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "date"; // categoryAxis.renderer.grid.template.disabled = true; // categoryAxis.renderer.minGridDistance = 30; // categoryAxis.renderer.inside = true; // categoryAxis.renderer.labels.template.fill = am4core.color("#fff"); // categoryAxis.renderer.labels.template.fontSize = 20; // Create series function createAxisAndSeries(field, name, opposite, bullet, label) { var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.min = 50; valueAxis.max = 3000; valueAxis.renderer.minGridDistance = 10; valueAxis.renderer.labels.template.disabled = label; var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = field; series.dataFields.categoryX = "date"; series.strokeWidth = 2; series.yAxis = valueAxis; series.name = name; series.tooltipText = "{name}: [bold]{valueY}[/]"; series.tensionX = 0.8; var interfaceColors = new am4core.InterfaceColorSet(); switch(bullet) { case "triangle": var bullet = series.bullets.push(new am4charts.Bullet()); bullet.width = 9; bullet.height = 9; bullet.horizontalCenter = "middle"; bullet.verticalCenter = "middle"; var triangle = bullet.createChild(am4core.Triangle); triangle.stroke = interfaceColors.getFor("background"); triangle.strokeWidth = 2; triangle.direction = "top"; triangle.width = 9; triangle.height = 9; break; case "rectangle": var bullet = series.bullets.push(new am4charts.Bullet()); bullet.width = 9; bullet.height = 9; bullet.horizontalCenter = "middle"; bullet.verticalCenter = "middle"; var rectangle = bullet.createChild(am4core.Rectangle); rectangle.stroke = interfaceColors.getFor("background"); rectangle.strokeWidth = 2; rectangle.width = 9; rectangle.height = 9; break; default: var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.stroke = interfaceColors.getFor("background"); bullet.circle.strokeWidth = 2; break; } valueAxis.renderer.line.strokeOpacity = 1; valueAxis.renderer.line.strokeWidth = 2; valueAxis.renderer.line.stroke = series.stroke; valueAxis.renderer.labels.template.fill = series.stroke; valueAxis.renderer.opposite = opposite; valueAxis.renderer.grid.template.disabled = true; } createAxisAndSeries("병아리", "병아리", false, "triangle", false); createAxisAndSeries("소", "소", false, "rectangle", true); createAxisAndSeries("중", "중", true, "rectangle", true); createAxisAndSeries("대", "대", true, "circle", true); // Add legend chart.legend = new am4charts.Legend(); chart.legend.position = "top"; chart.legend.valign = "top"; // Add cursor chart.cursor = new am4charts.XYCursor(); } function sise_type_menu() { var radioVal = $("input[name='sise_type']:checked").val(); if (radioVal == "sise_poultry") { $("#poultry_sise_graph_table").css('display', ''); $("#chicken_sise_graph_table").css('display', 'none'); } else { $("#poultry_sise_graph_table").css('display', 'none'); $("#chicken_sise_graph_table").css('display', ''); } } </script>