New Controllers added. Added Charts

Laravel/resources/views/vendor/charts/_partials/container/canvas.blade.php

@@ -0,0 +1,7 @@
+@if(!$model->container)
+	@include('charts::_partials.loader.container-top')
+		<div>
+			<canvas id="{{ $model->id }}"></canvas>
+		</div>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/canvas2.blade.php

@@ -0,0 +1,7 @@
+@if(!$model->container)
+	@include('charts::_partials.loader.container-top')
+		<div>
+			<canvas id="{{ $model->id }}" @include('charts::_partials.dimension.html')></canvas>
+		</div>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/chartist.blade.php

@@ -0,0 +1,6 @@
+@if(!$model->container)
+	@include('charts::_partials.container.title')
+	@include('charts::_partials.loader.container-top')
+		<div id="{{ $model->id }}" style="@include('charts::_partials.dimension.css')" class="ct-chart ct-perfect-fourth"></div>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/div-titled.blade.php

@@ -0,0 +1,8 @@
+@if(!$model->container)
+	@include('charts::_partials.container.title')
+	@include('charts::_partials.loader.container-top')
+		<center>
+			<div id="{{ $model->id }}" style="@include('charts::_partials.dimension.css')"></div>
+		</center>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/div.blade.php

@@ -0,0 +1,6 @@
+@if(!$model->container)
+
+	@include('charts::_partials.loader.container-top')
+		<div id="{{ $model->id }}" style="@include('charts::_partials.dimension.css')"></div>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/svg.blade.php

@@ -0,0 +1,5 @@
+@if(!$model->container)
+	@include('charts::_partials.loader.container-top')
+		<svg id="{{ $model->id }}" @include('charts::_partials.dimension.html')></svg>
+	@include('charts::_partials.loader.container-bottom')
+@endif

Laravel/resources/views/vendor/charts/_partials/container/title.blade.php

@@ -0,0 +1,9 @@
+@if(!$model->container)
+	<div>
+		@if($model->title)
+			<center>
+				<strong>{{ $model->title }}</strong>
+			</center>
+		@endif
+	</div>
+@endif

Laravel/resources/views/vendor/charts/_partials/dimension/css.blade.php

@@ -0,0 +1,11 @@
+@if($model->responsive)
+    height: 100%; width: 100%;
+@else
+    @if($model->height)
+        height: {{ $model->height }}px;
+    @endif
+
+    @if($model->width)
+        width: {{ $model->width }}px;
+    @endif
+@endif

Laravel/resources/views/vendor/charts/_partials/dimension/html.blade.php

@@ -0,0 +1,11 @@
+@if($model->responsive)
+    height="100%" width="100%"
+@else
+    @if($model->height)
+        height="{{ $model->height }}"
+    @endif
+
+    @if($model->width)
+        width="{{ $model->width }}"
+    @endif
+@endif

Laravel/resources/views/vendor/charts/_partials/dimension/js.blade.php

@@ -0,0 +1,16 @@
+@if($model->responsive)
+    height: "100%",
+    width: "100%",
+@else
+    @if($model->height)
+        height: "{{ $model->height }}px",
+    @else
+        height: "100%",
+    @endif
+
+    @if($model->width)
+        width: "{{ $model->width }}px",
+    @else
+        width: "100%",
+    @endif
+@endif

Laravel/resources/views/vendor/charts/_partials/dimension/js2.blade.php

@@ -0,0 +1,9 @@
+@if(!$model->responsive)
+    @if($model->height)
+        height: {{ $model->height }},
+    @endif
+
+    @if($model->width)
+        width: {{ $model->width }},
+    @endif
+@endif

Laravel/resources/views/vendor/charts/_partials/dimension/svg.blade.php

@@ -0,0 +1,5 @@
+<style>
+#{{ $model->id }} > svg {
+    @include("charts::_partials.dimension.css")
+}
+</style>

Laravel/resources/views/vendor/charts/_partials/helpers/hex2rgb.blade.php

@@ -0,0 +1,11 @@
+<script>
+    function hex2rgba_convert(hex,opacity){
+        hex = hex.replace('#','');
+        r = parseInt(hex.substring(0,2), 16);
+        g = parseInt(hex.substring(2,4), 16);
+        b = parseInt(hex.substring(4,6), 16);
+
+        result = 'rgba('+r+','+g+','+b+','+opacity/100+')';
+        return result;
+    }
+</script>

Laravel/resources/views/vendor/charts/_partials/loader/container-bottom.blade.php

@@ -0,0 +1,2 @@
+    </div>
+</div>

Laravel/resources/views/vendor/charts/_partials/loader/container-top.blade.php

@@ -0,0 +1,7 @@
+<div class="charts" style="background: {{ $model->background_color }};">
+    <div data-duration="{{ $model->loader_duration }}" class="charts-loader {{ $model->loader ? 'enabled' : '' }}" style="display: none; position: relative; top: {{ ($model->height / 2) - 30 }}px; height: 0;">
+        <center>
+            <div class="loading-spinner" style="border: 3px solid {{ $model->loader_color }}; border-right-color: transparent;"></div>
+        </center>
+    </div>
+    <div class="charts-chart">

Laravel/resources/views/vendor/charts/_partials/loader/css.blade.php

@@ -0,0 +1,68 @@
+<style>
+@-webkit-keyframes rotate-forever {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-moz-keyframes rotate-forever {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@keyframes rotate-forever {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+.loading-spinner {
+    -webkit-animation-duration: 0.75s;
+    -moz-animation-duration: 0.75s;
+    animation-duration: 0.75s;
+    -webkit-animation-iteration-count: infinite;
+    -moz-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
+    -webkit-animation-name: rotate-forever;
+    -moz-animation-name: rotate-forever;
+    animation-name: rotate-forever;
+    -webkit-animation-timing-function: linear;
+    -moz-animation-timing-function: linear;
+    animation-timing-function: linear;
+    height: 60px;
+    width: 60px;
+    border-radius: 50%;
+    display: inline-block;
+}
+</style>

Laravel/resources/views/vendor/charts/_partials/loader/js.blade.php

@@ -0,0 +1,20 @@
+<script>
+    $(function() {
+        $('.charts').each(function() {
+            var chart = $(this).find('.charts-chart');
+            var loader = $(this).find('.charts-loader');
+            var time = loader.data('duration');
+
+            if(loader.hasClass('enabled')) {
+                chart.css({visibility: 'hidden'});
+                loader.fadeIn(350);
+
+                setTimeout(function() {
+                    loader.fadeOut(350, function() {
+                        chart.css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 350);
+                    });
+                }, time)
+            }
+        });
+    })
+</script>

Laravel/resources/views/vendor/charts/amcharts/bar.blade.php

@@ -0,0 +1,49 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+
+<script>
+var {{ $model->id }} = AmCharts.makeChart( "{{ $model->id }}", {
+    "type": "serial",
+    "theme": "light",
+    "dataProvider": [
+        @foreach($model->values as $v)
+        {
+            "country": "{{ $model->labels[$loop->index] }}",
+            "visits": {{ $v }}
+        },
+        @endforeach
+    ],
+    "valueAxes": [
+        {
+            "minimum": 0,
+            "title": "{!! $model->element_label !!}",
+        }
+    ],
+  "gridAboveGraphs": true,
+  "startDuration": 1,
+  "graphs": [ {
+    "balloonText": "[[category]]: <b>[[value]]</b>",
+    "fillAlphas": 0.8,
+    "lineAlpha": 0.2,
+    "type": "column",
+    "valueField": "{!! $model->element_label !!}"
+  } ],
+  "chartCursor": {
+    "categoryBalloonEnabled": false,
+    "cursorAlpha": 0,
+    "zoomable": false
+  },
+  "categoryField": "country",
+  "categoryAxis": {
+    "gridPosition": "start",
+    "gridAlpha": 0,
+    "tickPosition": "start",
+    "tickLength": 20
+  },
+  "export": {
+    "enabled": true
+  }
+
+} );
+</script>

Laravel/resources/views/vendor/charts/c3/area.blade.php

@@ -0,0 +1,30 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            ["{!! $model->element_label !!}",@foreach($model->values as $value){{ $value }},@endforeach],
+        ],
+        type: 'area',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/bar.blade.php

@@ -0,0 +1,30 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            ["{!! $model->element_label !!}",@foreach($model->values as $value){{ $value }},@endforeach],
+        ],
+        type: 'bar',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/donut.blade.php

@@ -0,0 +1,32 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            @for($i = 0; $i < count($model->labels); $i++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ],
+        type: 'donut',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/gauge.blade.php

@@ -0,0 +1,34 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+      columns: [
+        ["{!! $model->element_label !!}",{{ $model->values[0] }}],
+    ],
+    type: 'gauge',
+    },
+    gauge: {
+        min: {{ ($model->values && count($model->values) > 1) ? $model->values[1] : '0' }},
+        max: {{ ($model->values && count($model->values) > 2) ? $model->values[2] : '100' }},
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/line.blade.php

@@ -0,0 +1,29 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+      columns: [
+        ["{!! $model->element_label !!}",@foreach($model->values as $value){{ $value }},@endforeach],
+      ]
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/multi/area.blade.php

@@ -0,0 +1,32 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            @foreach($model->datasets as $ds)
+                ["{{ $ds['label'] }}",@foreach($ds['values'] as $value){{ $value }},@endforeach],
+            @endforeach
+        ],
+        type: 'area',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/multi/bar.blade.php

@@ -0,0 +1,32 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            @foreach($model->datasets as $ds)
+                ["{{ $ds['label'] }}",@foreach($ds['values'] as $value){{ $value }},@endforeach],
+            @endforeach
+        ],
+        type: 'bar',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/multi/line.blade.php

@@ -0,0 +1,31 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+      columns: [
+        @foreach($model->datasets as $ds)
+            ["{{ $ds['label'] }}",@foreach($ds['values'] as $value){{ $value }},@endforeach],
+        @endforeach
+      ]
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/c3/pie.blade.php

@@ -0,0 +1,32 @@
+@include('charts::_partials.container.div')
+<script>
+var {{ $model->id }} = c3.generate({
+    bindto: '#{{ $model->id }}',
+    data: {
+        columns: [
+            @for($i = 0; $i < count($model->labels); $i++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ],
+        type: 'pie',
+    },
+    axis: {
+        x: {
+            type: 'category',
+            categories: [@foreach($model->labels as $label)"{!! $label !!}",@endforeach]
+        },
+        y: {
+            label: {
+                text: "{!! $model->element_label !!}",
+                position: 'outer-middle',
+            }
+        },
+    },
+    @if($model->title)
+    title: {
+        text:  "{!! $model->title !!}",
+        x: -20 //center
+    },
+    @endif
+});
+</script>

Laravel/resources/views/vendor/charts/canvas-gauges/gauge.blade.php

@@ -0,0 +1,99 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas')
+@endif
+
+<script type="text/javascript">
+    $(function (){
+        var {{ $model->id }} = new RadialGauge({
+            renderTo: "{{ $model->id }}",
+            @if($model->colors)
+                colorNumbers: "{{ $model->colors[0] }}",
+            @endif
+            @include('charts::_partials.dimension.js2')
+            @if($model->title)
+                title: "{!! $model->title !!}",
+            @endif
+            value: {{ $model->values[0] }},
+            units: "{!! $model->element_label !!}",
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                minValue: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                maxValue: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            @php
+                $interval = 10;
+                $interval_adder = round($max / $interval, 2)
+            @endphp
+
+            majorTicks: [
+                @php($r = $min)
+                @for($i = 0; $i <= $interval; $i++)
+                    @if($i == 0)
+                        {{ $min }},
+                    @elseif($i == $interval)
+                        {{ $max }},
+                    @else
+                        {{ $r + $interval_adder }},
+                        @php($r = $r + $interval_adder)
+                    @endif
+                @endfor
+            ],
+
+            animationRule: 'linear',
+            highlights: [
+                @if($model->gauge_style == 'right')
+                    // Calculate warning area
+                    <?php
+                        $low_warning = round(0.40 * $max, 2);
+                        $warning = round(0.25 * $max, 2);
+                        $max_warning = round(0.10 * $max, 2);
+                    ?>
+
+                    { from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
+                @elseif($model->gauge_style == 'center')
+                    // Calculate warning area
+                    <?php
+                        $warning = round(0.10 * $max, 2);
+                        $warning2 = round(0.25 * $max, 2);
+                        $warning3 = round(0.40 * $max, 2);
+                        $warning4 = round(0.60 * $max, 2);
+                        $warning5 = round(0.75 * $max, 2);
+                        $warning6 = round(0.90 * $max, 2);
+                    ?>
+
+                    { from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
+                    { from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @else
+                    // Calculate warning area
+                    <?php
+                        $low_warning = round(0.60 * $max, 2);
+                        $warning = round(0.75 * $max, 2);
+                        $max_warning = round(0.90 * $max, 2);
+                    ?>
+
+                    { from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @endif
+            ],
+        }).draw()
+    });
+</script>

Laravel/resources/views/vendor/charts/canvas-gauges/realtime/gauge.blade.php

@@ -0,0 +1,105 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas')
+@endif
+
+<script type="text/javascript">
+    $(function (){
+        var {{ $model->id }} = new RadialGauge({
+            renderTo: "{{ $model->id }}",
+            @if($model->colors)
+                colorNumbers: "{{ $model->colors[0] }}",
+            @endif
+            @include('charts::_partials.dimension.js2')
+            @if($model->title)
+                title: "{!! $model->title !!}",
+            @endif
+            value: {{ $model->values ? $model->values[0] : '0' }},
+            units: "{!! $model->element_label !!}",
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                minValue: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                maxValue: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            @php
+                $interval = 10;
+                $interval_adder = round($max / $interval, 2)
+            @endphp
+
+            majorTicks: [
+                @php($r = $min)
+                @for($i = 0; $i <= $interval; $i++)
+                    @if($i == 0)
+                        {{ $min }},
+                    @elseif($i == $interval)
+                        {{ $max }},
+                    @else
+                        {{ $r + $interval_adder }},
+                        @php($r = $r + $interval_adder)
+                    @endif
+                @endfor
+            ],
+
+            animationRule: 'linear',
+            highlights: [
+                @if($model->gauge_style == 'right')
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.40 * $max, 2);
+                        $warning = round(0.25 * $max, 2);
+                        $max_warning = round(0.10 * $max, 2);
+                    @endphp
+
+                    { from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
+                @elseif($model->gauge_style == 'center') {
+                    // Calculate warning area
+                    @php
+                        $warning = round(0.10 * $max, 2);
+                        $warning2 = round(0.25 * $max, 2);
+                        $warning3 = round(0.40 * $max, 2);
+                        $warning4 = round(0.60 * $max, 2);
+                        $warning5 = round(0.75 * $max, 2);
+                        $warning6 = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
+                    { from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @else
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.60 * $max, 2);
+                        $warning = round(0.75 * $max, 2);
+                        $max_warning = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @endif
+            ],
+        }).draw()
+
+        setInterval(function(){
+            $.getJSON("{{ $model->url }}", function( data ) {
+                {{ $model->id }}.value = data["{{ $model->value_name }}"];
+            })
+        }, {{ $model->interval }})
+    });
+</script>

Laravel/resources/views/vendor/charts/canvas-gauges/realtime/temp.blade.php

@@ -0,0 +1,108 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas')
+@endif
+
+<script type="text/javascript">
+    $(function (){
+        var {{ $model->id }} = new LinearGauge({
+            renderTo: "{{ $model->id }}",
+            @if($model->colors)
+            colorNumbers: "{{ $model->colors[0] }}",
+            @endif
+            @include('charts::_partials.dimension.js2')
+            @if($model->title)
+            title: "{!! $model->title !!}",
+            @endif
+            value: {{ $model->values ? $model->values[0] : '0' }},
+            units: "{!! $model->element_label !!}",
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                minValue: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                maxValue: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            // Calculate warning area
+            @php
+                $low_warning = round(0.60 * $max, 2);
+                $warning = round(0.75 * $max, 2);
+                $max_warning = round(0.90 * $max, 2);
+
+                $interval = 10;
+                $interval_adder = round($max / $interval, 2);
+            @endphp
+
+            majorTicks: [
+                @php($r = $min)
+                @for($i = 0; $i <= $interval; $i++)
+                    @if($i == 0)
+                        {{ $min }},
+                    @elseif($i == $interval)
+                        {{ $max }},
+                    @else
+                        {{ $r + $interval_adder }},
+                        @php($r = $r + $interval_adder)
+                    @endif
+                @endfor
+            ],
+          highlights: [
+                @if($model->gauge_style == 'right')
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.40 * $max, 2);
+                        $warning = round(0.25 * $max, 2);
+                        $max_warning = round(0.10 * $max, 2);
+                    @endphp
+
+                    { from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
+                @elseif($model->gauge_style == 'center')
+                    // Calculate warning area
+                    @php
+                        $warning = round(0.10 * $max, 2);
+                        $warning2 = round(0.25 * $max, 2);
+                        $warning3 = round(0.40 * $max, 2);
+                        $warning4 = round(0.60 * $max, 2);
+                        $warning5 = round(0.75 * $max, 2);
+                        $warning6 = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
+                    { from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @else
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.60 * $max, 2);
+                        $warning = round(0.75 * $max, 2);
+                        $max_warning = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.15)' },
+                    { from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @endif
+            ],
+        }).draw()
+
+        setInterval(function(){
+            $.getJSON("{{ $model->url }}", function( data ) {
+                {{ $model->id }}.value = data["{{ $model->value_name }}"];
+            })
+        }, {{ $model->interval }})
+    });
+</script>

Laravel/resources/views/vendor/charts/canvas-gauges/temp.blade.php

@@ -0,0 +1,102 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas')
+@endif
+
+<script type="text/javascript">
+    $(function (){
+        var {{ $model->id }} = new LinearGauge({
+            renderTo: "{{ $model->id }}",
+            @if($model->colors)
+            colorNumbers: "{{ $model->colors[0] }}",
+            @endif
+            @include('charts::_partials.dimension.js2')
+            @if($model->title)
+            title: "{!! $model->title !!}",
+            @endif
+            value: "{{ $model->values[0] }}",
+            units: "{!! $model->element_label !!}",
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                minValue: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                maxValue: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            // Calculate warning area
+            @php
+                $low_warning = round(0.60 * $max, 2);
+                $warning = round(0.75 * $max, 2);
+                $max_warning = round(0.90 * $max, 2);
+
+                $interval = 10;
+                $interval_adder = round($max / $interval, 2);
+            @endphp
+
+            majorTicks: [
+                @php($r = $min)
+                @for($i = 0; $i <= $interval; $i++)
+                    @if($i == 0)
+                        {{ $min }},
+                    @elseif($i == $interval)
+                        {{ $max }},
+                    @else
+                        {{ $r + $interval_adder }},
+                        @php($r = $r + $interval_adder)
+                    @endif
+                @endfor
+            ],
+          highlights: [
+                @if($model->gauge_style == 'right')
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.40 * $max, 2);
+                        $warning = round(0.25 * $max, 2);
+                        $max_warning = round(0.10 * $max, 2);
+                    @endphp
+
+                    { from: {{ $low_warning }}, to: {{ $max }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning }}, to: {{ $low_warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $max_warning }}, to: {{ $warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $max_warning }}, color: 'rgba(255,0,0,.5)' },
+                @elseif($model->gauge_style == 'center')
+                    // Calculate warning area
+                    @php
+                        $warning = round(0.10 * $max, 2);
+                        $warning2 = round(0.25 * $max, 2);
+                        $warning3 = round(0.40 * $max, 2);
+                        $warning4 = round(0.60 * $max, 2);
+                        $warning5 = round(0.75 * $max, 2);
+                        $warning6 = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $warning3 }}, to: {{ $warning4 }}, color: 'rgba(0,258,0,.20)' },
+                    { from: {{ $warning2 }}, to: {{ $warning3 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning4 }}, to: {{ $warning5 }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $warning2 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $warning5 }}, to: {{ $warning6 }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $min }}, to: {{ $warning }}, color: 'rgba(255,0,0,.5)' },
+                    { from: {{ $warning6 }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @else
+                    // Calculate warning area
+                    @php
+                        $low_warning = round(0.60 * $max, 2);
+                        $warning = round(0.75 * $max, 2);
+                        $max_warning = round(0.90 * $max, 2);
+                    @endphp
+
+                    { from: {{ $min }}, to: {{ $low_warning }}, color: 'rgba(0,258,0,.15)' },
+                    { from: {{ $low_warning }}, to: {{ $warning }}, color: 'rgba(255,255,0,.35)' },
+                    { from: {{ $warning }}, to: {{ $max_warning }}, color: 'rgba(255,69,0,.40)' },
+                    { from: {{ $max_warning }}, to: {{ $max }}, color: 'rgba(255,0,0,.5)' },
+                @endif
+            ],
+        }).draw()
+    });
+</script>

Laravel/resources/views/vendor/charts/chartist/area.blade.php

@@ -0,0 +1,25 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            [
+                @foreach($model->values as $value)
+                    "{{ $value }}",
+                @endforeach
+            ],
+        ]
+    };
+
+    var options = {
+        showArea: true,
+        @include('charts::_partials.dimension.js')
+    };
+
+    new Chartist.Line('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/bar.blade.php

@@ -0,0 +1,22 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            [
+                @foreach($model->values as $value)
+                    "{{ $value }}",
+                @endforeach
+            ],
+        ]
+    };
+
+    var options = { @include('charts::_partials.dimension.js') }
+
+    new Chartist.Bar('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/donut.blade.php

@@ -0,0 +1,26 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            @foreach($model->values as $value)
+                "{{ $value }}",
+            @endforeach
+        ]
+    };
+
+    var options = {
+        donut: true,
+        labelOffset: 50,
+        chartPadding: 20,
+        labelDirection: 'explode',
+        @include('charts::_partials.dimension.js')
+    };
+
+    new Chartist.Pie('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/line.blade.php

@@ -0,0 +1,22 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            [
+                @foreach($model->values as $value)
+                    {{ $value }},
+                @endforeach
+            ],
+        ]
+    };
+
+    var options = { @include('charts::_partials.dimension.js') }
+
+    new Chartist.Line('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/multi/area.blade.php

@@ -0,0 +1,26 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!!  $label !!}",
+            @endforeach
+        ],
+        series: [
+            @foreach($model->datasets as $ds)
+                [
+                    @foreach($ds['values'] as $value)
+                        "{{ $value }}",
+                    @endforeach
+                ],
+            @endforeach
+        ]
+    };
+
+    var options = {
+        showArea: true,
+        @include('charts::_partials.dimension.js')
+    }
+    new Chartist.Line('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/multi/bar.blade.php

@@ -0,0 +1,24 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            @foreach($model->datasets as $ds)
+                [
+                    @foreach($ds['values'] as $value)
+                        "{{ $value }}",
+                    @endforeach
+                ],
+            @endforeach
+        ]
+    };
+
+    var options = { @include('charts::_partials.dimension.js') }
+
+    new Chartist.Bar('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/multi/line.blade.php

@@ -0,0 +1,24 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            @foreach($model->datasets as $ds)
+                [
+                    @foreach($ds['values'] as $value)
+                        "{{ $value }}",
+                    @endforeach
+                ],
+            @endforeach
+        ]
+    };
+
+    var options = { @include('charts::_partials.dimension.js') }
+
+    new Chartist.Line('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartist/pie.blade.php

@@ -0,0 +1,24 @@
+@include('charts::_partials.container.chartist')
+
+<script type="text/javascript">
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        series: [
+            @foreach($model->values as $value)
+                "{{ $value }}",
+            @endforeach
+        ]
+    };
+
+    var options = {
+        chartPadding: 20,
+        labelDirection: 'explode',
+        @include('charts::_partials.dimension.js')
+    };
+
+    new Chartist.Pie('#{{ $model->id }}', data, options);
+</script>

Laravel/resources/views/vendor/charts/chartjs/area.blade.php

@@ -0,0 +1,49 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+@include('charts::_partials.helpers.hex2rgb')
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        datasets: [{
+            fill: true,
+            @if($model->colors)
+                backgroundColor: hex2rgba_convert("{{ $model->colors[0] }}", 50),
+            @endif
+            label: "{!! $model->element_label !!}",
+            lineTension: 0.3,
+            @if($model->colors)
+                borderColor: "{{ $model->colors[0] }}",
+            @endif
+            data: [
+                @foreach($model->values as $dta)
+                    {{ $dta }},
+                @endforeach
+            ],
+        }]
+    };
+
+    var {{ $model->id }} = 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>

Laravel/resources/views/vendor/charts/chartjs/bar.blade.php

@@ -0,0 +1,57 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+    var {{ $model->id }} = new Chart(ctx, {
+        type: 'bar',
+        data: {
+            labels: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ],
+            datasets: [
+                {
+                    label: "{!! $model->element_label !!}",
+                    backgroundColor: [
+                        @if($model->colors)
+                            @foreach($model->colors as $color)
+                                "{{ $color }}",
+                            @endforeach
+                        @else
+                            @foreach($model->values as $dta)
+                                "{{ sprintf('#%06X', mt_rand(0, 0xFFFFFF)) }}",
+                            @endforeach
+                        @endif
+                    ],
+                    data: [
+                        @foreach($model->values as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                }
+            ]
+        },
+        options: {
+            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
+            maintainAspectRatio: false,
+            @if($model->title)
+            title: {
+                display: true,
+                text: "{!! $model->title !!}",
+                fontSize: 20,
+            },
+            @endif
+            scales: {
+                yAxes: [{
+                    display: true,
+                    ticks: {
+                        beginAtZero: true,
+                    }
+                }]
+            }
+        }
+    });
+</script>

Laravel/resources/views/vendor/charts/chartjs/donut.blade.php

@@ -0,0 +1,47 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+
+    var {{ $model->id }} = new Chart(ctx, {
+        type: 'doughnut',
+        data: {
+            labels: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ],
+            datasets: [{
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ],
+                backgroundColor: [
+                    @if($model->colors)
+                        @foreach($model->colors as $color)
+                            "{{ $color }}",
+                        @endforeach
+                    @else
+                        @foreach($model->values as $dta)
+                            "{{ sprintf('#%06X', mt_rand(0, 0xFFFFFF)) }}",
+                        @endforeach
+                    @endif
+                ],
+            }]
+        },
+        options: {
+            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
+            maintainAspectRatio: false,
+            @if($model->title)
+            title: {
+                display: true,
+                text: "{!! $model->title !!}",
+                fontSize: 20,
+            }
+            @endif
+        }
+    });
+</script>

Laravel/resources/views/vendor/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 {{ $model->id }} = 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>

Laravel/resources/views/vendor/charts/chartjs/multi/area.blade.php

@@ -0,0 +1,56 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+@include('charts::_partials.helpers.hex2rgb')
+
+<script type="text/javascript">
+
+    var ctx = document.getElementById("{{ $model->id }}")
+    var data = {
+        labels: [
+            @foreach($model->labels as $label)
+                "{!! $label !!}",
+            @endforeach
+        ],
+        datasets: [
+            @for ($i = 0; $i < count($model->datasets); $i++)
+                {
+                    fill: true,
+                    label: "{!! $model->datasets[$i]['label'] !!}",
+                    lineTension: 0.3,
+                    @if($model->colors and count($model->colors) > $i)
+                        @php($c = $model->colors[$i])
+                    @else
+                        @php($c = sprintf('#%06X', mt_rand(0, 0xFFFFFF)))
+                    @endif
+                    borderColor: "{{ $c }}",
+                    backgroundColor: hex2rgba_convert("{{ $c }}", 50),
+                    data: [
+                        @foreach($model->datasets[$i]['values'] as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                },
+            @endfor
+        ]
+    };
+
+    var {{ $model->id }} = 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>

Laravel/resources/views/vendor/charts/chartjs/multi/bar.blade.php

@@ -0,0 +1,58 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+    var {{ $model->id }} = new Chart(ctx, {
+        type: 'bar',
+        data: {
+            labels: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ],
+            datasets: [
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    {
+                        fill: true,
+                        label: "{!! $model->datasets[$i]['label'] !!}",
+                        lineTension: 0.3,
+                        @if($model->colors and count($model->colors) > $i)
+                            borderColor: "{{ $model->colors[$i] }}",
+                            backgroundColor: "{{ $model->colors[$i] }}",
+                        @else
+                            $c = sprintf('#%06X', mt_rand(0, 0xFFFFFF))
+                            borderColor: "{{ $c }}",
+                            backgroundColor: "{{ $c }}",
+                        @endif
+                        data: [
+                            @foreach($model->datasets[$i]['values'] as $dta)
+                                {{ $dta }},
+                            @endforeach
+                        ],
+                    },
+                @endfor
+            ]
+        },
+        options: {
+            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
+            maintainAspectRatio: false,
+                @if($model->title)
+                    title: {
+                display: true,
+                    text: "{!! $model->title !!}",
+                    fontSize: 20,
+            },
+            @endif
+                scales: {
+                yAxes: [{
+                    display: true,
+                    ticks: {
+                        beginAtZero: true,
+                    }
+                }]
+            }
+        }
+    });
+</script>

Laravel/resources/views/vendor/charts/chartjs/multi/line.blade.php

@@ -0,0 +1,51 @@
+@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: [
+            @for ($i = 0; $i < count($model->datasets); $i++)
+                {
+                    fill: false,
+                    label: "{!! $model->datasets[$i]['label'] !!}",
+                    lineTension: 0.3,
+                    @if($model->colors and count($model->colors) > $i)
+                        @php($c = $model->colors[$i])
+                    @else
+                        @php($c = sprintf('#%06X', mt_rand(0, 0xFFFFFF)))
+                    @endif
+                    borderColor: "{{ $c }}",
+                    backgroundColor: "{{ $c }}",
+                    data: [
+                        @foreach($model->datasets[$i]['values'] as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                },
+            @endfor
+        ]
+    };
+
+    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>

Laravel/resources/views/vendor/charts/chartjs/pie.blade.php

@@ -0,0 +1,47 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.canvas2')
+@endif
+
+<script type="text/javascript">
+    var ctx = document.getElementById("{{ $model->id }}")
+
+    var {{ $model->id }} = new Chart(ctx, {
+        type: 'pie',
+        data: {
+            labels: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ],
+            datasets: [{
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ],
+                backgroundColor: [
+                    @if($model->colors)
+                        @foreach($model->colors as $color)
+                            "{{ $color }}",
+                        @endforeach
+                    @else
+                        @foreach($model->values as $dta)
+                            "{{ sprintf('#%06X', mt_rand(0, 0xFFFFFF)) }}",
+                        @endforeach
+                    @endif
+                ],
+            }]
+        },
+        options: {
+            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
+            maintainAspectRatio: false,
+            @if($model->title)
+                title: {
+                    display: true,
+                    text: "{!! $model->title !!}",
+                    fontSize: 20,
+                }
+            @endif
+        }
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/area.blade.php

@@ -0,0 +1,59 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+
+            data:["{!! $model->element_label !!}"]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: ["{{ $model->colors[0] }}"],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->element_label !!}",
+            type: 'line',
+            areaStyle: {
+                normal: {
+                    color: "{{ count($model->colors) > 0 ? $model->colors[0] : '#c23531' }}",
+                }
+            },
+            data: [
+                @foreach($model->values as $dta)
+                    {{ $dta }},
+                @endforeach
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/bar.blade.php

@@ -0,0 +1,54 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+
+            data:["{!! $model->element_label !!}"]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: ["{{ $model->colors[0] }}"],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->element_label !!}",
+            type: 'bar',
+            data: [
+                @foreach($model->values as $dta)
+                    {{ $dta }},
+                @endforeach
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/donut.blade.php

@@ -0,0 +1,58 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+
+            top: 50,
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->element_label !!}",
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            data: [
+                @for($i = 0; count($model->values) > $i; $i++)
+                    {value: {{ $model->values[$i] }}, name: "{{ $model->labels[$i] }}" },
+                @endfor
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/gauge.blade.php

@@ -0,0 +1,60 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+
+            top: 50,
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->title !!}",
+            type: 'gauge',
+            
+            min: {{ ($model->values && count($model->values) > 1) ? $model->values[1] : '0' }},
+            max: {{ ($model->values && count($model->values) > 2) ? $model->values[2] : '100' }},
+            data: [
+                {
+                    value: {{ $model->values[0] }},
+                    name: "{!! $model->element_label !!}",
+                }
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/line.blade.php

@@ -0,0 +1,54 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+
+            data:["{!! $model->element_label !!}"]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: ["{{ $model->colors[0] }}"],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->element_label !!}",
+            type: 'line',
+            data: [
+                @foreach($model->values as $dta)
+                    {{ $dta }},
+                @endforeach
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/multi/area.blade.php

@@ -0,0 +1,72 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+            left: 'left',
+            top: 50,
+            data: [
+                @foreach ($model->datasets as $ds)
+                    "{!! $ds['label'] !!}",
+                @endforeach
+            ]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [
+            @foreach ($model->datasets as $ds)
+                {
+                    name: "{!! $ds['label'] !!}",
+                    type: 'line',
+                    areaStyle: {
+                        normal: {
+                            color: "{{ $model->colors[$loop->index] }}",
+                        }
+                    },
+                    data: [
+                        @foreach($ds['values'] as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                    animationDelay: function (idx) {
+                        return idx * 100;
+                    }
+                },
+            @endforeach
+        ],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/multi/bar.blade.php

@@ -0,0 +1,67 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+            left: 'left',
+            top: 50,
+            data: [
+                @foreach ($model->datasets as $ds)
+                    "{!! $ds['label'] !!}",
+                @endforeach
+            ]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [
+            @foreach ($model->datasets as $ds)
+                {
+                    name: "{!! $ds['label'] !!}",
+                    type: 'bar',
+                    data: [
+                        @foreach($ds['values'] as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                    animationDelay: function (idx) {
+                        return idx * 100;
+                    }
+                },
+            @endforeach
+        ],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/multi/line.blade.php

@@ -0,0 +1,67 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+            left: 'left',
+            top: 50,
+            data: [
+                @foreach ($model->datasets as $ds)
+                    "{!! $ds['label'] !!}",
+                @endforeach
+            ]
+        },
+        xAxis: {
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        yAxis: {},
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [
+            @foreach ($model->datasets as $ds)
+                {
+                    name: "{!! $ds['label'] !!}",
+                    type: 'line',
+                    data: [
+                        @foreach($ds['values'] as $dta)
+                            {{ $dta }},
+                        @endforeach
+                    ],
+                    animationDelay: function (idx) {
+                        return idx * 100;
+                    }
+                },
+            @endforeach
+        ],
+    });
+</script>

Laravel/resources/views/vendor/charts/echarts/pie.blade.php

@@ -0,0 +1,56 @@
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif
+<script type="text/javascript">
+    var {{ $model->id }} = echarts.init(document.getElementById("{{ $model->id }}"));
+
+    {{ $model->id }}.setOption({
+        title: {
+
+            text: "{!! $model->title !!}"
+        },
+        tooltip: {},
+        toolbox: {
+            right: 30,
+            feature: {
+                @if ($model->export)
+                    saveAsImage: {
+                        title: 'Save as image',
+                    }
+                @endif
+            }
+        },
+        legend: {
+            orient: 'vertical',
+
+            top: 50,
+            data: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+        },
+        @if (count($model->colors) > 0)
+            color: [
+                @foreach ($model->colors as $color)
+                    "{{ $color }}",
+                @endforeach
+            ],
+        @endif
+        @if ($model->background_color)
+            backgroundColor: "{{ $model->background_color }}",
+        @endif
+        series: [{
+            name: "{!! $model->element_label !!}",
+            type: 'pie',
+            data: [
+                @for($i = 0; count($model->values) > $i; $i++)
+                    {value: {{ $model->values[$i] }}, name: "{{ $model->labels[$i] }}" },
+                @endfor
+            ],
+            animationDelay: function (idx) {
+                return idx * 100;
+            }
+        }],
+    });
+</script>

Laravel/resources/views/vendor/charts/fusioncharts/area.blade.php

@@ -0,0 +1,48 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'area2d',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    @if($model->colors)
+                        'paletteColors': "{{ $model->colors[0] }}",
+                    @endif
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'rotatevalues': '0',
+                    'showValues': '0',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'data': [
+                    @for ($i = 0; $i < count($model->values); $i++)
+                        {
+                            'label': "{!! $model->labels[$i] !!}",
+                            'value': {{ $model->values[$i] }},
+                        },
+                    @endfor
+                ],
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/bar.blade.php

@@ -0,0 +1,48 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'column2d',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'paletteColors': '#0075c2',
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'rotatevalues': '1',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'data': [
+                    @for ($i = 0; $i < count($model->values); $i++)
+                        {
+                            'label': "{!! $model->labels[$i] !!}",
+                            'value': {{ $model->values[$i] }},
+                            @if($model->colors)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                        },
+                    @endfor
+                ],
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/donut.blade.php

@@ -0,0 +1,59 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'doughnut2d',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'paletteColors': '#0075c2',
+                    'bgColor': '#ffffff',
+                    'showBorder': '0',
+                    'use3DLighting': '0',
+                    'showShadow': '0',
+                    'enableSmartLabels': '1',
+                    'startingAngle': '0',
+                    'showPercentValues': '1',
+                    'showPercentInTooltip': '0',
+                    'decimals': '1',
+                    'captionFontSize': '14',
+                    'subcaptionFontSize': '14',
+                    'subcaptionFontBold': '0',
+                    'toolTipColor': '#ffffff',
+                    'toolTipBorderThickness': '0',
+                    'toolTipBgColor': '#000000',
+                    'toolTipBgAlpha': '80',
+                    'toolTipBorderRadius': '2',
+                    'toolTipPadding': '5',
+                    'showHoverEffect':'1',
+                    'showLegend': '1',
+                    'legendBgColor': '#ffffff',
+                    'legendBorderAlpha': '0',
+                    'legendShadow': '0',
+                    'legendItemFontSize': '10',
+                    'legendItemFontColor': '#666666'
+                },
+                'data': [
+                    @for ($i = 0; $i < count($model->values); $i++)
+                        {
+                            'label': "{!! $model->labels[$i] !!}",
+                            'value': {{ $model->values[$i] }},
+                            @if($model->colors)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                        },
+                    @endfor
+                ],
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/line.blade.php

@@ -0,0 +1,47 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'line',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    @if($model->colors)
+                        'paletteColors': "{{ $model->colors[0] }}",
+                    @endif
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'rotatevalues': '1',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'data': [
+                    @for ($i = 0; $i < count($model->values); $i++)
+                        {
+                            'label': "{!! $model->labels[$i] !!}",
+                            'value': {{ $model->values[$i] }},
+                        },
+                    @endfor
+                ],
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/multi/area.blade.php

@@ -0,0 +1,63 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'msarea',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'showValues': '0',
+                    'showValues': '0',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'categories': [{
+                    'category': [
+                        @foreach($model->labels as $l)
+                            {
+                                'label': "{{ $l }}",
+                            },
+                        @endforeach
+                    ]
+                }],
+                'dataset': [
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {
+                            'seriesname': "{{ $model->datasets[$i]['label'] }}",
+                            @if($model->colors and count($model->colors) > $i)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                            'data': [
+                                @foreach($model->datasets[$i]['values'] as $v)
+                                    {
+                                        'value': {{ $v }}
+                                    },
+                                @endforeach
+                            ]
+                        },
+                    @endfor
+                ]
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/multi/bar.blade.php

@@ -0,0 +1,62 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'mscolumn2d',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'rotatevalues': '1',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'categories': [{
+                    'category': [
+                        @foreach($model->labels as $l)
+                            {
+                                'label': "{{ $l }}",
+                            },
+                        @endforeach
+                    ]
+                }],
+                'dataset': [
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {
+                            'seriesname': "{{ $model->datasets[$i]['label'] }}",
+                            @if($model->colors and count($model->colors) > $i)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                            'data': [
+                                @foreach($model->datasets[$i]['values'] as $v)
+                                    {
+                                        'value': {{ $v }}
+                                    },
+                                @endforeach
+                            ]
+                        },
+                    @endfor
+                ]
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/multi/line.blade.php

@@ -0,0 +1,62 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'msline',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'bgColor': '#ffffff',
+                    'borderAlpha': '20',
+                    'canvasBorderAlpha': '0',
+                    'usePlotGradientColor': '0',
+                    'plotBorderAlpha': '10',
+                    'rotatevalues': '1',
+                    'valueFontColor': '#ffffff',
+                    'showXAxisLine': '1',
+                    'xAxisLineColor': '#999999',
+                    'divlineColor': '#999999',
+                    'divLineIsDashed': '1',
+                    'showAlternateHGridColor': '0',
+                    'subcaptionFontBold': '0',
+                    'subcaptionFontSize': '14'
+                },
+                'categories': [{
+                    'category': [
+                        @foreach($model->labels as $l)
+                            {
+                                'label': "{{ $l }}",
+                            },
+                        @endforeach
+                    ]
+                }],
+                'dataset': [
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {
+                            'seriesname': "{{ $model->datasets[$i]['label'] }}",
+                            @if($model->colors and count($model->colors) > $i)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                            'data': [
+                                @foreach($model->datasets[$i]['values'] as $v)
+                                    {
+                                        'value': {{ $v }}
+                                    },
+                                @endforeach
+                            ]
+                        },
+                    @endfor
+                ]
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/fusioncharts/pie.blade.php

@@ -0,0 +1,59 @@
+<script type="text/javascript">
+    FusionCharts.ready(function () {
+        var {{ $model->id }} = new FusionCharts({
+            type: 'pie2d',
+            renderAt: "{{ $model->id }}",
+            @include('charts::_partials.dimension.js')
+            dataFormat: 'json',
+            dataSource: {
+                'chart': {
+                    "exportenabled": "1",
+                    "exportatclient": "1",
+                    @if($model->title)
+                    'caption': "{!! $model->title !!}",
+                    @endif
+                    'yAxisName': "{!! $model->element_label !!}",
+                    'paletteColors': '#0075c2',
+                    'bgColor': '#ffffff',
+                    'showBorder': '0',
+                    'use3DLighting': '0',
+                    'showShadow': '0',
+                    'enableSmartLabels': '1',
+                    'startingAngle': '0',
+                    'showPercentValues': '1',
+                    'showPercentInTooltip': '0',
+                    'decimals': '1',
+                    'captionFontSize': '14',
+                    'subcaptionFontSize': '14',
+                    'subcaptionFontBold': '0',
+                    'toolTipColor': '#ffffff',
+                    'toolTipBorderThickness': '0',
+                    'toolTipBgColor': '#000000',
+                    'toolTipBgAlpha': '80',
+                    'toolTipBorderRadius': '2',
+                    'toolTipPadding': '5',
+                    'showHoverEffect':'1',
+                    'showLegend': '1',
+                    'legendBgColor': '#ffffff',
+                    'legendBorderAlpha': '0',
+                    'legendShadow': '0',
+                    'legendItemFontSize': '10',
+                    'legendItemFontColor': '#666666'
+                },
+                'data': [
+                    @for($i = 0; $i < count($model->values); $i++)
+                        {
+                            'label': "{!! $model->labels[$i] !!}",
+                            'value': {{ $model->values[$i] }},
+                            @if($model->colors)
+                                'color': "{{ $model->colors[$i] }}",
+                            @endif
+                        },
+                    @endfor
+                ],
+            }
+        }).render()
+    });
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/google/area.blade.php

@@ -0,0 +1,28 @@
+<script type="text/javascript">
+    chart = google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['Element', "{!! $model->element_label !!}"],
+            @for ($i = 0; $i < count($model->values); $i++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+            legend: { position: 'top', alignment: 'end' }
+        };
+
+        var {{ $model->id }} = new google.visualization.AreaChart(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/bar.blade.php

@@ -0,0 +1,43 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['', "{!! $model->element_label !!}",
+                @if($model->colors)
+                    { role: 'style' }
+                @endif
+            ],
+            @for ($i = 0; $i < count($model->values); $i++)
+                [
+                    "{!! $model->labels[$i] !!}", {{ $model->values[$i] }}
+                    @if($model->colors)
+                        ,"{{ $model->colors[$i] }}"
+                    @endif
+                ],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            legend: { position: 'top', alignment: 'end' },
+            fontSize: 12,
+            @include('charts::google.titles')
+            @if($model->colors)
+                colors:[
+                    @foreach($model->colors as $color)
+                        "{{ $color}}",
+                    @endforeach
+                ],
+            @endif
+        };
+
+        var {{ $model->id }} = new google.visualization.ColumnChart(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/colors.blade.php

@@ -0,0 +1,10 @@
+@if($model->colors)
+colors:[
+    @foreach($model->colors as $color)
+    "{{ $color }}",
+    @endforeach
+],
+@endif
+@if($model->background_color)
+backgroundColor: "{{ $model->background_color }}",
+@endif

Laravel/resources/views/vendor/charts/google/donut.blade.php

@@ -0,0 +1,27 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['Element', 'Value'],
+            @for ($l = 0; $l < count($model->values); $l++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            pieHole: 0.4,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+        };
+
+        var {{ $model->id }} = new google.visualization.PieChart(document.getElementById("{{ $model->id }}"))
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/gauge.blade.php

@@ -0,0 +1,74 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['Element', 'Value'],
+            ["{!! $model->element_label !!}", {{ $model->values[0] }}],
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            @if($model->gauge_style == 'right')
+                // Calculate warning area
+                @php
+                    $low_warning = round(0.40 * $max, 2)
+                    $warning = round(0.25 * $max, 2)
+                    $max_warning = round(0.10 * $max, 2)
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#e57373',
+                greenFrom: $low_warning, greenTo: $max,
+                yellowFrom: $max_warning, yellowTo: $low_warning,
+                redFrom: $min, redTo: $max_warning,
+            @elseif($model->gauge_style == 'center') {
+                // Calculate warning area
+                @php
+                    $warning = round(0.25 * $max, 2)
+                    $warning2 = round(0.75 * $max, 2)
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#ffd54f',
+                greenFrom: $warning, greenTo: $warning2,
+                yellowFrom: $min, yellowTo: $warning,
+                redFrom: $warning2, redTo: $max,
+            @else
+                // Calculate warning area
+                @php
+                    $low_warning = round(0.60 * $max, 2)
+                    $warning = round(0.75 * $max, 2)
+                    $max_warning = round(0.90 * $max, 2)
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#e57373',
+                greenFrom: $min, greenTo: $low_warning,
+                yellowFrom: $low_warning, yellowTo: $max_warning,
+                redFrom: $max_warning, redTo: $max,
+            @endif
+
+            minorTicks: 10,
+        };
+
+        var {{ $model->id }} = new google.visualization.Gauge(document.getElementById("{{ $model->id }}"))
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials/container.div-titled')
+@endif

Laravel/resources/views/vendor/charts/google/geo.blade.php

@@ -0,0 +1,34 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['Country', "{!! $model->element_label !!}"],
+            @for ($i = 0; $i < count($model->values); $i++)
+                ["{{ $model->labels[$i] }}", {{ $model->values[$i] }}],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            colorAxis: {
+                colors: [
+                    @if($model->colors and count($model->colors >= 2))
+                        "{{ $model->colors[0] }}", "{{ $model->colors[1] }}"
+                    @endif
+                ]
+            },
+            region: "{{ $model->region ? $model->region : 'world' }}",
+            datalessRegionColor: "#e0e0e0",
+            defaultColor: "#607D8",
+        };
+
+        var {{ $model->id }} = new google.visualization.GeoChart(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials/container.div-titled')
+@endif

Laravel/resources/views/vendor/charts/google/line.blade.php

@@ -0,0 +1,29 @@
+<script type="text/javascript">
+    chart = google.charts.setOnLoadCallback(drawChart)
+
+    function drawChart() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                'Element', "{!! $model->element_label !!}"],
+                @for ($i = 0; $i < count($model->values); $i++)
+                    ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+                @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+            legend: { position: 'top', alignment: 'end' }
+        };
+
+        var chart = new google.visualization.LineChart(document.getElementById("{{ $model->id }}"))
+
+        chart.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/multi/area.blade.php

@@ -0,0 +1,38 @@
+<script type="text/javascript">
+    chart = google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                'Element',
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    "{{ $model->datasets[$i]['label'] }}",
+                @endfor
+            ],
+            @for($l = 0; $l < count($model->labels); $l++)
+                [
+                    "{{ $model->labels[$l] }}",
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {{ $model->datasets[$i]['values'][$l] }},
+                    @endfor
+                ],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+            legend: { position: 'top', alignment: 'end' }
+        };
+
+        var {{ $model->id }} = new google.visualization.AreaChart(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/multi/bar.blade.php

@@ -0,0 +1,38 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                'Element',
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    "{{ $model->datasets[$i]['label'] }}",
+                @endfor
+            ],
+            @for ($l = 0; $l < count($model->labels); $l++)
+                [
+                    "{{ $model->labels[$l] }}",
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {{ $model->datasets[$i]['values'][$l] }},
+                    @endfor
+                ],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            legend: { position: 'top', alignment: 'end' },
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+        };
+
+        var {{ $model->id }} = new google.visualization.ColumnChart(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/multi/line.blade.php

@@ -0,0 +1,38 @@
+<script type="text/javascript">
+    chart = google.charts.setOnLoadCallback(drawChart)
+
+    function drawChart() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                'Element',
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    "{{ $model->datasets[$i]['label'] }}",
+                @endfor
+            ],
+            @for($l = 0; $l < count($model->labels); $l++)
+                [
+                    "{{ $model->labels[$l] }}",
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {{ $model->datasets[$i]['values'][$l] }},
+                    @endfor
+                ],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+            legend: { position: 'top', alignment: 'end' }
+        };
+
+        var chart = new google.visualization.LineChart(document.getElementById("{{ $model->id }}"))
+
+        chart.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/pie.blade.php

@@ -0,0 +1,26 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(drawPieChart)
+
+    function drawPieChart() {
+        var data = google.visualization.arrayToDataTable([
+            ['Element', 'Value'],
+            @for($i = 0; $i < count($model->values); $i++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+        };
+
+        var chart = new google.visualization.PieChart(document.getElementById("{{ $model->id }}"))
+        chart.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/realtime/gauge.blade.php

@@ -0,0 +1,84 @@
+<script type="text/javascript">
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['Element', 'Value'],
+            @if($model->values)
+                ["{!! $model->element_label !!}", {{ $model->values[0] }}],
+            @else
+                ["{!! $model->element_label !!}", 0],
+            @endif
+        ])
+        var options = {
+            @include('charts::_partials.dimension.js')
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            @if($model->gauge_style == 'right')
+                // Calculate warning area
+                @php
+                    $low_warning = round(0.40 * $max, 2);
+                    $warning = round(0.25 * $max, 2);
+                    $max_warning = round(0.10 * $max, 2);
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#e57373',
+                greenFrom: {{ $low_warning }}, greenTo: {{ $max }},
+                yellowFrom: {{ $max_warning }}, yellowTo: {{ $low_warning }},
+                redFrom: {{ $min }}, redTo: {{ $max_warning }},
+            @elseif($model->gauge_style == 'center') {
+                // Calculate warning area
+                @php
+                    $warning = round(0.25 * $max, 2);
+                    $warning2 = round(0.75 * $max, 2);
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#ffd54f',
+                greenFrom: {{ $warning }}, greenTo: {{ $warning2 }},
+                yellowFrom: {{ $min }}, yellowTo: {{ $warning }},
+                redFrom: {{ $warning2 }}, redTo: {{ $max }},
+            @else
+                // Calculate warning area
+                @php
+                    $low_warning = round(0.60 * $max, 2);
+                    $warning = round(0.75 * $max, 2);
+                    $max_warning = round(0.90 * $max, 2);
+                @endphp
+
+                greenColor: '#c8e6c9', yellowColor: '#ffd54f', redColor: '#e57373',
+                greenFrom: {{ $min }}, greenTo: {{ $low_warning }},
+                yellowFrom: {{ $low_warning }}, yellowTo: {{ $max_warning }},
+                redFrom: {{ $max_warning }}, redTo: {{ $max }},
+            @endif
+
+            minorTicks: 10,
+        };
+
+        var {{ $model->id }} = new google.visualization.Gauge(document.getElementById("{{ $model->id }}"))
+        {{ $model->id }}.draw(data, options)
+
+        setInterval(function() {
+            $.getJSON("{{ $model->url }}", function( jdata ) {
+                data.setValue(0, 1, jdata["{{ $model->value_name }}"])
+                {{ $model->id }}.draw(data, options)
+            })
+        }, {{ $model->interval }})
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials/container.div-titled')
+@endif

Laravel/resources/views/vendor/charts/google/scatter.blade.php

@@ -0,0 +1,33 @@
+<script type="text/javascript">
+    chart = google.charts.setOnLoadCallback(drawChart)
+
+    function drawChart() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                'Element', "{!! $model->element_label !!}"],
+                @for ($i = 0; $i < count($model->values); $i++)
+                    ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+                @endfor
+        ])
+
+        var options = {
+            @include('charts::_partials.dimension.js')
+            fontSize: 12,
+            @include('charts::google.titles')
+            @include('charts::google.colors')
+            @if(!$model->legend)
+            legend: null
+            @else
+            legend: { position: 'top', alignment: 'end' }
+            @endif
+        };
+
+        var chart = new google.visualization.ScatterChart(document.getElementById("{{ $model->id }}"))
+
+        chart.draw(data, options)
+    }
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/google/titles.blade.php

@@ -0,0 +1,10 @@
+@if($model->title)
+title: "{!! $model->title !!}",
+@endif
+@if($model->x_axis_title)
+hAxis: {title: "{{ $model->x_axis_title }}"},
+@endif
+@if($model->y_axis_title)
+vAxis: {title: "{{ $model->y_axis_title }}"},
+@endif
+

Laravel/resources/views/vendor/charts/highcharts/area.blade.php

@@ -0,0 +1,67 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                type: 'area',
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                title: {
+                    text: "{!! $model->x_axis_title !!}"
+                },
+                categories: [
+                    @foreach($model->labels as $label)
+                        "{!! $label !!}",
+                    @endforeach
+                ]
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+                plotLines: [{
+                    value: 0,
+                    height: 0.5,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            @if($model->colors)
+                plotOptions: {
+                    series: {
+                        color: "{{ $model->colors[0] }}"
+                    }
+                },
+            @endif
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ]
+            }]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/bar.blade.php

@@ -0,0 +1,66 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            colors: [
+                @foreach($model->colors as $c)
+                    "{{ $c }}",
+                @endforeach
+            ],
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+                plotBackgroundColor: null,
+                plotBorderWidth: null,
+                plotShadow: false,
+                type: 'column'
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}"
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            plotOptions: {
+                series: {
+                    colorByPoint: true,
+                },
+            },
+            xAxis: {
+                title: {
+                    text: "{!! $model->x_axis_title !!}"
+                },
+                categories: [
+                    @foreach($model->labels as $label)
+                         "{!! $label !!}",
+                    @endforeach
+                ],
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ]
+            }]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/donut.blade.php

@@ -0,0 +1,66 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            colors: [
+                @foreach($model->colors as $c)
+                    "{{ $c }}",
+                @endforeach
+            ],
+            chart: {
+                renderTo: "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+                plotBackgroundColor: null,
+                plotBorderWidth: null,
+                plotShadow: false,
+                type: 'pie'
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}"
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            tooltip: {
+                pointFormat: '{point.y} <b>({point.percentage:.1f}%)</strong>'
+            },
+            plotOptions: {
+                pie: {
+                    innerSize: '50%',
+                    allowPointSelect: true,
+                    cursor: 'pointer',
+                    dataLabels: {
+                        enabled: true,
+                        format: '<b>{point.name}</strong>: {point.y} ({point.percentage:.1f}%)',
+                        style: {
+                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+                        }
+                    }
+                }
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false
+                @endif
+            },
+            series: [{
+                colorByPoint: true,
+                data: [
+                    @for ($l = 0; $l < count($model->values); $l++)
+                        {
+                            name: "{!! $model->labels[$l] !!}",
+                            y: {{ $model->values[$l] }}
+                        },
+                    @endfor
+                ]
+            }]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/geo.blade.php

@@ -0,0 +1,71 @@
+@php
+    // Get the max / min index
+    $max = 0;
+    $min = $model->values ? $model->values[0] : 0;
+@endphp
+
+@foreach($model->values as $dta)
+    @if($dta > $max)
+        @php($max = $dta)
+    @elseif($dta < $min)
+        @php($min = $dta)
+    @endif
+@endforeach
+
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Map({
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}"
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            mapNavigation: {
+                enabled: true,
+                enableDoubleClickZoomTo: true
+            },
+            colorAxis: {
+                min: {{ $min }},
+                @if($model->colors and count($model->colors) >= 2)
+                    minColor: "{{ $model->colors[0] }}",
+                @endif
+
+                max: {{ $max }},
+                @if($model->colors and count($model->colors) >= 2)
+                    maxColor: "{{ $model->colors[1] }}",
+                @endif
+            },
+            series : [{
+                data : [
+                    @for ($i = 0; $i < count($model->values); $i++)
+                        {
+                            'code':  "{{ $model->labels[$i] }}",
+                            'value': {{ $model->values[$i] }}
+                        },
+                    @endfor
+                ],
+                mapData: Highcharts.maps['custom/world'],
+                joinBy: ['iso-a2', 'code'],
+                name: "{!! $model->element_label !!}",
+                states: {
+                    hover: {
+                        color: '#BADA55'
+                    }
+                },
+            }]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/line.blade.php

@@ -0,0 +1,66 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                renderTo: "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                title: {
+                    text: "{{ $model->x_axis_title }}"
+                },
+                categories: [
+                    @foreach($model->labels as $label)
+                        "{!! $label !!}",
+                    @endforeach
+                ],
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+                plotLines: [{
+                    value: 0,
+                    height: 0.5,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            @if($model->colors)
+                plotOptions: {
+                    series: {
+                        color: "{{ $model->colors[0] }}"
+                    },
+                },
+            @endif
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [
+                    @foreach($model->values as $dta)
+                        {{ $dta }},
+                    @endforeach
+                ]
+            }]
+        });
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/multi/area.blade.php

@@ -0,0 +1,58 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                type: 'area',
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                categories: [
+                    @foreach($model->labels as $label)
+                        "{!! $label !!}",
+                    @endforeach
+                ]
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    {
+                        name:  "{!! $model->datasets[$i]['label'] !!}",
+                        @if($model->colors && count($model->colors) > $i)
+                            color: "{{ $model->colors[$i] }}",
+                        @endif
+                        data: [
+                            @foreach($model->datasets[$i]['values'] as $dta)
+                                {{ $dta }},
+                            @endforeach
+                        ]
+                    },
+                @endfor
+            ]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/multi/areaspline.blade.php

@@ -0,0 +1,67 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                type: 'areaspline',
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                categories: [
+                    @foreach($model->labels as $label)
+                        "{!! $label !!}",
+                    @endforeach
+                ]
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            tooltip: {
+                shared: true,
+                valueSuffix: ' units'
+            },
+             plotOptions: {
+                areaspline: {
+                    fillOpacity: 0.5
+                }
+            },
+            series: [
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    {
+                        name:  "{!! $model->datasets[$i]['label'] !!}",
+                        @if($model->colors && count($model->colors) > $i)
+                            color: "{{ $model->colors[$i] }}",
+                        @endif
+                        data: [
+                            @foreach($model->datasets[$i]['values'] as $dta)
+                                {{ $dta }},
+                            @endforeach
+                        ]
+                    },
+                @endfor
+            ]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/multi/bar.blade.php

@@ -0,0 +1,66 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+                plotBackgroundColor: null,
+                plotBorderWidth: null,
+                plotShadow: false,
+                type: 'column'
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}"
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            plotOptions: {
+               column: {
+                   pointPadding: 0.2,
+                   borderWidth: 0
+               }
+           },
+           xAxis: {
+                categories: [
+                    @foreach($model->labels as $label)
+                         "{!! $label !!}",
+                    @endforeach
+                ],
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    {
+                        name:  "{!! $model->datasets[$i]['label'] !!}",
+                        @if($model->colors && count($model->colors) > $i)
+                            color: "{{ $model->colors[$i] }}",
+                        @endif
+                        data: [
+                            @foreach($model->datasets[$i]['values'] as $dta)
+                                {{ $dta }},
+                            @endforeach
+                        ]
+                    },
+                @endfor
+            ]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/multi/line.blade.php

@@ -0,0 +1,57 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                renderTo: "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                categories: [
+                @foreach($model->labels as $label)
+                    "{!! $label !!}",
+                @endforeach
+            ]
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->y_axis_title === null ? $model->element_label : $model->y_axis_title !!}"
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    {
+                        name:  "{!! $model->datasets[$i]['label'] !!}",
+                        @if($model->colors && count($model->colors) > $i)
+                            color: "{{ $model->colors[$i] }}",
+                        @endif
+                        data: [
+                            @foreach($model->datasets[$i]['values'] as $dta)
+                                {{ $dta }},
+                            @endforeach
+                        ]
+                    },
+                @endfor
+            ]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/pie.blade.php

@@ -0,0 +1,65 @@
+<script type="text/javascript">
+    $(function () {
+        var {{ $model->id }} = new Highcharts.Chart({
+            colors: [
+                @foreach($model->colors as $c)
+                    "{{ $c }}",
+                @endforeach
+            ],
+            chart: {
+                renderTo: "{{ $model->id }}",
+                @include('charts::_partials.dimension.js2')
+                plotBackgroundColor: null,
+                plotBorderWidth: null,
+                plotShadow: false,
+                type: 'pie'
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            tooltip: {
+                pointFormat: '{point.y} <b>({point.percentage:.1f}%)</strong>'
+            },
+            plotOptions: {
+                pie: {
+                    allowPointSelect: true,
+                    cursor: 'pointer',
+                    dataLabels: {
+                        enabled: true,
+                        format: '<b>{point.name}</strong>: {point.y} ({point.percentage:.1f}%)',
+                        style: {
+                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+                        }
+                    }
+                }
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false
+                @endif
+            },
+            series: [{
+                colorByPoint: true,
+                data: [
+                    @for($i = 0; $i < count($model->values); $i++)
+                        {
+                            name: "{!! $model->labels[$i] !!}",
+                            y: {{ $model->values[$i] }}
+                        },
+                    @endfor
+                ]
+            }]
+        })
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/realtime/area.blade.php

@@ -0,0 +1,80 @@
+<script type="text/javascript">
+    $(function () {
+        Highcharts.setOptions({global: { useUTC: false } })
+
+        {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                type: 'area',
+                events: {
+                    load: update{{ $model->id }}
+                },
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                type: 'datetime',
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->element_label !!}"
+                },
+                plotLines: [{
+                    value: 0,
+                    height: 0.5,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            @if($model->colors)
+                plotOptions: {
+                    series: {
+                        color: "{{ $model->colors[0] }}"
+                    }
+                },
+            @endif
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [],
+                pointStart: new Date().getTime(),
+                pointInterval: {{ ( $model->interval / 1000 ) * 1000 }} // one day
+            }]
+        })
+
+        function update{{ $model->id }}() {
+            $.ajax({
+                url:  "{{ $model->url }}",
+                success: function(point) {
+                    var series = {{ $model->id }}.series[0],
+                        shift = series.data.length >= {{ $model->max_values }}; // shift if the series is longer than 20
+
+                    // add the point
+                    {{ $model->id }}.series[0].addPoint(point["{{ $model->value_name }}"], true, shift)
+                    {{ $model->id }}.xAxis.categories
+
+                    // call it again after one second
+                    setTimeout(update{{ $model->id }}, {{ $model->interval }})
+                },
+                cache: false
+            })
+        }
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/realtime/bar.blade.php

@@ -0,0 +1,84 @@
+<script type="text/javascript">
+    $(function () {
+        Highcharts.setOptions({global: { useUTC: false } })
+
+        {{ $model->id }} = new Highcharts.Chart({
+            colors: [
+                @foreach($model->colors as $c)
+                    "{{ $c }}",
+                @endforeach
+            ],
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                type: 'column',
+                events: {
+                    load: update{{ $model->id }}
+                },
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                type: 'datetime',
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->element_label !!}"
+                },
+                plotLines: [{
+                    value: 0,
+                    height: 0.5,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            plotOptions: {
+                series: {
+                    colorByPoint: true,
+                },
+            },
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [],
+                pointStart: new Date().getTime(),
+                pointInterval: {{ $model->interval }},
+            }]
+        })
+
+        function update{{ $model->id }}() {
+            $.ajax({
+                url:  "{{ $model->url }}",
+                success: function(point) {
+                    var series = {{ $model->id }}.series[0],
+                        shift = series.data.length >= {{ $model->max_values }} // shift if the series is longer than 20
+
+                    // add the point
+                    {{ $model->id }}.series[0].addPoint(point["{{ $model->value_name }}"], true, shift)
+                    {{ $model->id }}.xAxis.categories
+
+                    // call it again after one second
+                    setTimeout(update{{ $model->id }}, {{ $model->interval }})
+                },
+                cache: false
+            })
+        }
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/highcharts/realtime/line.blade.php

@@ -0,0 +1,80 @@
+<script type="text/javascript">
+    $(function () {
+        Highcharts.setOptions({global: { useUTC: false } })
+
+        {{ $model->id }} = new Highcharts.Chart({
+            chart: {
+                renderTo:  "{{ $model->id }}",
+                events: {
+                    load: update{{ $model->id }}
+                },
+                @include('charts::_partials.dimension.js2')
+            },
+            @if($model->title)
+                title: {
+                    text:  "{!! $model->title !!}",
+                    x: -20 //center
+                },
+            @endif
+            @if(!$model->credits)
+                credits: {
+                    enabled: false
+                },
+            @endif
+            xAxis: {
+                type: 'datetime',
+            },
+            yAxis: {
+                title: {
+                    text: "{!! $model->element_label !!}"
+                },
+                plotLines: [{
+                    value: 0,
+                    height: 0.5,
+                    width: 1,
+                    color: '#808080'
+                }]
+            },
+            @if($model->colors)
+                plotOptions: {
+                    series: {
+                        color: "{{ $model->colors[0] }}"
+                    }
+                },
+            @endif
+            legend: {
+                @if(!$model->legend)
+                    enabled: false,
+                @endif
+            },
+            series: [{
+                name: "{!! $model->element_label !!}",
+                data: [],
+                pointStart: new Date().getTime(),
+                pointInterval: {{ ($model->interval / 1000) * 1000 }} // one day
+            }]
+        })
+
+        function update{{ $model->id }}() {
+            $.ajax({
+                url:  "{{ $model->url }}",
+                success: function(point) {
+                    var series = {{ $model->id }}.series[0],
+                        shift = series.data.length >= {{ $model->max_values }}; // shift if the series is longer than 20
+
+                    // add the point
+                    {{ $model->id }}.series[0].addPoint(point[ "{{ $model->value_name }}"], true, shift)
+                    {{ $model->id }}.xAxis.categories
+
+                    // call it again after one second
+                    setTimeout(update{{ $model->id }}, {{ $model->interval }})
+                },
+                cache: false
+            })
+        }
+    });
+</script>
+
+@if(!$model->customId)
+    @include('charts::_partials.container.div')
+@endif

Laravel/resources/views/vendor/charts/justgage/gauge.blade.php

@@ -0,0 +1,33 @@
+@include('charts::_partials.container.div')
+
+<script type="text/javascript">
+    $(function() {
+        var {{ $model->id }} = new JustGage({
+            id:  "{{ $model->id }}",
+            value: "{{ $model->values[0] }}",
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            gaugeWidthScale: 0.6,
+            pointer: true,
+            counter: true,
+            @if($model->title)
+                title:  "{!! $model->title !!}",
+            @endif
+            label: "{!! $model->element_label !!}",
+            hideInnerShadow: true
+        })
+    });
+</script>

Laravel/resources/views/vendor/charts/justgage/percentage.blade.php

@@ -0,0 +1,37 @@
+@include('charts::_partials.container.div')
+
+<script type="text/javascript">
+    $(function() {
+        var {{ $model->id }} = new JustGage({
+            id: "{{ $model->id }}",
+            value: "{{ $model->values[0] }}",
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            donut: true,
+            gaugeWidthScale: 0.6,
+            counter: true,
+            @if($model->title)
+                title:  "{!! $model->title !!}",
+            @endif
+            @if(count($model->colors) > 0 and is_array($model->colors))
+            	@php($colors = '["'.implode(array_slice(array_values($model->colors), 0, 3), '","').'"]')
+                levelColors: {!! $colors !!},
+            @endif
+            label: "{!! $model->element_label !!}",
+            hideInnerShadow: true
+        })
+    });
+</script>

Laravel/resources/views/vendor/charts/justgage/realtime/gauge.blade.php

@@ -0,0 +1,39 @@
+@include('charts::_partials.container.div')
+
+<script type="text/javascript">
+    $(function() {
+        var {{ $model->id }} = new JustGage({
+            id: "{{ $model->id }}",
+            value: {{ $model->values ? $model->values[0] : '0' }},
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            gaugeWidthScale: 0.6,
+            pointer: true,
+            counter: true,
+            @if($model->title)
+                title:  "{!! $model->title !!}",
+            @endif
+            label: "{!! $model->element_label !!}",
+            hideInnerShadow: true
+        })
+
+        setInterval(function() {
+            $.getJSON("{{ $model->url }}", function( jdata ) {
+                {{ $model->id }}.refresh(jdata["{{ $model->value_name }}"])
+            })
+        }, {{ $model->interval }})
+    });
+</script>

Laravel/resources/views/vendor/charts/justgage/realtime/percentage.blade.php

@@ -0,0 +1,43 @@
+@include('charts::_partials.container.div')
+
+<script type="text/javascript">
+    $(function() {
+        var {{ $model->id }} = new JustGage({
+            id: "{{ $model->id }}",
+            value: {{ $model->values ? $model->values[0] : '0' }},
+
+            @if(count($model->values) >= 2 and $model->values[1] <= $model->values[0])
+                @php($min = $model->values[1])
+                min: {{ $min }},
+            @else
+                @php($min = 0)
+            @endif
+
+            @if(count($model->values) >= 3 and $model->values[2] >= $model->values[0])
+                @php($max = $model->values[2])
+                max: {{ $max }},
+            @else
+                @php($max = 100)
+            @endif
+
+            donut: true,
+            gaugeWidthScale: 0.6,
+            counter: true,
+            @if($model->title)
+                title:  "{!! $model->title !!}",
+            @endif
+            @if(count($model->colors) > 0 and is_array($model->colors))
+            	@php($colors = '["'.implode(array_slice(array_values($model->colors), 0, 3), '","').'"]')
+                levelColors: {!! $colors !!},
+            @endif
+            label: "{!! $model->element_label !!}",
+            hideInnerShadow: true
+        })
+
+        setInterval(function() {
+            $.getJSON("{{ $model->url }}", function( jdata ) {
+                {{ $model->id }}.refresh(jdata["{{ $model->value_name }}"])
+            })
+        }, {{ $model->interval }})
+    });
+</script>

Laravel/resources/views/vendor/charts/material/bar.blade.php

@@ -0,0 +1,39 @@
+<script type="text/javascript">
+    google.charts.load('current', {'packages':['bar']})
+
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                '', "{!! $model->element_label !!}",
+                @if($model->colors)
+                    { role: 'style' }
+                @endif
+            ],
+                @for($i = 0; $i < count($model->values); $i++)
+                    ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }},"{{ $model->colors[$i] }}"],
+                @endfor
+        ])
+
+        var options = {
+            chart: {
+                @if($model->title)
+                    title: "{!! $model->title !!}",
+                @endif
+            },
+            @if($model->colors)
+                colors:[
+                    @foreach($model->colors as $color)
+                        "{{ $color}}",
+                    @endforeach
+                ],
+            @endif
+        };
+
+        var {{ $model->id }} = new google.charts.Bar(document.getElementById("{{ $model->id }}"))
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/material/line.blade.php

@@ -0,0 +1,30 @@
+<script type="text/javascript">
+    google.charts.load('current', {'packages':['bar']})
+
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+        function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            ['', "{!! $model->element_label !!}"],
+            @for($i = 0; $i < count($model->values); $i++)
+                ["{!! $model->labels[$i] !!}", {{ $model->values[$i] }}],
+            @endfor
+        ])
+
+        var options = {
+            chart: {
+              @if($model->title)
+                title: "{!! $model->title !!}",
+              @endif
+            },
+            @if($model->colors)
+                colors: ["{{ $model->colors[0] }}"],
+            @endif
+        };
+
+        var {{ $model->id }} = new google.charts.Line(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/material/multi/bar.blade.php

@@ -0,0 +1,46 @@
+<script type="text/javascript">
+    google.charts.load('current', {'packages':['bar']})
+
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                '',
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    "{{ $model->datasets[$i]['label'] }}",
+                @endfor
+            ],
+
+            @for ($l = 0; $l < count($model->labels); $l++)
+                [
+                    "{{ $model->labels[$l] }}",
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {{ $model->datasets[$i]['values'][$l] }},
+                    @endfor
+                ],
+            @endfor
+        ])
+
+        var options = {
+            chart: {
+              @if($model->title)
+                title: "{!! $model->title !!}",
+              @endif
+            },
+            @if($model->colors)
+                colors: [
+                    @foreach($model->colors as $c)
+                        "{{ $c }}",
+                    @endforeach
+                ],
+            @endif
+        };
+
+        var {{ $model->id }} = new google.charts.Bar(document.getElementById("{{ $model->id }}"))
+
+        {{ $model->id }}.draw(data, options)
+    }
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/material/multi/line.blade.php

@@ -0,0 +1,46 @@
+<script type="text/javascript">
+    google.charts.load('current', {'packages':['bar']})
+
+    google.charts.setOnLoadCallback(draw{{ $model->id }})
+
+    function draw{{ $model->id }}() {
+        var data = google.visualization.arrayToDataTable([
+            [
+                '',
+                @for ($i = 0; $i < count($model->datasets); $i++)
+                    "{{ $model->datasets[$i]['label'] }}",
+                @endfor
+            ],
+
+            @for($l = 0; $l < count($model->labels); $l++)
+                [
+                    "{{ $model->labels[$l] }}",
+                    @for ($i = 0; $i < count($model->datasets); $i++)
+                        {{ $model->datasets[$i]['values'][$l] }},
+                    @endfor
+                ],
+            @endfor
+    ])
+
+    var options = {
+        chart: {
+            @if($model->title)
+                title: "{!! $model->title !!}",
+            @endif
+        },
+        @if($model->colors)
+            colors: [
+                @foreach($model->colors as $c)
+                    "{{ $c }}",
+                @endforeach
+            ],
+        @endif
+    };
+
+    var {{ $model->id }} = new google.charts.Line(document.getElementById("{{ $model->id }}"))
+
+    {{ $model->id }}.draw(data, options)
+}
+</script>
+
+@include('charts::_partials.container.div')

Laravel/resources/views/vendor/charts/minimalist/_data/multi.blade.php

@@ -0,0 +1,10 @@
+@for($i = 0; $i < count($model->datasets); $i++)
+    var s{{ $i }} = [
+        @for($k = 0; $k < count($model->datasets[$i]['values']); $k++)
+            {
+                x: "{{ $model->labels[$k] }}",
+                y: {{ $model->datasets[$i]['values'][$k] }}
+            },
+        @endfor
+    ];
+@endfor