<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic histogram scale info doesn't match data in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/histogram-scale-info-doesn-t-match-data/m-p/613668#M57421</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;hi all, &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I am working on using a histogram time slider to display oil and gas wells permitted in the state of KY. I have limited the amount of data displayed to the last 4 years for a faster download, but have provided a query builder for users that want older data. My problem is that the scale doesn't match the data displayed. Example (I'm displaying data form 1/1/2010 to today but the scale says 12/12/1948 to 10/22/1952 and 1889 and 1890). Can someone help explain how I can format the scale info correctly. I would like each month to be from the 1st to the 30th/31st and not start randomly in the middle, and of course match the data displayed. &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Here's a picture of the Histogram&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;[ATTACH=CONFIG]33586[/ATTACH]&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;and here's my code I tried to limit it to just the Histogram code&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
&amp;lt;style&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #histogram-container text, #histogram-range,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #scale-bar-left text, #scale-bar-right text {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: sans-serif;
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #histogram-timeslider-dijit #focusTip {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: sans-serif;
&amp;nbsp; 
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }

&amp;lt;/style&amp;gt;

&amp;nbsp; &amp;lt;script src="//js.arcgis.com/3.6/"&amp;gt;&amp;lt;/script&amp;gt;
&amp;nbsp; &amp;lt;script type="text/javascript" language="javascript"&amp;gt;

&amp;nbsp; var OGWells = new FeatureLayer("http://kgs.uky.edu/arcgis/rest/services/KYOilGas/KYOilGasWells_static_time/MapServer/0",
&amp;nbsp; {id:"OGWells",
&amp;nbsp;&amp;nbsp; mode: FeatureLayer.MODE_SNAPSHOT,
&amp;nbsp;&amp;nbsp; outFields: ["*"]
&amp;nbsp; }); 
OGWells.setDefinitionExpression("date_permit_issued &amp;gt; date '1/1/2010'");

&amp;nbsp;&amp;nbsp; map.addLayers([OGWells]); 
&amp;nbsp;&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(map, 'onLoad', function (theMap) {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //resize the map when the browser resizes
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var layerUpdateEnd = OGWells.on("update-end", function() {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; layerUpdateEnd.remove();
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sliderElem = domConstruct.create("div", {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; id: "timeSlider_"+ map.id, 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; style: "margin-bottom:10px; bottom:33px"
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }, "bottom-div");
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sliderParams = {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color: "#005DAB",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dateFormat: "DateFormat(selector: 'date_permit_issued', fullYear: true)",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; layers : [OGWells],
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mode: "show_all",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; timeInterval: "esriTimeUnitsMonths"
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; };
 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var slider = new HistogramTimeSlider(sliderParams, sliderElem); 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.setTimeSlider(slider); 
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.destroy("loading");
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }); 
&amp;lt;/script&amp;gt;
&amp;lt;body&amp;gt;

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div style="position:absolute; font-family:Veranda,sans-serif; margin-left:35%; padding-top: 5px";&amp;gt;Drilled Oil and Gas Wells &amp;lt;span id="daterange"&amp;gt;2010 to Present Day&amp;lt;/span&amp;gt; (Permitted date)&amp;lt;/div&amp;gt;
&amp;nbsp; &amp;lt;div id="timeSlider_mapDiv" class="histogram-timeslider esriTimeSlider" widgetid="timeSlider_mapDiv"&amp;gt;
&amp;nbsp; &amp;lt;div id="histogram-timeslider-dijit" style="height:50px" &amp;gt;
&amp;nbsp; 
 &amp;lt;/body&amp;gt;
&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks for your help!&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 05 May 2014 14:00:49 GMT</pubDate>
    <dc:creator>ElizabethAdams</dc:creator>
    <dc:date>2014-05-05T14:00:49Z</dc:date>
    <item>
      <title>histogram scale info doesn't match data</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/histogram-scale-info-doesn-t-match-data/m-p/613668#M57421</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;hi all, &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I am working on using a histogram time slider to display oil and gas wells permitted in the state of KY. I have limited the amount of data displayed to the last 4 years for a faster download, but have provided a query builder for users that want older data. My problem is that the scale doesn't match the data displayed. Example (I'm displaying data form 1/1/2010 to today but the scale says 12/12/1948 to 10/22/1952 and 1889 and 1890). Can someone help explain how I can format the scale info correctly. I would like each month to be from the 1st to the 30th/31st and not start randomly in the middle, and of course match the data displayed. &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Here's a picture of the Histogram&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;[ATTACH=CONFIG]33586[/ATTACH]&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;and here's my code I tried to limit it to just the Histogram code&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
&amp;lt;style&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #histogram-container text, #histogram-range,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #scale-bar-left text, #scale-bar-right text {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: sans-serif;
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; #histogram-timeslider-dijit #focusTip {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: sans-serif;
&amp;nbsp; 
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }

&amp;lt;/style&amp;gt;

&amp;nbsp; &amp;lt;script src="//js.arcgis.com/3.6/"&amp;gt;&amp;lt;/script&amp;gt;
&amp;nbsp; &amp;lt;script type="text/javascript" language="javascript"&amp;gt;

&amp;nbsp; var OGWells = new FeatureLayer("http://kgs.uky.edu/arcgis/rest/services/KYOilGas/KYOilGasWells_static_time/MapServer/0",
&amp;nbsp; {id:"OGWells",
&amp;nbsp;&amp;nbsp; mode: FeatureLayer.MODE_SNAPSHOT,
&amp;nbsp;&amp;nbsp; outFields: ["*"]
&amp;nbsp; }); 
OGWells.setDefinitionExpression("date_permit_issued &amp;gt; date '1/1/2010'");

&amp;nbsp;&amp;nbsp; map.addLayers([OGWells]); 
&amp;nbsp;&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(map, 'onLoad', function (theMap) {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //resize the map when the browser resizes
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });
&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var layerUpdateEnd = OGWells.on("update-end", function() {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; layerUpdateEnd.remove();
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sliderElem = domConstruct.create("div", {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; id: "timeSlider_"+ map.id, 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; style: "margin-bottom:10px; bottom:33px"
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }, "bottom-div");
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sliderParams = {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color: "#005DAB",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dateFormat: "DateFormat(selector: 'date_permit_issued', fullYear: true)",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; layers : [OGWells],
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mode: "show_all",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; timeInterval: "esriTimeUnitsMonths"
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; };
 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var slider = new HistogramTimeSlider(sliderParams, sliderElem); 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.setTimeSlider(slider); 
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.destroy("loading");
&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }); 
&amp;lt;/script&amp;gt;
&amp;lt;body&amp;gt;

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div style="position:absolute; font-family:Veranda,sans-serif; margin-left:35%; padding-top: 5px";&amp;gt;Drilled Oil and Gas Wells &amp;lt;span id="daterange"&amp;gt;2010 to Present Day&amp;lt;/span&amp;gt; (Permitted date)&amp;lt;/div&amp;gt;
&amp;nbsp; &amp;lt;div id="timeSlider_mapDiv" class="histogram-timeslider esriTimeSlider" widgetid="timeSlider_mapDiv"&amp;gt;
&amp;nbsp; &amp;lt;div id="histogram-timeslider-dijit" style="height:50px" &amp;gt;
&amp;nbsp; 
 &amp;lt;/body&amp;gt;
&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks for your help!&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 05 May 2014 14:00:49 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/histogram-scale-info-doesn-t-match-data/m-p/613668#M57421</guid>
      <dc:creator>ElizabethAdams</dc:creator>
      <dc:date>2014-05-05T14:00:49Z</dc:date>
    </item>
    <item>
      <title>Re: histogram scale info doesn't match data</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/histogram-scale-info-doesn-t-match-data/m-p/613669#M57422</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Having similar issue. Mine is incidents w/in the past 24 hours with a given start/end time. I am trying to use the histogram time slider, but I have 2 issues:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;1) The time starts at 12:12 - 1:12 (instead of 12:00 - 1:00)&lt;/P&gt;&lt;P&gt;2) The data counts don't match the data displayed.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Ex: You might move the slider to show all data from 3:12 - 4:12 AM. Half the points have a start time of 10 PM or 7 AM or some other random time. Also, when I look at the raw data, the data counts don't really add up anyway.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;One thing you might try is from the layer in ArcMap. Get the Properties &amp;gt; Time and hit calculate for "Layer Time Extent". I don't know if this helps, but I did have a problem with the slider showing the wrong dates, and that may have helped.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 14 Oct 2014 13:56:54 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/histogram-scale-info-doesn-t-match-data/m-p/613669#M57422</guid>
      <dc:creator>JasonTipton</dc:creator>
      <dc:date>2014-10-14T13:56:54Z</dc:date>
    </item>
  </channel>
</rss>

