"\n \n\t\n\t \n\t \n\t \n\t \n\t \n\t Grafik AQMS MENLHK<\/title>\n\t \n\t\t<script type=\"text\/javascript\">\n\t\t\tvar objChartISPU\t= [{\"param\":\"PM10\",\"nilai\":\"23\",\"color\":\"#00cc00\"},{\"param\":\"SO2\",\"nilai\":\"0\",\"color\":\"#00cc00\"},{\"param\":\"CO\",\"nilai\":\"20\",\"color\":\"#00cc00\"},{\"param\":\"O3\",\"nilai\":\"23\",\"color\":\"#00cc00\"},{\"param\":\"NO2\",\"nilai\":\"0\",\"color\":\"#00cc00\"}];\n\t\t\tvar objChartPM25\t= '';\n\t\t<\/script>\n\t\t<style type=\"text\/css\">\n\t\t\t.amcharts-chart-div a {display:none !important;}\n\t\t<\/style>\n\t \n\t\t\n\t<\/head>\n\t<body style=\"text-align: -webkit-center; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;\">\n\t\t<div id=\"chart\" style=\"height: 200px;border: 1px solid #ccc;\"><\/div>\n\t\t<!-- JAVASCRIPTS -->\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/webservicext.jogjakota.go.id\/plugins\/jQuery\/jquery-2.2.3.min.js\"><\/script>\n <!--AMCHART-->\n\t\t<script src=\"https:\/\/webservicext.jogjakota.go.id\/plugins\/amcharts\/amcharts.js\" type=\"text\/javascript\"><\/script>\n <script src=\"https:\/\/webservicext.jogjakota.go.id\/plugins\/amcharts\/serial.js\" type=\"text\/javascript\"><\/script>\n \n \t<script type=\"text\/javascript\">\n\t\t\t\t$(document).ready(function() {\n\t\t\t\t\tvar chart;\n\t\t\t\t\tif(objChartISPU){\n\t\t\t\t\t\tvar chartData = JSON.parse(JSON.stringify(objChartISPU));\n\t\t\t\t\t\t\/\/alert(chartData);\n\t\t\t\t\t\tAmCharts.ready(function () {\n\t\t\t\t\t \/\/ SERIAL CHART\n\t\t\t\t\t chart = new AmCharts.AmSerialChart();\n\t\t\t\t\t chart.dataProvider = chartData;\n\t\t\t\t\t chart.categoryField = \"param\";\n\t\t\t\t\t chart.startDuration = 1;\t\t\t\n\t\t\t\t\t \/\/ AXES\n\t\t\t\t\t \/\/ category\n\t\t\t\t\t var categoryAxis = chart.categoryAxis;\n\t\t\t\t\t categoryAxis.gridPosition = \"start\";\n\t\t\t\t\t\t\tcategoryAxis.axisAlpha = 0;\n\t\t\t\t categoryAxis.gridAlpha = 0;\n\t\t\t\t categoryAxis.tickLength = 0;\t \n\t\t\t\t\t\t\t\/\/ Value\n\t\t\t\t\t\t\tvar valueAxis = new AmCharts.ValueAxis();\n\t\t\t\t\t\t\tvalueAxis.minimum = 0;\n\t\t\t\t valueAxis.axisAlpha = 0;\n\t\t\t\t\t\t\tvalueAxis.maximum = 100;\n\t\t\t\t\t\t\t\/\/valueAxis.dashLength = 4;\n\t\t\t\t\t\t\tvalueAxis.labelsEnabled = false;\n\t\t\t\t\t\t\tchart.addValueAxis(valueAxis);\n\t\t\t\t\t\t\t\n\t\t\t\t\t \/\/ GRAPH\n\t\t\t\t\t var graph = new AmCharts.AmGraph();\n\t\t\t\t\t graph.valueField = \"nilai\";\n\t\t\t\t\t graph.balloonText = '[[category]]: <b>[[value]]<\/b>';\n\t\t\t\t\t graph.labelText = '[[value]]';\n\t\t\t\t\t graph.type = \"column\";\n\t\t\t\t\t graph.colorField = \"color\";\n\t\t\t\t\t graph.lineAlpha = 0;\n\t\t\t\t\t graph.fillAlphas = 1;\n\t\t\t\t\t chart.addGraph(graph);\n\t\t\t\t\t\n\t\t\t\t\t chart.write(\"chart\");\n\t\t\t\t\t });\n\t\t\t\t\t}\n\t\t\t\t\tif(objChartPM25){\n\t\t\t\t\t\tvar chartData = JSON.parse(JSON.stringify(objChartPM25));\n\t\t\t\t\t\tAmCharts.ready(function () {\n\t\t\t\t \/\/ SERIAL CHART\n\t\t\t\t chart = new AmCharts.AmSerialChart();\t\t\t\n\t\t\t\t\t\t\tchart.type = 'serial';\n\t\t\t\t chart.marginTop = 30;\n\t\t\t\t chart.marginRight = 10;\n\t\t\t\t chart.dataProvider = chartData;\n\t\t\t\t chart.categoryField = \"tanggal\"; \n\t\t\t\t chart.balloon.cornerRadius = 6;\n\t\t\t\t\n\t\t\t\t \/\/ AXES\n\t\t\t\t \/\/ category\n\t\t\t\t var categoryAxis = chart.categoryAxis;\n\t\t\t\t categoryAxis.dashLength = 1;\n\t\t\t\t categoryAxis.labelRotation = 70;\n\t\t\t\t\n\t\t\t\t \/\/ value\n\t\t\t\t var valueAxis = new AmCharts.ValueAxis();\n\t\t\t\t \/\/console.log(valueAxis);\n\t\t\t\t valueAxis.dashLength = 1;\n\t\t\t\t valueAxis.title = 'Konsentrasi (ug\/m3)';\n\t\t\t\t chart.addValueAxis(valueAxis);\n\t\t\t\t\n\t\t\t\t \/\/ GRAPH\n\t\t\t\t graph = new AmCharts.AmGraph();\n\t\t\t\t graph.lineColor = \"#4B0C88\";\n\t\t\t\t graph.negativeLineColor = \"#487dac\";\n\t\t\t\t graph.bullet = \"square\";\n\t\t\t\t graph.bulletSize = 10;\n\t\t\t\t \/\/graph.bulletColor = val[key].color;\t\n\t\t\t\t graph.colorField = 'color';\t\t\n\t\t\t\t graph.bulletBorderThickness = 2;\n\t\t\t\t graph.bulletBorderAlpha = 1;\n\t\t\t\t graph.connect = false;\n\t\t\t\t graph.lineThickness = 2;\n\t\t\t\t graph.valueField = \"value\"; \n\t\t\t\t graph.labelText = '[[value]]'; \n\t\t\t\t chart.addGraph(graph);\n\t\t\t\t\n\t\t\t\t \/\/ CURSOR\n\t\t\t\t var chartCursor = new AmCharts.ChartCursor();\n\t\t\t\t chartCursor.cursorAlpha = 0;\n\t\t\t\t chartCursor.cursorPosition = \"mouse\";\n\t\t\t\t chartCursor.graphBulletSize = 2;\n\t\t\t\t chart.addChartCursor(chartCursor);\n\t\t\t\t \n\t\t\t\t chart.creditsPosition = \"bottom-right\";\n\t\t\t\t\n\t\t\t\t \/\/ WRITE\n\t\t\t\t chart.write(\"chart\");\n\t\t\t\t });\n\t\t\t\t\t}\n\t\t\t\t});\n \t<\/script>\n \n\t<\/body>\n<\/html>"