-
{% include ui/sparkline.html percentage=35 type="pie" %}
+
{% include ui/chart-sparkline.html percentage=35 type="donut" %}
Today's Earning: $4,262.40
{% include ui/icon.html icon="trending-up" color="green" class="icon-inline" %} +5% more than yesterday
diff --git a/src/pages/_includes/cards/most-visited-pages.html b/src/pages/_includes/cards/most-visited-pages.html
index 25d6a6689bae2cc039a358ca6562943eddc10c12..fc0366d6c5ab6cf2bc7c74cbf2af2a92c1ca8c1d 100644
--- a/src/pages/_includes/cards/most-visited-pages.html
+++ b/src/pages/_includes/cards/most-visited-pages.html
@@ -25,7 +25,7 @@
{{ page.unique | format_number }} |
{{ page.bounce-rate }} |
- {% include ui/sparkline.html type="line" data=data %}
+ {% include ui/chart-sparkline.html type="line" data=data %}
|
{% endfor %}
diff --git a/src/pages/_includes/cards/small-stats.html b/src/pages/_includes/cards/small-stats.html
index 9c529404d7f7be2ec838ae011cfcc3fe397edee1..cce493ed2bab125661c9e92b38df94321f4afabf 100644
--- a/src/pages/_includes/cards/small-stats.html
+++ b/src/pages/_includes/cards/small-stats.html
@@ -10,7 +10,7 @@
{% if include.chart-data and chart-position == "left" %}
- {% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
+ {% include ui/chart-sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
{% endif %}
@@ -26,7 +26,7 @@
{% if include.chart-data and chart-position=="right" %}
- {% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
+ {% include ui/chart-sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
{% endif %}
diff --git a/src/pages/_includes/cards/table-users.html b/src/pages/_includes/cards/table-users.html
index 7b06f613f31c9a2cddcd85b9ebfdccae210fec17..2b8c2762e0cf30d8a80ecc707a9fc1d3d3e13366 100644
--- a/src/pages/_includes/cards/table-users.html
+++ b/src/pages/_includes/cards/table-users.html
@@ -56,7 +56,7 @@
- {% include ui/sparkline.html percentage=percentage type="pie" %}
+ {% include ui/chart-sparkline.html percentage=percentage type="donut" %}
{% endfor %}
diff --git a/src/pages/_includes/ui/chart-sparkline.html b/src/pages/_includes/ui/chart-sparkline.html
new file mode 100644
index 0000000000000000000000000000000000000000..e76d033dbcd47e209c6f968921a576c94be88bb0
--- /dev/null
+++ b/src/pages/_includes/ui/chart-sparkline.html
@@ -0,0 +1,67 @@
+{% assign type = include.type | default: 'bar' %}
+{% assign id = 0 | random_id %}
+{% assign color = include.color | default: 'blue' %}
+{% assign height = include.height | default: 2.5 %}
+
+{% assign data = include.data %}
+
+
+
+{% capture_global scripts %}
+
+{% endcapture_global %}
diff --git a/src/pages/_includes/ui/sparkline.html b/src/pages/_includes/ui/sparkline.html
deleted file mode 100644
index c189d2bda7299948d5d424c83fdc2bb0e0ee93cd..0000000000000000000000000000000000000000
--- a/src/pages/_includes/ui/sparkline.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{% assign type = include.type | default: 'bar' %}
-{% assign id = 0 | random_id %}
-{% assign color = include.color | default: 'blue' %}
-
-{% assign data = include.data %}
-{% if include.percentage %}
- {% assign data = include.percentage | append: "/100" %}
-{% endif %}
-
-
-
-{% capture_global scripts %}
-
-{% endcapture_global %}
diff --git a/src/pages/_layouts/homepage.html b/src/pages/_layouts/homepage.html
index adc2c633f574a79f7056c1b068b23df1e9d34ea6..4efa7f4b1a056c1b19b9c41e5c858de8e89b3f89 100644
--- a/src/pages/_layouts/homepage.html
+++ b/src/pages/_layouts/homepage.html
@@ -4,7 +4,7 @@ layout: default
page-header: Dashboard
page-header-pretitle: Overview
page-header-actions: buttons
-libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
+libs: jquery, apexcharts, jqvmap, jqvmap-world
---
{% include layout/homepage.html %}
diff --git a/src/pages/layout-horizontal.html b/src/pages/layout-horizontal.html
index b448f0ca4b29c8e2daeeb7e8742a638193f95b6a..fef158bf9e8f19f791fcc482d21b6cc7c22f5a7f 100644
--- a/src/pages/layout-horizontal.html
+++ b/src/pages/layout-horizontal.html
@@ -1,6 +1,5 @@
---
page-header: Horizontal layout
menu: layout.horizontal
-libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
layout: homepage
---
\ No newline at end of file
diff --git a/src/pages/widgets.html b/src/pages/widgets.html
index 72fbf91aec9f5e7e3b4bccea218adcf9e6241417..0c00dd8c8d05475d383e3c275cfd9ee835896876 100644
--- a/src/pages/widgets.html
+++ b/src/pages/widgets.html
@@ -2,7 +2,7 @@
title: Widgets
page-header: Widgets
menu: extra.widgets
-libs: jquery, apexcharts, peity
+libs: jquery, apexcharts
---
@@ -49,13 +49,13 @@ libs: jquery, apexcharts, peity
{% include cards/small-stats.html icon="message" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
-
{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
+
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
-
{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}
+
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56" color="green" count=78 subtitle="Orders" description="32 shipped" %}
-
{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}
+
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56" color="red" count=1352 subtitle="Members" description="163 registered today" %}
-
{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
+
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
@@ -63,9 +63,9 @@ libs: jquery, apexcharts, peity
{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="brand-github" %}
-
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}
-
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}
-
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
+
{% include cards/small-stats.html chart-type="donut" chart-data="12" person-id=10 %}
+
{% include cards/small-stats.html chart-type="donut" chart-data="12" person-id=11 %}
+
{% include cards/small-stats.html chart-type="donut" chart-data="56" person-id=1 %}
{% include cards/small-stats.html color="green" person-id=4 %}
{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include cards/code.html %}
diff --git a/src/scss/tabler-vendors.scss b/src/scss/tabler-vendors.scss
index ced7f1dd76dda6c579274c815f722f4aac0b159c..08b27c2361f3cd371ebbf0431b1c785f7cd9e84b 100644
--- a/src/scss/tabler-vendors.scss
+++ b/src/scss/tabler-vendors.scss
@@ -1,6 +1,5 @@
@import "config";
-@import "vendor/peity";
@import "vendor/selectize";
@import "vendor/jqvmap";
@import "vendor/apexcharts";
diff --git a/src/scss/ui/_charts.scss b/src/scss/ui/_charts.scss
index 60aad0534480952b3cd6f5bbd94e03e269321a8e..6417620c107965297c8cfab294eca8fd7615de5f 100644
--- a/src/scss/ui/_charts.scss
+++ b/src/scss/ui/_charts.scss
@@ -27,6 +27,7 @@ Chart sparkline
width: 4rem;
height: 2.5rem;
line-height: 1;
+ min-height: 0 !important;
}
.chart-sparkline-square {
diff --git a/src/scss/vendor/_peity.scss b/src/scss/vendor/_peity.scss
deleted file mode 100644
index f4d9ef0b6d8920c7254f7a9d6946bac446f4f43f..0000000000000000000000000000000000000000
--- a/src/scss/vendor/_peity.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.peity {
- stroke-linejoin: round;
- stroke-linecap: round;
-}
\ No newline at end of file