No significant difference with the overall value\n\n \n \n \n \n \n Download JPEG \n \n \n Download PDF \n \n \n Download CSV \n \n Chart options:\n \n \n Show Confidence Intervals\n Hide Confidence Intervals\n \n \n\n\n \n \n $(document).ready(function()\n new Highcharts.Chart(\"tooltip\":\"formatter\":\n function () \n if (this.series.options.id != 'value_series') return false; \n\n var periodString = this.point.period ? (' (' + this.point.period + ')') : '';\n var category = this.x.toString().replace(\/\\*?$\/, ''); \/\/ remove unstable flag from category here.\n var str = '' + category + ': ' + this.point.valueFmt + '' + periodString;\n \n if (this.point.percChange != null) \n str += '';\n if (this.point.difference == 0) \n str += 'Same as overall value';\n \n else \n str += ((this.point.difference > 0) ? 'Higher' : 'Lower') + ' than overall value by ' + this.point.absDifferenceFmt + ' (' + Math.abs(this.point.percChange) + '% difference)';\n \n \n \n \n var pointIdx = this.point.index;\n var series = (this.series.chart.series[1]) ? this.series.chart.series[1] : null;\n if (series && series.data[pointIdx] && series.data[pointIdx].low != null) \n var valueLowerCIfmt = series.data[pointIdx].lowFmt;\n var valueUpperCIfmt = series.data[pointIdx].highFmt;\n if (valueLowerCIfmt != null && valueUpperCIfmt != null) \n str += 'Confidence Interval: ' + valueLowerCIfmt + ' - ' + valueUpperCIfmt;\n \n \n \n str += '';\n return str;\n ,\"credits\":\"enabled\":false,\"text\":\"www.miamidadematters.org\",\"href\":null,\"position\":\"verticalAlign\":\"top\",\"align\":\"right\",\"y\":10,\"style\":\"fontSize\":\"8px\",\"color\":\"#aaa\",\"legend\":\"enabled\":false,\"chart\":\"type\":\"bar\",\"renderTo\":\"idet-breakout-chart-464-414-100\",\"events\":\"beforePrint\":\n function () \n \/\/ This is needed only for its side-effect of triggering rendering of data labels:\n this.update(this.options);\n \n ,\"marginBottom\":50,\"plotOptions\":\"series\":\"minPointLength\":1,\"title\":\"text\":\"Teens who are Sexually Active by Race\\\/Ethnicity\",\"widthAdjust\":-100,\"style\":\"fontSize\":\"12px\",\"xAxis\":\"categories\":[\"Hispanic\\\/Latino\",\"Black\\\/African American\",\"White\",\"Overall\"],\"labels\":\"step\":1,\"yAxis\":\"title\":\"text\":\"percent\",\"y\":-4,\"style\":\"fontSize\":\"11px\",\"series\":[\"dataLabels\":\"enabled\":true,\"formatter\":\n function() \n if (this.point.series.chart.options.chart.forExport) \n return this.point.valueFmt;\n \n else \n return '';\n \n ,\"style\":\"fontWeight\":\"normal\",\"data\":[\"y\":40.7000000000000028421709430404007434844970703125,\"valueFmt\":\"40.7%\",\"period\":\"2017\",\"difference\":-0.099999999999994315658113919198513031005859375,\"absDifferenceFmt\":\"0.1%\",\"percChange\":-0.25,\"y\":44.10000000000000142108547152020037174224853515625,\"valueFmt\":\"44.1%\",\"period\":\"2017\",\"difference\":3.30000000000000426325641456060111522674560546875,\"absDifferenceFmt\":\"3.3%\",\"percChange\":8.089999999999999857891452847979962825775146484375,\"y\":33.2999999999999971578290569595992565155029296875,\"valueFmt\":\"33.3%\",\"period\":\"2017\",\"difference\":-7.5,\"absDifferenceFmt\":\"7.5%\",\"percChange\":-18.379999999999999005240169935859739780426025390625,\"y\":40.7999999999999971578290569595992565155029296875,\"valueFmt\":\"40.8%\",\"period\":\"2017\",\"color\":\"#777777\"],\"name\":\"Value\",\"id\":\"value_series\",\"type\":\"errorbar\",\"name\":\"Confidence Interval\",\"id\":\"confidence_intervals\",\"visible\":false,\"lineWidth\":1.1999999999999999555910790149937383830547332763671875,\"whiskerLength\":\"33%\",\"data\":[\"low\":37,\"lowFmt\":\"37.0%\",\"high\":44.60000000000000142108547152020037174224853515625,\"highFmt\":\"44.6%\",\"low\":37.39999999999999857891452847979962825775146484375,\"lowFmt\":\"37.4%\",\"high\":51.10000000000000142108547152020037174224853515625,\"highFmt\":\"51.1%\",\"low\":20.10000000000000142108547152020037174224853515625,\"lowFmt\":\"20.1%\",\"high\":49.7999999999999971578290569595992565155029296875,\"highFmt\":\"49.8%\",\"low\":36.7000000000000028421709430404007434844970703125,\"lowFmt\":\"36.7%\",\"high\":45,\"highFmt\":\"45.0%\"],\"options\":\"dataLabels\":\"enabled\":false],\"lang\":\"contextButtonTitle\":\"Chart Export and Settings\",\"exporting\":\"buttons\":\"contextButton\":\"align\":\"right\",\"menuItems\":null,\"symbolSize\":18,\"x\":-20,\"onclick\":\n function () \n $('#chart-options-464-414-100').dialog(\n position: \n my: 'right top',\n at: 'right-10 top+10',\n of: $('#idet-breakout-chart-464-414-100')\n ,\n hide: true,\n show: true,\n classes: 'ui-dialog': 'chart-options-dialog', 'ui-dialog-titlebar': 'pb-0 mb-0',\n width: 'auto',\n create: function(event, ui) \n \/\/ close any other open chart dialogs\n if ($('.chart-options-dialog .chart-options').not('#chart-options-464-414-100').length) \n $('.chart-options-dialog .chart-options').not('#chart-options-464-414-100').dialog('destroy'); \n \n ,\n open: function(event, ui) \n $('#content_container').on('click', function(e) \n $('.chart-options-dialog .chart-options').dialog('destroy');\n $('#content_container').off('click');\n ); \n \n );\n ,\"chartOptions\":\"xAxis\":[\"labels\":\"style\":\"fontSize\":\"7px\",\"categories\":[\"Hispanic\\\/Latino\",\"Black\\\/African American\",\"White\",\"Overall\"]],\"chart\":\"marginBottom\":80,\"credits\":\"enabled\":true,\"position\":\"align\":\"right\",\"verticalAlign\":\"bottom\",\"y\":-5,\"plotOptions\":\"series\":\"dataLabels\":\"enabled\":true,\"style\":\"textShadow\":\"\",\"subtitle\":\"style\":\"fontSize\":\"9px\",\"margin\":\"15px\",\"verticalAlign\":\"bottom\",\"text\":\"Source: Youth Risk Behavior Surveillance System (2017)\",\"y\":0,\"title\":\"text\":\"Teens who are Sexually Active by Race\\\/EthnicityCounty: Miami-Dade\",\"useHTML\":false,\"enabled\":true,\"filename\":\"Teens_who_are_Sexually_Active_by_Race_Ethnicity_County_Miami_Dade\",\"csv\":\"columnHeaderFormatter\":\n function (item, key) \n if (!item) \n return false\n \n if (item instanceof Highcharts.Axis) \n return \"Race\/Ethnicity\"\n \n if (item instanceof Highcharts.Series ) \n if (item.type != \"errorbar\") \n return item.yAxis.options.title.text\n \n \n return false;\n \n ); addChartControls('idet-breakout-chart-container-464-414-100', 1);\n );\n \n \n \n\n No significant difference with the overall value\n\n \n \n \n \n \n Download JPEG \n \n \n Download PDF \n \n \n Download CSV \n \n Chart options:\n \n \n Show Confidence Intervals\n Hide Confidence Intervals\n \n \n\n\n \n \n $(document).ready(function()\n new Highcharts.Chart(\"tooltip\":\"formatter\":\n function () \n if (this.series.options.id != 'value_series') return false; \n\n var periodString = this.point.period ? (' (' + this.point.period + ')') : '';\n var category = this.x.toString().replace(\/\\*?$\/, ''); \/\/ remove unstable flag from category here.\n var str = '' + category + ': ' + this.point.valueFmt + '' + periodString;\n \n if (this.point.percChange != null) \n str += '';\n if (this.point.difference == 0) \n str += 'Same as overall value';\n \n else \n str += ((this.point.difference > 0) ? 'Higher' : 'Lower') + ' than overall value by ' + this.point.absDifferenceFmt + ' (' + Math.abs(this.point.percChange) + '% difference)';\n \n \n \n \n var pointIdx = this.point.index;\n var series = (this.series.chart.series[1]) ? this.series.chart.series[1] : null;\n if (series && series.data[pointIdx] && series.data[pointIdx].low != null) \n var valueLowerCIfmt = series.data[pointIdx].lowFmt;\n var valueUpperCIfmt = series.data[pointIdx].highFmt;\n if (valueLowerCIfmt != null && valueUpperCIfmt != null) \n str += 'Confidence Interval: ' + valueLowerCIfmt + ' - ' + valueUpperCIfmt;\n \n \n \n str += '';\n return str;\n ,\"credits\":\"enabled\":false,\"text\":\"www.miamidadematters.org\",\"href\":null,\"position\":\"verticalAlign\":\"top\",\"align\":\"right\",\"y\":10,\"style\":\"fontSize\":\"8px\",\"color\":\"#aaa\",\"legend\":\"enabled\":false,\"chart\":\"type\":\"bar\",\"renderTo\":\"idet-breakout-chart-464-414-9801\",\"events\":\"beforePrint\":\n function () \n \/\/ This is needed only for its side-effect of triggering rendering of data labels:\n this.update(this.options);\n \n ,\"marginBottom\":50,\"plotOptions\":\"series\":\"minPointLength\":1,\"title\":\"text\":\"Teens who are Sexually Active by Sexual Identity\",\"widthAdjust\":-100,\"style\":\"fontSize\":\"12px\",\"xAxis\":\"categories\":[\"Heterosexual (straight)\",\"Gay or Lesbian\",\"Gay, Lesbian, or Bisexual\",\"Bisexual\",\"Not Sure\",\"Overall\"],\"labels\":\"step\":1,\"yAxis\":\"title\":\"text\":\"percent\",\"y\":-4,\"style\":\"fontSize\":\"11px\",\"series\":[\"dataLabels\":\"enabled\":true,\"formatter\":\n function() \n if (this.point.series.chart.options.chart.forExport) \n return this.point.valueFmt;\n \n else \n return '';\n \n ,\"style\":\"fontWeight\":\"normal\",\"data\":[\"y\":40.2000000000000028421709430404007434844970703125,\"valueFmt\":\"40.2%\",\"period\":\"2017\",\"difference\":-0.599999999999994315658113919198513031005859375,\"absDifferenceFmt\":\"0.6%\",\"percChange\":-1.4699999999999999733546474089962430298328399658203125,\"y\":54.89999999999999857891452847979962825775146484375,\"valueFmt\":\"54.9%\",\"period\":\"2017\",\"difference\":14.10000000000000142108547152020037174224853515625,\"absDifferenceFmt\":\"14.1%\",\"percChange\":34.56000000000000227373675443232059478759765625,\"y\":51.39999999999999857891452847979962825775146484375,\"valueFmt\":\"51.4%\",\"period\":\"2017\",\"difference\":10.60000000000000142108547152020037174224853515625,\"absDifferenceFmt\":\"10.6%\",\"percChange\":25.980000000000000426325641456060111522674560546875,\"y\":50.2999999999999971578290569595992565155029296875,\"valueFmt\":\"50.3%\",\"period\":\"2017\",\"difference\":9.5,\"absDifferenceFmt\":\"9.5%\",\"percChange\":23.280000000000001136868377216160297393798828125,\"y\":23.89999999999999857891452847979962825775146484375,\"valueFmt\":\"23.9%\",\"period\":\"2017\",\"difference\":-16.89999999999999857891452847979962825775146484375,\"absDifferenceFmt\":\"16.9%\",\"percChange\":-41.4200000000000017053025658242404460906982421875,\"y\":40.7999999999999971578290569595992565155029296875,\"valueFmt\":\"40.8%\",\"period\":\"2017\",\"color\":\"#777777\"],\"name\":\"Value\",\"id\":\"value_series\",\"type\":\"errorbar\",\"name\":\"Confidence Interval\",\"id\":\"confidence_intervals\",\"visible\":false,\"lineWidth\":1.1999999999999999555910790149937383830547332763671875,\"whiskerLength\":\"33%\",\"data\":[\"low\":35.7999999999999971578290569595992565155029296875,\"lowFmt\":\"35.8%\",\"high\":44.7999999999999971578290569595992565155029296875,\"highFmt\":\"44.8%\",\"low\":37.7999999999999971578290569595992565155029296875,\"lowFmt\":\"37.8%\",\"high\":70.900000000000005684341886080801486968994140625,\"highFmt\":\"70.9%\",\"low\":43.2999999999999971578290569595992565155029296875,\"lowFmt\":\"43.3%\",\"high\":59.39999999999999857891452847979962825775146484375,\"highFmt\":\"59.4%\",\"low\":40.7999999999999971578290569595992565155029296875,\"lowFmt\":\"40.8%\",\"high\":59.7999999999999971578290569595992565155029296875,\"highFmt\":\"59.8%\",\"low\":13.0999999999999996447286321199499070644378662109375,\"lowFmt\":\"13.1%\",\"high\":39.60000000000000142108547152020037174224853515625,\"highFmt\":\"39.6%\",\"low\":36.7000000000000028421709430404007434844970703125,\"lowFmt\":\"36.7%\",\"high\":45,\"highFmt\":\"45.0%\"],\"options\":\"dataLabels\":\"enabled\":false],\"lang\":\"contextButtonTitle\":\"Chart Export and Settings\",\"exporting\":\"buttons\":\"contextButton\":\"align\":\"right\",\"menuItems\":null,\"symbolSize\":18,\"x\":-20,\"onclick\":\n function () \n $('#chart-options-464-414-9801').dialog(\n position: \n my: 'right top',\n at: 'right-10 top+10',\n of: $('#idet-breakout-chart-464-414-9801')\n ,\n hide: true,\n show: true,\n classes: 'ui-dialog': 'chart-options-dialog', 'ui-dialog-titlebar': 'pb-0 mb-0',\n width: 'auto',\n create: function(event, ui) \n \/\/ close any other open chart dialogs\n if ($('.chart-options-dialog .chart-options').not('#chart-options-464-414-9801').length) \n $('.chart-options-dialog .chart-options').not('#chart-options-464-414-9801').dialog('destroy'); \n \n ,\n open: function(event, ui) \n $('#content_container').on('click', function(e) \n $('.chart-options-dialog .chart-options').dialog('destroy');\n $('#content_container').off('click');\n ); \n \n );\n ,\"chartOptions\":\"xAxis\":[\"labels\":\"style\":\"fontSize\":\"7px\",\"categories\":[\"Heterosexual (straight)\",\"Gay or Lesbian\",\"Gay, Lesbian, or Bisexual\",\"Bisexual\",\"Not Sure\",\"Overall\"]],\"chart\":\"marginBottom\":80,\"credits\":\"enabled\":true,\"position\":\"align\":\"right\",\"verticalAlign\":\"bottom\",\"y\":-5,\"plotOptions\":\"series\":\"dataLabels\":\"enabled\":true,\"style\":\"textShadow\":\"\",\"subtitle\":\"style\":\"fontSize\":\"9px\",\"margin\":\"15px\",\"verticalAlign\":\"bottom\",\"text\":\"Source: Youth Risk Behavior Surveillance System (2017)\",\"y\":0,\"title\":\"text\":\"Teens who are Sexually Active by Sexual IdentityCounty: Miami-Dade\",\"useHTML\":false,\"enabled\":true,\"filename\":\"Teens_who_are_Sexually_Active_by_Sexual_Identity_County_Miami_Dade\",\"csv\":\"columnHeaderFormatter\":\n function (item, key) \n if (!item) \n return false\n \n if (item instanceof Highcharts.Axis) \n return \"Sexual Identity\"\n \n if (item instanceof Highcharts.Series ) \n if (item.type != \"errorbar\") \n return item.yAxis.options.title.text\n \n \n return false;\n \n ); addChartControls('idet-breakout-chart-container-464-414-9801', 1);\n );\n \n \n \n\n No significant difference with the overall value\n\n \n \n \n \n \n Download JPEG \n \n \n Download PDF \n \n \n Download CSV \n \n Chart options:\n \n \n Show Confidence Intervals\n Hide Confidence Intervals\n \n \n\n\n\n $(document).ready(function () \n $('input[name=\"chartSelect\"]').on('change', function (e)\n var chart = '#' + $(this).val();\n if ($(this).is(\":checked\")) \n $(chart).parent('.localeChartContainer').slideDown('slow', function () \n $(chart).highcharts().reflow(); \n );\n \n else \n $(chart).parent('.localeChartContainer').slideUp('slow');\n \n var chartIndexes = [];\n $('input[name=\"chartSelect\"]').each(function (i, sel) \n if ($(sel).is(':checked')) \n chartIndexes.push(i+1);\n \n );\n if (chartIndexes.length == 0) \n globals.localeChartIdxs = 'none';\n \n else \n globals.localeChartIdxs = chartIndexes.join('\n saveState(localeChartIdxs: globals.localeChartIdxs);\n );\n );\n\n\n \n\n"}},"indicatorValues":"414":"localeId":414,"displayName":"Miami-Dade","localeTypeDisplayName":"County","localeTypeDisplayNamePlural":"Counties","localeTypeId":2,"index":0,"sourceId":194,"sourceName":"Youth Risk Behavior Surveillance System","source":"Youth Risk Behavior Surveillance System","sourceUrl":"http:\/\/www.cdc.gov\/healthyyouth\/yrbs\/index.htm","rawValue":"40.8","value":40.7999999999999971578290569595992565155029296875,"valueFmt":"40.8%","valueLowerCI":36.7000000000000028421709430404007434844970703125,"valueLowerCIFmt":"36.7%","valueUpperCI":45,"valueUpperCIFmt":"45.0%","validCI":true,"id":75703047,"periodId":242,"period":"2017","measurementPeriod":"2017","periodSort":1251,"priorValueDirection":3,"trendDirection":5,"unstable":0,"rateData":"value":40.7999999999999971578290569595992565155029296875,"valueFmt":"40.8%","valueLowerCI":36.7000000000000028421709430404007434844970703125,"valueLowerCIFmt":"36.7%","valueUpperCI":45,"valueUpperCIFmt":"45.0%","validCI":true,"unit":"percent","renderers":"default":"gauge":"jenks-default","benchmarkId":"default","comparisonType":"rank","benchmark":"Ranked","shortComparisonBenchmark":"Ranked","technicalNote":"Ranked by value","comparisonRendererParams":["value":40.7999999999999971578290569595992565155029296875,"label":"40.8%","symbol":"rgba(107,174,214,1)","unit":"percent"],"localeIdList":"414":0,"7141":"benchmark":"FL State Value","benchmarkId":7141,"comparisonType":0,"technicalNote":"The regional value is compared to the Florida State value.","comparisonRendererParams":["minValue":"-Infinity","maxValue":38.0990000000000037516656448133289813995361328125,"symbol":"rgba(49,163,84,.8)","label":" 38.1%","unit":"percent"],"localeIdList":"414":0,"7227":"benchmark":"U.S. Value","benchmarkId":7227,"comparisonType":0,"technicalNote":"The regional value is compared to the national value.","comparisonRendererParams":["minValue":"-Infinity","maxValue":39.49900000000000233058017329312860965728759765625,"symbol":"rgba(49,163,84,.8)","label":" 39.5%","unit":"percent"],"localeIdList":"414":0,"923":"benchmark":"Prior Value","benchmarkId":923,"comparisonType":2,"technicalNote":"Prior Value compares a measured value with the previously measured value.","comparisonRendererParams":["comparisonValue":"trend-down-good","priorValueDirection":2,"symbol":"rgba(49,163,84,.8)","label":"Decreased\/improved","unit":null,"comparisonValue":"trend-equal-neutral","priorValueDirection":3,"symbol":"rgba(189,215,231,.8)","label":"No significant change","unit":null,"comparisonValue":"trend-up-bad","priorValueDirection":1,"symbol":"rgba(232,45,38,.8)","label":"Increased\/worsened","unit":null],"localeIdList":"414":0,"927":"benchmark":"Trend over Time","benchmarkId":927,"comparisonType":4,"technicalNote":"This comparison measures the indicator\u2019s values over multiple time periods.The Mann-Kendall Test for Statistical Significance is used to evaluate the trendover 4 to 10 periods of measure, subject to data availability and comparability.","comparisonRendererParams":["comparisonValue":"down-sig","trendDirection":5,"symbol":"rgba(49,163,84,.8)","label":"Better, significant","unit":null,"comparisonValue":"down","trendDirection":4,"symbol":"rgba(186,228,179,.8)","label":"Better, not significant","unit":null,"comparisonValue":"equal","trendDirection":3,"symbol":"rgba(189,215,231,.8)","label":"No change","unit":null,"comparisonValue":"up","trendDirection":2,"symbol":"rgba(252,174,145,.8)","label":"Worse, not significant","unit":null,"comparisonValue":"up-sig","trendDirection":1,"symbol":"rgba(232,45,38,.8)","label":"Worse, significant","unit":null],"localeIdList":"414":0,"plotlines":["benchmark":"FL State Value","index":1,"plotLineRenderValues":"id":"FL State Value","color":"#BBBBBB","width":2,"zIndex":5,"value":"38.1","label":"text":"FL State Value: 38.1","benchmark":"U.S. Value","index":2,"plotLineRenderValues":"id":"U.S. Value","color":"#BBBBBB","width":2,"zIndex":5,"value":"39.5","label":"text":"U.S. Value: 39.5"],"tableRows":" \n Miami-Dade \n Youth Risk Behavior Surveillance System\n 2017\n \n \n 40.8% \n\n \n \n \n \n \n 5 \n \n 3 \n \n"}}; globals.periodId = 242; globals.periods = "242":"2017","241":"2015","234":"2013","177":"2011","25":"2009","22":"2007","20":"2005","18":"2003"; globals.whatIndicator = "This indicator shows the percentage of high school students who have ever had sexual intercourse."; // required because locales can have specific whatIndicator globals.whyImportant = "Compared to older adults, adolescents are at higher risk for acquiring sexually transmitted diseases for a number of reasons, including limited access to preventive and regular health care and physiologically increased susceptibility to infection. Approximately one in four sexually active teens contracts an STD every year. Additionally, sexual activity can result in unplanned pregnancy, an outcome for which most teens are physically, emotionally, and financially unprepared."; // required because locales can have specific whyImportant globals.mapServices = "1":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/0","id":"state","label":"State","renderer":null,"outFields":["NAME","localeId"],"2":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/2","id":"county","label":"County","renderer":null,"outFields":["NAME","localeId"],"4":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/3","id":"census_tract","label":"Census Tract","renderer":null,"outFields":["NAME","localeId"],"3":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/4","zctaUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/9","id":"zip_code","label":"Zip Code","renderer":null,"outFields":["NAME","localeId"],"27":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/6","id":"wards","label":"Wards","renderer":null,"outFields":["NAME","localeId"],"39":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/5","id":"cities","label":"Cities","renderer":null,"outFields":["NAME","localeId"],"43":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/8","id":"county_subdivions","label":"County Subdivisions","renderer":null,"outFields":["NAME","localeId"],"Region":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/1","id":"region","label":"Region","renderer":null,"outFields":["NAME","localeId"],"Site":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/7","id":"site","label":"Site","renderer":null,"outFields":["NAME"],"10":"layerUrl":"https:\/\/maps.thehcn.net\/arcgis_web_adaptor\/rest\/services\/Map\/Layers\/MapServer\/2","id":"county","label":"County","renderer":null,"outFields":["NAME","localeId"]; // indexed by localeTypeId globals.seriesIdx = "VALUESERIES":0; globals.currentLocaleTypeId = 2; globals.initialLocaleTypeId = globals.currentLocaleTypeId; globals.currentLocaleTypeName = "County"; globals.currentLocaleId = 414; globals.currentLocaleName = (globals.currentLocaleId != -1) ? globals.localeTypes[globals.currentLocaleTypeId].indicatorValues[globals.currentLocaleId]['displayName'] : ''; globals.initialLocaleId = globals.currentLocaleId; globals.initialComparisonId = 'default'; globals.localeChartIdxs = ''; globals.usesZcta = false; globals.localeFilterId = 0; $('#indicatorId').on('change', function() if ($('#indicatorId').val() > 0) $('#indicatorJump').append('') if (globals.currentLocaleId != -1) $('#indicatorJump').append(''); $('#indicatorJump').submit(); ); function loadLayer(localeTypeId) setMappingUnavailable(false); var mapService = (globals.mapServices[localeTypeId] != undefined) ? globals.mapServices[localeTypeId] : globals.mapServices['Region']; // regions var url = mapService['layerUrl']; if (localeTypeId == 3 && globals.usesZcta) url = mapService['zctaUrl']; var layer = new FeatureLayer( url, mode: FeatureLayer.MODE_AUTO, outFields: '*', opacity: .85, visible: true, id: localeTypeId ); function calculateDisplayValue(value) if (value == undefined) return null; var localeId = value.attributes.localeId; if (localeId) // verify locale is supposed to be shown for this comparison if (isLocaleIdInComparison(localeId)) return globals.localeTypes[globals.currentLocaleTypeId]['indicatorValues'][localeId]['value']; else return 'null'; return 'null'; function getPriorValueDirection(value) if (value == undefined) return null; var localeId = (value.hasOwnProperty("attributes")) ? value.attributes.localeId : null; if (isLocaleIdInComparison(localeId)) return globals.localeTypes[localeTypeId]['indicatorValues'][localeId].priorValueDirection; return null; function getTrendValue(value) if (value == undefined) return null; var localeId = (value.hasOwnProperty("attributes")) ? value.attributes.localeId : null; if (isLocaleIdInComparison(localeId)) return globals.localeTypes[localeTypeId]['indicatorValues'][localeId].trendDirection; return null; if (globals.localeTypes[localeTypeId]['indicatorValues'] != undefined) layer.setDefinitionExpression('localeId IN (' + Object.keys(globals.localeTypes[localeTypeId]['indicatorValues']).join(',') + ')'); // check if any features are mapped. if not, mapping isn't available for this locale type - show msg. var countFeatures = layer.queryCount('1=1'); countFeatures.then(function (count) if (count == 0) setMappingUnavailable(true); return; ); layer.on('zoom-start', function() layer.setVisibility(false); ); layer.on('zoom-end', function() layer.setVisibility(true); ); layer.on('mouse-move', function(evt) globals.map.infoWindow.isShowing == false) globals.map.infoWindow.hide(); var localeId = evt.graphic.attributes.localeId; if (localeId) var locData = globals.localeTypes[localeTypeId]['indicatorValues'][localeId]; var loc = locData['displayName']; globals.map.infoWindow.id = 'location'; globals.map.infoWindow.setFeatures([evt.graphic]); var locType = globals.localeTypes[layer.id]['displayName']; if (localeTypeId == 3 && globals.usesZcta) locType += ' (ZCTA)'; var content = locType + ': ' + loc + ''; var locValue = locData['valueFmt']; content += globals.periods[globals.periodId] + ' value: ' + locValue + ''; if (locData['validCI']) var valueLowerCI = locData['valueLowerCIFmt']; var valueUpperCI = locData['valueUpperCIFmt']; if (valueLowerCI != '' && valueUpperCI != '') content += 'Confidence Interval: ' + valueLowerCI + ' - ' + valueUpperCI; globals.toolTip.setContent(content); dijit.popup.open(popup: globals.toolTip, x:evt.pageX + 20, y:evt.pageY - 90); highlightMapLocale(localeId); highlightChartLocale(localeId); highlightDatatableLocale(localeId, false, 'hover'); ); layer.on('click', function(evt) $('#selectedLocaleDisplayContainer').addClass('hidden-all'); var localeId = evt.graphic.attributes.localeId; if (localeId && localeId != globals.currentLocaleId) selectLocale(localeId); ); var label = globals['featureLabelTextSymbol']; var arcadeExp = ` var tmpLocales = $JSON.stringify(globals.localeTypes[localeTypeId].localeList); var ret = ''; for (var locId in tmpLocales) if ($feature.localeId == Abs(locId)) ret = tmpLocales[locId]; break; return ret;`; var labelCfg = 'labelExpressionInfo': expression: arcadeExp ; var labelClass = new LabelClass(labelCfg); labelClass.symbol = label; layer.setLabelingInfo([labelClass]); layer.showLabels = false; var comparisons = globals.localeTypes[localeTypeId]['renderers']; for (var c in comparisons) var breaks = comparisons[c]['comparisonRendererParams']; var comparison = comparisons[c]; if (comparison.comparisonType == 2) // unique value renderer with special value handling var r = new UniqueValueRenderer(globals.nullSymbol, getPriorValueDirection); for (var i = 0; i 0) globals.siteGeometry = results.features[0].geometry; globals.map = new esri.Map('isum-map', logo: false, basemap: 'osm', showAttribution: true, smartNavigation: false, // disables scroll-to-pan etc showLabels: true, maxZoom: 16, minZoom: 4 // full US ); globals.map.on('load', function() globals.map.setExtent(globals.siteExtent, true); globals.map.disableScrollWheelZoom(); addSiteBoundary(); globals.map.addLayer(globals.currentFl); localeTypeSetup(globals.currentLocaleTypeId); $('.esriSimpleSliderIncrementButton').tooltip(); $('.esriSimpleSliderDecrementButton').tooltip(); ); globals.map.on('mouse-out', function(evt) dijit.popup.close(globals.toolTip); globals.map.infoWindow.clearFeatures(); globals.tooltipHide = true; hideChartTooltips(); clearDatatableHighlights(); clearMapSelection('highlight'); ); globals.map.on('update-start', function() $('#isumMapBlock img.loading').css('display', 'inline'); $('#map_locations').css('opacity', '.5'); ); globals.map.on('update-end', function() $('#isumMapBlock img.loading').css('display', 'none'); $('#map_locations').css('opacity', 1); if (globals.transparency == 'on') removeBoundaryOutlines(globals.map, globals.currentFl); addBoundaryOutlines(globals.map, globals.currentFl, globals.highlightSymbols); ); globals.map.on('basemap-change', function() if (globals.currentBasemap == 'gray') this.getLayer(this.basemapLayerIds[1]).setOpacity(0); // Turn off labels for this layer (deemed confusing) ); ); function addSiteBoundary() { if (globals.siteGeometry) var polygon = new esri.geometry.Polygon(globals.siteGeometry.spatialReference); var rings = globals.siteGeometry.rings; for (var r=0, rl=rings.length; r 0) ? elem.data('value') : ''; handleComparisonChange(elem.data('index'), comparisonName, elem.data('comparetype'), skipSaveState); ); // Button to view indicator details for the selected locale $('#selectedLocaleViewBtn').on('click', function() $('#viewform').submit(); ); // Select locale when data table row is clicked $('#map_locations tbody').on('click', 'tr:not(.active)', function() var localeId = this.id.split('_')[1]; if (localeId != globals.currentLocaleId) selectLocale(localeId); ); // Unhighlight locale upon datatable mouseleave $('#map_locations, #isum-map, .locTypeValueChart').on('mouseleave', null, function() globals.tooltipHide = true; hideChartTooltips(); clearMapSelection('highlight'); clearDatatableHighlights(); ); window.onpopstate = function(event) // If we don't have a previous state if (event.state == null) return true; // Only change the location if it has changed if (event.state.hasOwnProperty('localeId') && event.state.localeId != '' && (event.state.localeId > 0) && (event.state.localeId != globals.currentLocaleId)) displayLocaleType(getLocaleTypeId(event.state.localeId)); selectLocale(event.state.localeId, true); else if (event.state.hasOwnProperty('localeTypeId') && (globals.currentLocaleId > 0)) unselectLocale(true); if (event.state.hasOwnProperty('comparisonId') && (event.state.comparisonId != globals.currentComparison[globals.currentLocaleTypeId])) triggerComparisonSelect(event.state.comparisonId, true); ; // Make tooltip hide function conditional so it can be made to remain visible // when displayed due to events from outside the map globals.tooltipHide = false; // (function (H) // H.wrap(H.Tooltip.prototype, 'hide', function (defaultCallback) // if (globals.tooltipHide) // defaultCallback.apply(this); // // ); // (Highcharts)); if ($('.navbar-header').is(':hidden')) // desktop if ($('body').hasClass('sticky-navbar')) options['mind'] = 'nav'; else // mobile options['top'] = 0; $('.followMeBar').fixTo('.frontend_container', options); function unselectLocale(skipStateUpdate) globals.currentLocaleName = ''; $('#localeDetailContainer').slideUp('slow', function() $('#indicatorValueGauges').remove(); ); $('select[name="localeId"]').val('initial').trigger('change.select2'); $('#locHeaderText').html('Select a ' + globals.localeTypes[globals.currentLocaleTypeId]['displayName']); $('#indicator_whatindicator').fadeOut(function() $(this).html(globals.whatIndicator).fadeIn(); ); globals.currentLocaleId = -1; clearChartHighlights(); clearDatatableHighlights(); clearMapSelection('select'); if(document.getElementById('ancestorButtonContainer')) $('#ancestorButtonContainer').remove(); if (!skipStateUpdate) saveState(localeId: '', localeTypeId: globals.currentLocaleTypeId); $('#localeDetailContainer').on('click', '#idet-summary-display', function(e) e.preventDefault(); unselectLocale(); globals.map.setExtent(globals.siteExtent, true); ); // Update the comparison selection, adapting to the type of selector function triggerComparisonSelect(benchmarkId, skipSaveState) var $rendererSelector = $('#renderer_' + globals.currentLocaleTypeId + '_' + benchmarkId); // If the selector is a select menu if ($rendererSelector.prop('tagName') == 'OPTION') var value = $rendererSelector.prop('value'); var eventObj = jQuery.Event('change'); eventObj.skipSaveState = skipSaveState; $('select[name="renderer_' + globals.currentLocaleTypeId + '"]').val(value).trigger(eventObj); // Otherwise it is a radio button else var eventObj = jQuery.Event('click'); eventObj.skipSaveState = skipSaveState; $rendererSelector.trigger(eventObj); // change the comparison using the default selector $rendererSelector.trigger('blur'); // get rid of the tooltip. dumb. $('#localeDetailContainer').on('click', ".idet-comparison-link-container", function(e) e.preventDefault(); var benchmarkId = $(this).attr('id').split('_')[1]; triggerComparisonSelect(benchmarkId); ); $('select[name="period"]').on('change', function() var periodId = $(this).val(); if (isNaN(periodId)) return; var valid = true; if (globals.currentLocaleId != -1 && globals.localeTypes[globals.currentLocaleTypeId]['localeDetails'][globals.currentLocaleId]) valid = false; for (var x in globals.localeTypes[globals.currentLocaleTypeId]['localeDetails'][globals.currentLocaleId]['priorValues']) var pId = globals.localeTypes[globals.currentLocaleTypeId]['localeDetails'][globals.currentLocaleId]['priorValues'][x]['periodId']; if (periodId == pId) valid = true; break; if (!valid) var period = $.trim(globals.periods[periodId]); var urlParams = 'indicatorId': 464, 'localeTypeId': 2, 'periodId': periodId ; if (globals.localeFilterId > 0) urlParams.localeFilterId = globals.localeFilterId; if (globals.currentComparison[localeTypeId] && globals.currentComparison[localeTypeId] != 'default') urlParams.comparisonId = globals.currentComparison[localeTypeId]; var confirmDiv = 'The current location does not have data for ' + period + '.Click Ok to view all available ' + globals.localeTypes[globals.currentLocaleTypeId]['displayName'] + ' data for ' + period + '.'; $(confirmDiv).dialog( height: 'auto', width: 300, modal: false, buttons: "Ok": function() var url = ClientSite.Extensions.Url().quickUrl('indicators', 'index', 'view', urlParams); window.location.href = url; , Cancel: function() $('select[name="period"]').val(globals.periodId); $(this).dialog('close'); ); if (valid) var url = setQueryVariable('periodId', periodId); window.location.href = window.location.pathname + '?' + url; ); // Ensure that links which load a new page (ancestor locale filters, new locale types) include the comparison $('a.isum-addcomparison-btn').on('click', function() var localeTypeId = globals.currentLocaleTypeId; if (globals.currentComparison[localeTypeId] && globals.currentComparison[localeTypeId] != 'default') $(this).attr('href', ($(this).attr('href') + '&comparisonId=' + globals.currentComparison[localeTypeId])); ); $('#localeFilterId').on('change', function() var localeFilterId = $(this).val(); if (isNaN(localeFilterId)) return; // Check if the locale filter is available for this location var valid = true; if ((globals.currentLocaleId > 0) && (localeFilterId > 0) && ($('.currentLocaleAncestor-' + localeFilterId).length == 0)) valid = false; if (!valid) var urlParams = 'indicatorId': 464, 'localeTypeId': 2, 'periodId': globals.periodId, 'localeFilterId': localeFilterId, ; if (globals.currentComparison[localeTypeId] && globals.currentComparison[localeTypeId] != 'default') urlParams.comparisonId = globals.currentComparison[localeTypeId]; var selectedFilter = $('#localeFilterId option:selected'); var selectedFilterName = selectedFilter.parent('optgroup').attr('label') + ': ' + selectedFilter.text(); var confirmDiv = 'The current location is not available within your selected filter.Click Ok to view all available ' + globals.localeTypes[globals.currentLocaleTypeId]['displayName'] + ' data within ' + selectedFilterName + '.'; $(confirmDiv).dialog( height: 'auto', width: 300, modal: false, buttons: "Ok": function() var url = ClientSite.Extensions.Url().quickUrl('indicators', 'index', 'view', urlParams); window.location.href = url; , Cancel: function() $('#localeFilterId').val(globals.localeFilterId); $(this).dialog('close'); ); if (valid) var url = setQueryVariable('localeFilterId', localeFilterId); window.location.href = window.location.pathname + '?' + url; ); // This code is shared among various places where map options (originally exporting) are provided:// SocioNeeds Index, Demographics view, Indicator view, etc. $('#toggleLabels'+'').on('click', function(event) event.preventDefault(); if ('indicator' == 'mapnav') var mapnav_map = mapnav_globals.maps['']; mapnav_map.featureLayer.setShowLabels(!mapnav_map.featureLayer.showLabels); else if ('indicator' == 'indmaptile') map_tiles.tiles[''].currentLayer.setShowLabels(!map_tiles.tiles[''].currentLayer.showLabels); else if (globals.current != undefined) // socioneeds stores current fl differently globals.featureLayers[globals.current.fl].setShowLabels(!globals.featureLayers[globals.current.fl].showLabels); else globals.currentFl.setShowLabels(!globals.currentFl.showLabels); ); // basemap toggles // the 'none' basemap is added via HCI_Gis::getMapSymbols() var HCIBasemaps = ["osm","gray","none"]; $('#toggleStreetsBaseLayer'+'').on('click', function(event) event.preventDefault(); if ('indicator' == 'mapnav') var mapdata = mapnav_globals.maps['']; else if ('indicator' == 'indmaptile') var mapdata = map_tiles.tiles['']; else var mapdata = globals; if (mapdata.map == undefined) return; var bmIndex = $.inArray(mapdata.map.getBasemap(), HCIBasemaps); var newIndex = (bmIndex -1) ? bmIndex + 1 : 0; mapdata.currentBasemap = HCIBasemaps[newIndex]; mapdata.map.setBasemap(mapdata.currentBasemap); ); $('#toggleMapTransparency'+'').on('click', function(event) event.preventDefault(); if ('indicator' == 'indmaptile') var transparency = map_tiles.tiles[''].transparency; var currentLayer = map_tiles.tiles[''].currentLayer; var map = map_tiles.tiles[''].map; if (transparency == 'off' else if ('indicator' == 'mapnav') var mapdata = mapnav_globals.maps['']; var transparency = mapdata.transparency; var currentLayer = mapdata.featureLayer; var map = mapdata.map; if (transparency == 'off' else if ('indicator' == 'index') else if ('indicator' == 'indicator') globals.transparency == undefined) globals.transparency = 'on'; globals.currentFl.setOpacity(0.0); addBoundaryOutlines(globals.map, globals.currentFl, globals.highlightSymbols); else globals.transparency = 'off'; globals.currentFl.setOpacity(0.85); removeBoundaryOutlines(globals.map, globals.currentFl); else if ('indicator' == 'demographics') if (globals.transparency == 'off' ); $('#requestBigMap'+'').on('click', function(event) event.preventDefault(); if ('indicator' == 'indmaptile') toggleIndMapLayout(''); else toggleMapChartLayout(); ); // Export map. First retrieve the map image from the server. Then create a div with the // needed meta data (ind name, comparison, etc) and insert it into the dom. Then use html2canvas // to create an image of the div, which is what the final export is. $(".saveMap").on('click', function(event) event.preventDefault(); exportMap(); ); function exportMap() { var loading = ''; var dialog = $('Please wait while we prepare the map for export. This could take up to a minute.
Sexsually Transmitted Diseaces Teens Miami Florida
Download File: https://urllio.com/2vHLk1
2ff7e9595c
Comments