59 lines
1.6 KiB
PHP
59 lines
1.6 KiB
PHP
@if(!$model->customId)
|
|
@include('charts::_partials.container.canvas2')
|
|
@endif
|
|
|
|
@push('body_scripts')
|
|
<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]; @endphp
|
|
@else
|
|
@php $c = sprintf('#%06X', mt_rand(0, 0xFFFFFF)); @endphp
|
|
@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,
|
|
legend: {
|
|
display: true,
|
|
position: 'top'
|
|
},
|
|
@if ($model->title)
|
|
title: {
|
|
display: true,
|
|
text: "{!! $model->title !!}",
|
|
fontSize: 20
|
|
}
|
|
@endif
|
|
}
|
|
});
|
|
</script>
|
|
@endpush
|