{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}
{% load staticfiles %}
{% load ietf_filters %}

{% block js %}
      <script src="{% static 'highcharts/highstock.js' %}"></script>
      <script src="{% static 'highcharts/modules/exporting.js' %}"></script>
      <script src="{% static 'highcharts/modules/offline-exporting.js' %}"></script>
      <script>
	$(function () {
	    var chart;
	    $.getJSON('{{ confurl }}?{{ queryargs }}', function (conf) {
		chart = Highcharts.stockChart('chart', conf);
		chart.showLoading();
		$.getJSON('{{ dataurl }}?{{ queryargs }}', function (data) {
		    chart.series[0].setData(data);
		    chart.hideLoading();
		});
	    });
	});
      </script>
{% endblock %}

{% block title %}
  Document Statistics
{% endblock %}

{% block content %}
  {% origin %}

  <div id="chart" style="width:100%; height:400px; " class="panel panel-default panel-body"></div>

{% endblock %}