new dashboard charts

2017-12-11 19:07:09 +03:00
parent 66b1ee9c54
commit 88c9366279
13 changed files with 681 additions and 342 deletions
--- a/resources/views/vendor/consoletvs/charts/chartjs/line.blade.php
+++ b/resources/views/vendor/consoletvs/charts/chartjs/line.blade.php
@ -0,0 +1,46 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        datasets: [
+            {
+                fill: false,
+                label: "{!! $model->element_label !!}",
+                lineTension: 0.3,
+                @if($model->colors)
+                    borderColor: "{{ $model->colors[0] }}",
+                    backgroundColor: "{{ $model->colors[0] }}",
+                @endif
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ],
+            }
+        ]
+    };
+
+    var myLineChart = new Chart(ctx, {
+        type: 'line',
+        data: data,
+        options: {
+            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
+            maintainAspectRatio: false,
+            @if($model->title)
+                title: {
+                    display: true,
+                    text: "{!! $model->title !!}",
+                    fontSize: 20,
+                }
+            @endif
+        }
+    });
+</script>