Added sparkline feature to charts

2020-11-09 08:29:43 -05:00
parent f5b40ec73d
commit 8e9aed484e
8 changed files with 89 additions and 31 deletions
--- a/resources/views/livewire-area-chart.blade.php
+++ b/resources/views/livewire-area-chart.blade.php
@@ -21,6 +21,7 @@
                    const dataLabels = component.get('areaChartModel.dataLabels') || {};
                    const onPointClickEventName = component.get('areaChartModel.onPointClickEventName')
                    const data = component.get('areaChartModel.data');
+                    const sparkline = component.get('areaChartModel.sparkline');

                    const categories = component.get('areaChartModel.xAxis.categories').length > 0
                        ? component.get('areaChartModel.xAxis.categories')
@@ -36,13 +37,13 @@
                            type: 'area',
                            height: '100%',

+                            ...sparkline,
+
                            zoom: { enabled: false },

                            toolbar: { show: false },

-                            animations: {
-                                enabled: animated,
-                            },
+                            animations: { enabled: animated },

                            events: {
                                markerClick: function(event, chartContext, { dataPointIndex }) {