{% extends "page.html" %}


{%- block subtitle %}
    Linked Data
{% endblock -%}

{% block breadcrumb_content %}
  <li class="active">{% link_for _('Linked Graph'), controller='ckanext.linked_graph.controllers:LinkedGraphController', action='stack_graph' %}</li>
{% endblock %}


{%- block primary %}
    {% block page_header %}
    {% endblock %}
  <section class="module">
    <div class="module-content">
        <h1 class="page-heading">Linked Graph</h1>
    </div>

    <ul class="nav nav-tabs nav-tabs-plain" id="graph-nav">
        <li class="active">
            <a href="#stack_chart"><i class="icon-bar-chart" aria-hidden="true"></i>熱門標籤</a>
        </li>
        <li>
            <a href="#tag_cloud"><i class="icon-cloud" aria-hidden="true"></i>標籤雲</a>
        </li>
    </ul>

      <script>
          categories = {{ categories | safe}};
          series = {{ series | safe}};
           tags = {{ tags | safe}};
      </script>

      <div class="module-content" data-module="graph">
          <div id="stack_chart"  style="width: 100%; height: 450px;left: -25px;position: relative">

          </div>
          <div id="tag_cloud"  style="width: 100%; height: 450px;left: -25px;position: relative;display: none;">

          </div>
      </div>

      {% resource 'linked_graph/graph.js' %}
      {% resource 'linked_graph/jqcloud.css' %}
  </section>

{%- endblock %}

{% block secondary %}{% endblock %}