Google Säulendiagramm y-Achse Start rückwärts

Question

Wie Sie in Bild sehen: https://imgur.com/kDBu95D Spalte, die 0 Daten hat, ist höher als Spalte mit Wert von 1 und 2. Und Y-Achse beginnt umgekehrt, 0 ist oben statt unten. Dies geschah, als ich Laravel eloquent benutze.

Hier ist mein Code:

vAxis: { minValue: 0 }, 

und diese:

vAxis: { direction: -1, }, 

aber nichts hilft ...

Answer 1

Aussehen

@extends('layouts.app') 

@section('content') 

    <div class="container"> 

    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['bar']}); 
     google.charts.setOnLoadCallback(drawChart); 

     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['User', 'Added'], 

      @if ($users) 

      @foreach ($users as $user) 

       ['{{$user->name}}', '{{$user->members->count()}}'], 

      @endforeach 

      @endif 

     ]); 

     var options = { 
      chart: { 
      title: 'Users', 
      }, 
      vAxis: { 
      format: 'decimal', 
      }, 

     }; 

     var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 

     chart.draw(data, google.charts.Bar.convertOptions(options)); 
     } 
    </script> 

    <div id="columnchart_material" style="width: 'auto'; height: 500px;"></div> 

    </div> 

@endsection 

ich das hinzufügen versucht wie die Werte für die y-Achse sind stri anstelle von Zahlen NGS ...

die einfachen Anführungszeichen aus dem zweiten Array-Wert entfernen ...

ändern ->['{{$user->name}}', '{{$user->members->count()}}'],

zu ->['{{$user->name}}', {{$user->members->count()}}],