Show time series data with non-contiguous times using Leaflet TimeDimension plugin Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How do I sort a geoJSON feature collection alphabetically by a property value?Load GeoJSON polygon time series with Leaflet Time Dimension plug-in?Interpolating multiple years of daily precipitation data to generate daily time series?Global NetCDF datasets with station time series data?Raster time series smoothing package using RRendering gridded time-series data with Leaflet.jsCesium.js time series data visualizationExporting an animation (Time Series) map through QGIS2web pluginHow create a filter/pattern based on date and time interval between datapoints in QGIS?Creating time series from NetCDF with multiple values to multiple points on ArcGIS Desktop?NDVI-time series with missing valuesLoad GeoJSON polygon time series with Leaflet Time Dimension plug-in?

Why aren't air breathing engines used as small first stages

Fundamental Solution of the Pell Equation

What are the out-of-universe reasons for the references to Toby Maguire-era Spider-Man in ITSV

When coming out of haste, do attackers have advantage on you?

How to tell that you are a giant?

How do I find out the mythology and history of my Fortress?

T-test, ANOVA or Regression, what's the difference?

What is the escape velocity of a neutron particle (not neutron star)

Do I really need recursive chmod to restrict access to a folder?

First console to have temporary backward compatibility

What is the meaning of the simile “quick as silk”?

How to find 'n' nodes where all distances between them are greater than 'k'?

What does this Jacques Hadamard quote mean?

Denied boarding although I have proper visa and documentation. To whom should I make a complaint?

Why do the resolve message appear first?

Why are both D and D# fitting into my E minor key?

Delete nth line from bottom

Can a new player join a group only when a new campaign starts?

How do I stop a creek from eroding my steep embankment?

Is it a good idea to use CNN to classify 1D signal?

If my PI received research grants from a company to be able to pay my postdoc salary, did I have a potential conflict interest too?

Find the length x such that the two distances in the triangle are the same

Using et al. for a last / senior author rather than for a first author

An adverb for when you're not exaggerating



Show time series data with non-contiguous times using Leaflet TimeDimension plugin



Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?How do I sort a geoJSON feature collection alphabetically by a property value?Load GeoJSON polygon time series with Leaflet Time Dimension plug-in?Interpolating multiple years of daily precipitation data to generate daily time series?Global NetCDF datasets with station time series data?Raster time series smoothing package using RRendering gridded time-series data with Leaflet.jsCesium.js time series data visualizationExporting an animation (Time Series) map through QGIS2web pluginHow create a filter/pattern based on date and time interval between datapoints in QGIS?Creating time series from NetCDF with multiple values to multiple points on ArcGIS Desktop?NDVI-time series with missing valuesLoad GeoJSON polygon time series with Leaflet Time Dimension plug-in?



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















My data is made up of squares forming a grid where the value of each square changes with time. The times are equally spaced with 1 hour intervals, however, the data is only available for a certain number of hours each day (daylight). The data covers 365 days of a year and the time is stored with each feature (perhaps an inefficient way to store the time data).



I have already managed to show the animation for the first day (linked question). However, when loading data for 2 days, the first day plays well but the player doesn't stop at the end of the data for that particular day and keeps incrementing the time where there is no data.



I have tried to use TimeDimension timeDimensionOptions: times but with lack of usage examples, I fear that I got the syntax wrong. Here is the JavaScript code.



What would be the way to visualize my data with non-contiguous times using Leaflet TimeDimension?










share|improve this question




























    0















    My data is made up of squares forming a grid where the value of each square changes with time. The times are equally spaced with 1 hour intervals, however, the data is only available for a certain number of hours each day (daylight). The data covers 365 days of a year and the time is stored with each feature (perhaps an inefficient way to store the time data).



    I have already managed to show the animation for the first day (linked question). However, when loading data for 2 days, the first day plays well but the player doesn't stop at the end of the data for that particular day and keeps incrementing the time where there is no data.



    I have tried to use TimeDimension timeDimensionOptions: times but with lack of usage examples, I fear that I got the syntax wrong. Here is the JavaScript code.



    What would be the way to visualize my data with non-contiguous times using Leaflet TimeDimension?










    share|improve this question
























      0












      0








      0








      My data is made up of squares forming a grid where the value of each square changes with time. The times are equally spaced with 1 hour intervals, however, the data is only available for a certain number of hours each day (daylight). The data covers 365 days of a year and the time is stored with each feature (perhaps an inefficient way to store the time data).



      I have already managed to show the animation for the first day (linked question). However, when loading data for 2 days, the first day plays well but the player doesn't stop at the end of the data for that particular day and keeps incrementing the time where there is no data.



      I have tried to use TimeDimension timeDimensionOptions: times but with lack of usage examples, I fear that I got the syntax wrong. Here is the JavaScript code.



      What would be the way to visualize my data with non-contiguous times using Leaflet TimeDimension?










      share|improve this question














      My data is made up of squares forming a grid where the value of each square changes with time. The times are equally spaced with 1 hour intervals, however, the data is only available for a certain number of hours each day (daylight). The data covers 365 days of a year and the time is stored with each feature (perhaps an inefficient way to store the time data).



      I have already managed to show the animation for the first day (linked question). However, when loading data for 2 days, the first day plays well but the player doesn't stop at the end of the data for that particular day and keeps incrementing the time where there is no data.



      I have tried to use TimeDimension timeDimensionOptions: times but with lack of usage examples, I fear that I got the syntax wrong. Here is the JavaScript code.



      What would be the way to visualize my data with non-contiguous times using Leaflet TimeDimension?







      leaflet geojson time-series datetime leaflet-plugins






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Apr 10 at 10:16









      Techie_GusTechie_Gus

      1,380612




      1,380612




















          1 Answer
          1






          active

          oldest

          votes


















          0














          Solution is actually quite simple. When creating time dimension layer with L.timeDimension.layer.geoJson method, just set updateTimeDimensionMode option to 'replace':



          var timeSeriesLayer = L.geoJSON(timeSeriesGeoJSON, style: style);
          var geojson = L.timeDimension.layer.geoJson(timeSeriesLayer, updateTimeDimensionMode: 'replace');
          geojson.addTo(map);


          Default value for this option is 'extremes', which means you get all the interval times between min and max time.






          share|improve this answer























          • This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

            – Techie_Gus
            Apr 14 at 18:38











          • Why don't you sort GeoJSON then?

            – TomazicM
            Apr 14 at 19:05











          • Any suggestions how I can sort the GeoJSON data by time?

            – Techie_Gus
            Apr 14 at 20:35











          • This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

            – TomazicM
            2 days ago











          • I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

            – Techie_Gus
            2 days ago











          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "79"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f318349%2fshow-time-series-data-with-non-contiguous-times-using-leaflet-timedimension-plug%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          0














          Solution is actually quite simple. When creating time dimension layer with L.timeDimension.layer.geoJson method, just set updateTimeDimensionMode option to 'replace':



          var timeSeriesLayer = L.geoJSON(timeSeriesGeoJSON, style: style);
          var geojson = L.timeDimension.layer.geoJson(timeSeriesLayer, updateTimeDimensionMode: 'replace');
          geojson.addTo(map);


          Default value for this option is 'extremes', which means you get all the interval times between min and max time.






          share|improve this answer























          • This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

            – Techie_Gus
            Apr 14 at 18:38











          • Why don't you sort GeoJSON then?

            – TomazicM
            Apr 14 at 19:05











          • Any suggestions how I can sort the GeoJSON data by time?

            – Techie_Gus
            Apr 14 at 20:35











          • This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

            – TomazicM
            2 days ago











          • I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

            – Techie_Gus
            2 days ago















          0














          Solution is actually quite simple. When creating time dimension layer with L.timeDimension.layer.geoJson method, just set updateTimeDimensionMode option to 'replace':



          var timeSeriesLayer = L.geoJSON(timeSeriesGeoJSON, style: style);
          var geojson = L.timeDimension.layer.geoJson(timeSeriesLayer, updateTimeDimensionMode: 'replace');
          geojson.addTo(map);


          Default value for this option is 'extremes', which means you get all the interval times between min and max time.






          share|improve this answer























          • This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

            – Techie_Gus
            Apr 14 at 18:38











          • Why don't you sort GeoJSON then?

            – TomazicM
            Apr 14 at 19:05











          • Any suggestions how I can sort the GeoJSON data by time?

            – Techie_Gus
            Apr 14 at 20:35











          • This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

            – TomazicM
            2 days ago











          • I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

            – Techie_Gus
            2 days ago













          0












          0








          0







          Solution is actually quite simple. When creating time dimension layer with L.timeDimension.layer.geoJson method, just set updateTimeDimensionMode option to 'replace':



          var timeSeriesLayer = L.geoJSON(timeSeriesGeoJSON, style: style);
          var geojson = L.timeDimension.layer.geoJson(timeSeriesLayer, updateTimeDimensionMode: 'replace');
          geojson.addTo(map);


          Default value for this option is 'extremes', which means you get all the interval times between min and max time.






          share|improve this answer













          Solution is actually quite simple. When creating time dimension layer with L.timeDimension.layer.geoJson method, just set updateTimeDimensionMode option to 'replace':



          var timeSeriesLayer = L.geoJSON(timeSeriesGeoJSON, style: style);
          var geojson = L.timeDimension.layer.geoJson(timeSeriesLayer, updateTimeDimensionMode: 'replace');
          geojson.addTo(map);


          Default value for this option is 'extremes', which means you get all the interval times between min and max time.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Apr 10 at 20:51









          TomazicMTomazicM

          1,8171516




          1,8171516












          • This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

            – Techie_Gus
            Apr 14 at 18:38











          • Why don't you sort GeoJSON then?

            – TomazicM
            Apr 14 at 19:05











          • Any suggestions how I can sort the GeoJSON data by time?

            – Techie_Gus
            Apr 14 at 20:35











          • This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

            – TomazicM
            2 days ago











          • I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

            – Techie_Gus
            2 days ago

















          • This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

            – Techie_Gus
            Apr 14 at 18:38











          • Why don't you sort GeoJSON then?

            – TomazicM
            Apr 14 at 19:05











          • Any suggestions how I can sort the GeoJSON data by time?

            – Techie_Gus
            Apr 14 at 20:35











          • This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

            – TomazicM
            2 days ago











          • I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

            – Techie_Gus
            2 days ago
















          This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

          – Techie_Gus
          Apr 14 at 18:38





          This solution did actually work, however, the problem is with the QGIS GeoJSON export. My data is in a PostGIS database and when exported with QGIS, the order of date is messed up which creates a problem with visualising with TimeDimension. I tried to set the data in order on a small subset and it worked, however, it is not practical for all my data. Right now, I'm trying to export right from PostGIS, but this is creating another issue with blank intervals.

          – Techie_Gus
          Apr 14 at 18:38













          Why don't you sort GeoJSON then?

          – TomazicM
          Apr 14 at 19:05





          Why don't you sort GeoJSON then?

          – TomazicM
          Apr 14 at 19:05













          Any suggestions how I can sort the GeoJSON data by time?

          – Techie_Gus
          Apr 14 at 20:35





          Any suggestions how I can sort the GeoJSON data by time?

          – Techie_Gus
          Apr 14 at 20:35













          This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

          – TomazicM
          2 days ago





          This QA could be helpful: gis.stackexchange.com/questions/68369/… (it took one internet search).

          – TomazicM
          2 days ago













          I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

          – Techie_Gus
          2 days ago





          I saw that post but was wondering whether to sort on load or process the file before loading, knowing I have a very large dataset. As a side note, my Javascript skills are quite limited.

          – Techie_Gus
          2 days ago

















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Geographic Information Systems Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f318349%2fshow-time-series-data-with-non-contiguous-times-using-leaflet-timedimension-plug%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          រឿង រ៉ូមេអូ និង ហ្ស៊ុយលីយេ សង្ខេបរឿង តួអង្គ បញ្ជីណែនាំ

          Crop image to path created in TikZ? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)Crop an inserted image?TikZ pictures does not appear in posterImage behind and beyond crop marks?Tikz picture as large as possible on A4 PageTransparency vs image compression dilemmaHow to crop background from image automatically?Image does not cropTikzexternal capturing crop marks when externalizing pgfplots?How to include image path that contains a dollar signCrop image with left size given

          Romeo and Juliet ContentsCharactersSynopsisSourcesDate and textThemes and motifsCriticism and interpretationLegacyScene by sceneSee alsoNotes and referencesSourcesExternal linksNavigation menu"Consumer Price Index (estimate) 1800–"10.2307/28710160037-3222287101610.1093/res/II.5.31910.2307/45967845967810.2307/2869925286992510.1525/jams.1982.35.3.03a00050"Dada Masilo: South African dancer who breaks the rules"10.1093/res/os-XV.57.1610.2307/28680942868094"Sweet Sorrow: Mann-Korman's Romeo and Juliet Closes Sept. 5 at MN's Ordway"the original10.2307/45957745957710.1017/CCOL0521570476.009"Ram Leela box office collections hit massive Rs 100 crore, pulverises prediction"Archived"Broadway Revival of Romeo and Juliet, Starring Orlando Bloom and Condola Rashad, Will Close Dec. 8"Archived10.1075/jhp.7.1.04hon"Wherefore art thou, Romeo? To make us laugh at Navy Pier"the original10.1093/gmo/9781561592630.article.O006772"Ram-leela Review Roundup: Critics Hail Film as Best Adaptation of Romeo and Juliet"Archived10.2307/31946310047-77293194631"Romeo and Juliet get Twitter treatment""Juliet's Nurse by Lois Leveen""Romeo and Juliet: Orlando Bloom's Broadway Debut Released in Theaters for Valentine's Day"Archived"Romeo and Juliet Has No Balcony"10.1093/gmo/9781561592630.article.O00778110.2307/2867423286742310.1076/enst.82.2.115.959510.1080/00138380601042675"A plague o' both your houses: error in GCSE exam paper forces apology""Juliet of the Five O'Clock Shadow, and Other Wonders"10.2307/33912430027-4321339124310.2307/28487440038-7134284874410.2307/29123140149-661129123144728341M"Weekender Guide: Shakespeare on The Drive""balcony"UK public library membership"romeo"UK public library membership10.1017/CCOL9780521844291"Post-Zionist Critique on Israel and the Palestinians Part III: Popular Culture"10.2307/25379071533-86140377-919X2537907"Capulets and Montagues: UK exam board admit mixing names up in Romeo and Juliet paper"Istoria Novellamente Ritrovata di Due Nobili Amanti2027/mdp.390150822329610820-750X"GCSE exam error: Board accidentally rewrites Shakespeare"10.2307/29176390149-66112917639"Exam board apologises after error in English GCSE paper which confused characters in Shakespeare's Romeo and Juliet""From Mariotto and Ganozza to Romeo and Guilietta: Metamorphoses of a Renaissance Tale"10.2307/37323537323510.2307/2867455286745510.2307/28678912867891"10 Questions for Taylor Swift"10.2307/28680922868092"Haymarket Theatre""The Zeffirelli Way: Revealing Talk by Florentine Director""Michael Smuin: 1938-2007 / Prolific dance director had showy career"The Life and Art of Edwin BoothRomeo and JulietRomeo and JulietRomeo and JulietRomeo and JulietEasy Read Romeo and JulietRomeo and Julieteeecb12003684p(data)4099369-3n8211610759dbe00d-a9e2-41a3-b2c1-977dd692899302814385X313670221313670221