63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
{% extends "pxy_dashboard/partials/base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}Apex Bubble Charts{% endblock title %}
|
|
|
|
{% block extra_css %}
|
|
{% endblock extra_css %}
|
|
|
|
|
|
{% block pagetitle %}
|
|
{% include "pxy_dashboard/partials/page-title.html" with pagetitle="Bubble Charts" title="Apex" %}
|
|
{% endblock pagetitle %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title">Simple Bubble Chart</h4>
|
|
<div dir="ltr">
|
|
<div id="simple-bubble" class="apex-charts" data-colors="#3e60d5,#ffbc00,#fa5c7c"></div>
|
|
</div>
|
|
</div>
|
|
<!-- end card body-->
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<!-- end col-->
|
|
|
|
<div class="col-xl-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title">3D Bubble Chart</h4>
|
|
<div dir="ltr">
|
|
<div id="second-bubble" class="apex-charts" data-colors="#3e60d5,#47ad77,#fa5c7c,#39afd1"></div>
|
|
</div>
|
|
</div>
|
|
<!-- end card body-->
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<!-- end col-->
|
|
</div>
|
|
<!-- end row-->
|
|
|
|
|
|
|
|
{% endblock content %}
|
|
|
|
{% block extra_js %}
|
|
|
|
<!-- Apex Charts js -->
|
|
<script src="{% static 'dashboard/vendor/apexcharts/apexcharts.min.js' %}"></script>
|
|
|
|
<!-- Apex Chart Bubble Demo js -->
|
|
<script src="{% static 'dashboard/js/pages/demo.apex-bubble.js' %}"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="{% static 'dashboard/js/app.min.js' %}"></script>
|
|
|
|
{% endblock extra_js %}
|
|
|