View-Eigenschaft funktioniert nicht in Google Dashboard

Question

Graph-Code (via C# generiert)

function drawDashboard() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Group', 'Month', 'Count'], 
     ['A', 1, 9], 
     ['B', 1, 1], 
     ['C', 1, 7], 
     ['A', 2, 25], 
     ['B', 2, 1], 
     ['C', 2, 3] 
    ]); 
    var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard_div')); 
    var slider = new google.visualization.ControlWrapper({ 
     'controlType': 'CategoryFilter', 
     'containerId': 'filter_div', 
     'options': { 
      'filterColumnLabel': 'Month', 
      'ui': { 
       'labelStacking': 'vertical', 
       'allowTyping': false, 
       'allowMultiple': false, 
       'allowNone': false 
      } 
     } 
    }); 
    var ColumnChart = new google.visualization.ChartWrapper({ 
     'chartType': 'ColumnChart', 
     'containerId': 'chart_div', 
     'options': { 
      'legend': 'right', 

// Relevant bit start // 
       'view': { 
        'columns': [0,2] 
       }, 

// Relevant bit END // 

      width: '100%', 
      height: '250', 
      vAxis: { 
       minValue: 0 
      } 
     } 
    }); 

// Rest of the code which executes comes after this 

} 

In meiner option Eigenschaft I view gesetzt habe nur Gruppe und Graf

'view': { 
      'columns': [0,2] 
      }, 

zu verwenden 0 = erster Wert im Array, dh Gruppe
2 = dritter Wert im Array, dh Count in diesem

Aber in meinem Diagramm zählt auch der Monat als Wert. Ich möchte nur den Monat als Filter verwenden. Ich möchte den Monat nicht als Wert in der Grafik anzeigen.

Ich möchte nicht die blaue Spalte dort. Nur Rot sollte da sein.

Google Control Doc Reference here

Answer 1

view sollten auf dem gleichen Niveau und getrennt von options

nicht im/als Teil options

als solche ...

definiert werden,

var ColumnChart = new google.visualization.ChartWrapper({ 
    'chartType': 'ColumnChart', 
    'containerId': 'chart_div', 
    'options': { 
    'legend': 'right', 
    'width': '100%', 
    'height': 250, 
    'vAxis': { 
     'minValue': 0 
    } 
    }, 
    'view': { 
    'columns': [0,2] 
    } 
}); 

siehe folgende Arbeits Schnipsel ...

google.charts.load('current', { 
 
    'callback': function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Group', 'Month', 'Count'], 
 
     ['A', 1, 9], 
 
     ['B', 1, 1], 
 
     ['C', 1, 7], 
 
     ['A', 2, 25], 
 
     ['B', 2, 1], 
 
     ['C', 2, 3] 
 
    ]); 
 
    var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard_div')); 
 
    var slider = new google.visualization.ControlWrapper({ 
 
     'controlType': 'CategoryFilter', 
 
     'containerId': 'filter_div', 
 
     'options': { 
 
     'filterColumnLabel': 'Month', 
 
     'ui': { 
 
      'labelStacking': 'vertical', 
 
      'allowTyping': false, 
 
      'allowMultiple': false, 
 
      'allowNone': false 
 
     } 
 
     } 
 
    }); 
 
    var ColumnChart = new google.visualization.ChartWrapper({ 
 
     'chartType': 'ColumnChart', 
 
     'containerId': 'chart_div', 
 
     'options': { 
 
     'legend': 'right', 
 
     'width': '100%', 
 
     'height': 250, 
 
     'vAxis': { 
 
      'minValue': 0 
 
     } 
 
     }, 
 
     'view': { 
 
     'columns': [0,2] 
 
     } 
 
    }); 
 
    dashboard.bind(slider, ColumnChart); 
 
    dashboard.draw(data); 
 
    }, 
 
    'packages': ['corechart', 'controls'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="filter_div"></div> 
 
<div id="chart_div"></div>