[an error occurred while processing this directive]
<title>Distribution of JPred jobs ("heat map") (JPred: A Protein Secondary Structure Prediction Server: Monitoring)</title>
[an error occurred while processing this directive]
$(function () {

    $('#container').highcharts({

        data: {
            csv: document.getElementById('csv').innerHTML
        },

        chart: {
            type: 'heatmap',
            zoomType: 'xy',
            inverted: true
        },

        title: {
            text: 'Distribution of JPred jobs ("heat map")',
            align: 'left'
        },

        subtitle: {
            text: 'Percentage of jobs started in a given hour (GMT) on a given day',
            align: 'left'
        },

        xAxis: {
            tickPixelInterval: 50
        },

        yAxis: {
            title: {
                text: null
            },
            labels: {
                format: '{value}:00'
            },
            minPadding: 0,
            maxPadding: 0,
            startOnTick: false,
            endOnTick: false,
            tickPositions: [0, 6, 12, 18, 23],
            tickWidth: 1,
            min: 0,
            max: 23
        },

        colorAxis: {
            stops: [
                [0, '#3060cf'],
                [0.5, '#fffbbc'],
                [0.9, '#c4463a']
            ],
            min: 0
        },

        exporting: {
            enabled: true
        },

        series: [{
            borderWidth: 0,
            colsize: 24 * 36e5, // one day
            tooltip: {
                headerFormat: '<b>Percentage of day jobs started in a given hour (GMT)</b><br/>',
                pointFormat: '<b>Day:</b> {point.x:%e %b, %Y}<br><b>Hour (from 0 to 23, GMT):</b> {point.y}<br><b>Percentage:</b> {point.value} %'
            }
        }]

    });
});


$(function () {

    $('#container_num').highcharts({

        data: {
            csv: document.getElementById('csv_num').innerHTML
        },

        chart: {
            type: 'heatmap',
            zoomType: 'xy',
            inverted: true
        },

        title: {
            text: 'Distribution of JPred jobs ("heat map")',
            align: 'left'
        },

        subtitle: {
            text: 'Number of jobs started in a given hour (GMT) on a given day',
            align: 'left'
        },

        xAxis: {
            tickPixelInterval: 50,
            labels: {style: {fontSize:'14px'} }
        },

        yAxis: {
            title: {
                text: null
            },
            labels: {
                format: '{value}:00',
                style: {fontSize:'14px'}
            },
            minPadding: 0,
            maxPadding: 0,
            startOnTick: false,
            endOnTick: false,
            tickPositions: [0, 6, 12, 18, 23],
            tickWidth: 1,
            min: 0,
            max: 23
        },

        colorAxis: {
            stops: [
                [0, '#eff5fb'],
                [0.5, '#2eccfa'],
                [0.9, '#0a2229']
            ],
            min: 0
        },

        exporting: {
            enabled: true
        },

        series: [{
            borderWidth: 0,
            colsize: 24 * 36e5, // one day
            tooltip: {
                headerFormat: '<b>Number of day jobs started in a given hour (GMT)</b><br/>',
                pointFormat: '<b>Day:</b> {point.x:%e %b, %Y}<br><b>Hour (from 0 to 23, GMT):</b> {point.y}<br><b>Number of jobs:</b> {point.value}'
            }
        }]

    });
});
[an error occurred while processing this directive]

<pre id="csv" style="display: none">Date, Time, Temperature
[an error occurred while processing this directive]</pre>

<pre id="csv_num" style="display: none">Date, Time, Temperature
[an error occurred while processing this directive]</pre>

<div class="row mytoppadding">
    <div class="col-md-12">
      <h6><b>Primary citation:</b> Drozdetskiy A, Cole C, Procter J &amp; Barton GJ. Nucl. Acids Res.<br>(first published online April 16, 2015) doi: 10.1093/nar/gkv332 [<a href="http://nar.oxfordjournals.org/content/early/2015/04/16/nar.gkv332">link</a>]<br>
      <!--b>Previous:</b> Cole C, Barber JD &amp; Barton GJ. Nucleic Acids Res. 2008. 35 (suppl. 2) W197-W201 [<a href="http://nar.oxfordjournals.org/cgi/content/abstract/gkn238">link</a>]<br-->
      More citations: <a href="/jpred4/refs.shtml">link</a>.</h6>
      <!--h6><a href="http://www.compbio.dundee.ac.uk/">The Barton Group</a> :: <a href="http://www.dundee.ac.uk/">The University of Dundee</a></h6-->
    </div>
  </div>


  <div class="row">
    <div class="col-md-3"><font color="#ffffff">.</font>
    </div>
    <div class="col-md-2">
        <a id=headerTable class="uniLogo" href="http://www.dundee.ac.uk/">
	<script>
	  var is_chrome = !!window.chrome;
          if (is_chrome) { var myOutput="<img id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/University_white_logo0.svg'></img>"; $( "a.uniLogo" ).append(myOutput);} 
	  else { var myOutput="<embed id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/University_white_logo0.svg'></embed>"; $( "a.uniLogo" ).append(myOutput);}
        </script></a></div>
    <div class="col-md-2">
        <a id=headerTable class="compbioLogo" href="http://www.compbio.dundee.ac.uk/">
	<script>
	  var is_chrome = !!window.chrome;
          if (is_chrome) { var myOutput="<img id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/BG_with_text.svg'></img>"; $( "a.compbioLogo" ).append(myOutput);} 
	  else { var myOutput="<embed id=bottomLogos type='image/svg+xml' src='/jpred4/myimages/BG_with_text.svg'></embed>"; $( "a.compbioLogo" ).append(myOutput);}
        </script></a></div>
    <div class="col-md-2">
	<li id=headerTable><a id=headerTable class="BBSRClogo" href="http://www.bbsrc.ac.uk/"><img id=bottomLogos src='/jpred4/myimages/new-bbsrc-colour.gif'></img></a></div>
    <div class="col-md-3">
    </div>
  </div>


</div> <!-- /container -->


<script>
$( document ).ready(function() {

    /*var is_chrome = !!window.chrome;
    if (is_chrome) {
        var logo = document.createElement("li");
        
    }*/

    $(".advancedOptions").hide();
    $("#showMore").click(function(){
        console.log($(this));
        $(".advancedOptions").toggle(200);
    });

    $(".moreDetailsSeq").hide(); $("#showMoreOptions").click(function(){$(".moreDetailsSeq").toggle(200); $(".moreDetailsMSA").hide();});
    $(".moreDetailsMSA").hide(); $("#showMoreOptions2").click(function(){$(".moreDetailsMSA").toggle(200); $(".moreDetailsSeq").hide();});

    $(".moreDetails").hide(); $("#showMoreDetails1").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails2").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails3").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails4").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails5").click(function(){$(".moreDetails").toggle(200);});
    $(".moreDetails").hide(); $("#showMoreDetails6").click(function(){$(".moreDetails").toggle(200);});


    $('span.tipHelp').each(function() { // Grab all elements with a title attribute,and set "this"
        $(this).qtip({ // 
            content: {
                text: $(this).next('.tipText') // WILL work, because .each() sets "this" to refer to each element
            },
            style: {
                classes: 'qtip-blue qtip-shadow qtip-rounded'
            },
            show: {
                event: 'click mouseenter'
            },
            hide: {
                //event: 'unfocus'
                fixed: true,
                delay: 500
            }
        });
    });

});
</script>

<script defer data-domain="compbio.dundee.ac.uk" src="https://analytics.compbio.dundee.ac.uk/js/script.js"></script>

</body>
</html>