.. raw:: html


   <select name="levels" id="level-select" onchange="changeImages()"></select>
   <select name="times" id="time-select" onchange="changeImages()"><optgroup label="2012-10-17 12:00:00" id="2012-10-17 12:00:00"><option value='2012-10-18 00:00:00'>2012-10-18 00:00:00</option><option value='2012-10-19 00:00:00'>2012-10-19 00:00:00</option></optgroup></select>
   <script>
   hideEmptySelects();
   if(document.getElementById('level-select').options.length > 0)
      document.getElementById('level-select').options[0].selected = 'selected';
   if(document.getElementById('time-select').options.length > 0)
      document.getElementById('time-select').options[0].selected = 'selected';
   changeImages();

   function hideEmptySelects(){
      levels = document.getElementById("level-select");
      times = document.getElementById("time-select");
      selects = [levels, times];
      for(var select of selects){
         if(select && select.children.length == 0){
            select.style.display = "none";
         }
      }
   }

   function changeImages(){
       var value = document.getElementById("level-select").value;
       value = value != "" ? value : "None";
       var vtime = document.getElementById("time-select").value
                   .replaceAll(" ", "_").replaceAll(":", "_").replaceAll("-", "_");
       vtime = vtime != "" ? vtime : "None";
       var itime = "None";
       if(vtime != "None"){
         selected = document.getElementById("time-select").options[document.getElementById("time-select").selectedIndex]
         var itime = selected.parentNode.label.replaceAll(" ", "_").replaceAll(":", "_").replaceAll("-", "_");
       }

       images = document.getElementsByTagName("img");
       for(var i = 0; i < images.length; i++){
           var image = images[i];
           if(image.src.includes("Top_") || image.src.includes("Side_") || image.src.includes("Linear_")){
              var tmpLevel = value.replaceAll(" ", "");
              var new_location = image.src.replace(image.src.split("-").pop(), `${tmpLevel}it${itime}vt${vtime}.png`);
              new_location = new_location.replace("_images", "_static");
              image.src = new_location;
           }
       }
   }</script>

Linear_LS_Default_air_temperature
---------------------------------
.. image:: ../plots/Linear_LS_Default_air_temperature-Noneit2012_10_17_12_00_00vt2012_10_18_00_00_00.png

**How to use this plot**

Make sure you have the required datafields (`air_pressure`, `air_temperature`)

You can use it as is by appending this code into your `mswms_settings.py`:

.. code-block:: python

    from mslib.mswms.mpl_lsec_styles import LS_DefaultStyle
    register_linear_layers = [] if not register_linear_layers else register_linear_layers
    register_linear_layers.append((LS_DefaultStyle, "air_temperature", "ml", [next(iter(data))]))