48 lines
1.2 KiB
PHP
48 lines
1.2 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: [{
|
|
fill: false,
|
|
label: "{!! $model->element_label !!}",
|
|
lineTension: 0.3,
|
|
@if ($model->colors)
|
|
borderColor: "{{ $model->colors[0] }}",
|
|
backgroundColor: "{{ $model->colors[0] }}",
|
|
@endif
|
|
data: [
|
|
@foreach ($model->values as $dta)
|
|
{{ $dta }},
|
|
@endforeach
|
|
]
|
|
}]
|
|
};
|
|
|
|
var myLineChart = new Chart(ctx, {
|
|
type: 'line',
|
|
data: data,
|
|
options: {
|
|
responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
|
|
maintainAspectRatio: false,
|
|
@if ($model->title)
|
|
title: {
|
|
display: true,
|
|
text: "{!! $model->title !!}",
|
|
fontSize: 20
|
|
}
|
|
@endif
|
|
}
|
|
});
|
|
</script>
|
|
@endpush
|