Blame view

resources/views/vendor/consoletvs/charts/chartjs/multi/line.blade.php 1.69 KB
b7c7a5f6   Alexey Boroda   first commit
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
  @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,
              legend: {
                  display: true,
                  position: 'top'
              },
              @if($model->title)
                  title: {
                      display: true,
                      text: "{!! $model->title !!}",
                      fontSize: 20,
                  }
              @endif
          }
      });
  </script>