Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

homepage, pie charts

Browse Source
This commit is contained in:
codecalm
2018-02-27 23:33:28 +01:00
parent df67aa9cd8
commit 3e197595b7
3 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/_data/charts.yml
View File

@@ -234,7 +234,7 @@ pie:
color: blue
data: [63]
- name: Minimum
color: pink
color: blue-light
data: [37]
donut:
@@ -246,7 +246,7 @@ donut:
color: blue
data: [63]
- name: Minimum
color: pink
color: blue-light
data: [37]

9
src/_includes/cards/chart.html Normal file
View File

@@ -0,0 +1,9 @@
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ include.title }}</h3>
</div>
<div class="card-body">
<div id="{{ include.id }}" style="height: 15rem;"></div>
</div>
</div>
{% include js-charts.html id=include.id data=include.data %}

13
src/index.html
View File

@@ -35,17 +35,16 @@ menu: index
</div>
<div class="col-sm-6">
<div class="alert alert-info">Are you in trouble? <a href="{{ site.base }}/docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
<div class="alert alert-primary">Are you in trouble? <a href="{{ site.base }}/docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Chart name</h3>
<div class="row">
<div class="col-6">
{% include cards/chart.html title="Chart title" id="chart-donut" data="donut" %}
</div>
<div class="card-body">
<div id="chart-donut" style="height: 15rem;"></div>
<div class="col-6">
{% include cards/chart.html title="Chart title" id="chart-pie" data="pie" %}
</div>
</div>
{% include js-charts.html id='chart-donut' data='donut' %}
</div>