<script type="text/javascript">
    var type, div, chart;
    {% for excel in excels.all %}
    {% for sheet in excel.excelsheet_set.all %}
    type = "spline";
    div = 1000000000.0;
    chart = new CanvasJS.Chart("{{ sheet.id }}", {
          title:{
            text: "{{ excel.filename }}"
          },
          data: [
            {% for f0 in sheet.wilkierow_set.all.0.fraktil_set.all %}
              {
               type: type,
               name: "{{ f0.name }}",
               showInLegend: true,
               legendText: "{{ f0.name }}",
               dataPoints: [
               {% for row in sheet.wilkierow_set.all %}{
                   x: {{ row.ar }},
                   y: ({% for f in row.fraktil_set.all %}{% if f.name == f0.name %}{{ f.value }}{% endif %}{% endfor %}){% if sheet.name != 'Réttindi' %}/div{% endif %} },{% endfor %}
               ]
             },
            {% endfor %}
        ],
        zoomEnabled: true,
        exportEnabled: true,
        exportFileName: "{{ excel.filename }}_{{ sheet.name }}_TBG",
        theme: 'theme2',
        markerSize: 0,
        markerBorderThickness: 0,
        axisX: {
            title: 'Ár'
        },
        axisY: {
            title: {% if sheet.name != 'Réttindi' %}'Milljarðar króna'{% else %}'Hækkun, hlutfall'{% endif %}
        }
      });
    {% endfor %}
    chart.render();

    type = "column";
    chart = new CanvasJS.Chart("payout-{{ excel.id }}", {
          title:{
            text: "{{ excel.filename }}"
          },
          data: [
              {
               type: type,
               name: "",
               showInLegend: true,
               legendText: "",
               dataPoints: [
               {% for occ in excel.occurrence_set.all %}{
                   x: {{ occ.interval_start }},
                   y: {{ occ.count }} },
               {% endfor %}
               ]


             },
        ],
        zoomEnabled: true,
        exportEnabled: true,
        exportFileName: "{{ excel.filename }}_{{ sheet.name }}_TBG",
        theme: 'theme2',
        markerSize: 0,
        markerBorderThickness: 0,
        axisX: {
            title: 'Bil',
            interval: 1
        },
        axisY: {
            title: 'Tíðni',
        }
      });
    chart.render();
    {% endfor %}
</script>