chart tooltip Jinja macros

charts.html

{% macro series(bars, value_key, tooltip=None) %}
<div class="chart-series chart-series--vertical">
  {% for bar in bars %}
  <div class="chart-series__bar" data-value="{{ bar[value_key] }}">
    {% if tooltip %}
    <div class="chart-series__bar__tooltip">
      <div class="chart-series__bar__tooltip__content">
        {{ tooltip(bar) }}
      </div>
    </div>
    {% endif %}
  </div>
  {% endfor %}
</div>
{% endmacro %}

template.html

{% import 'charts.html' as charts %}

{% macro fancy_tooltip(bar) %}
  This is a <em>fancy</em> tooltip!
{% endmacro %}

{% block body %}
<div id="main" class="entity committee tab-interface">
  <div class="container">
    <h2>Charts!</h2>
    {{ charts.series(bar_data, 'debt', tooltip=fancy_tooltip) }}
  </div>
</div>
{% endblock %}