Google Säulendiagramm Legende Anpassen

Question

Ich mag würde mein Säulendiagramm API wie unten

1) Wenn ich auf der Legende der Datensatz damit verbundenen klicken anpassen sollte null und zeigen in einer behinderten Farbe die Legende zurück. Mein Code ist unten.

function drawVisualization() { 
    // Create and populate the data table. 
    var chart_div  = document.getElementById('visualization2'); 

    var data2   = google.visualization.arrayToDataTable([["Sections","Client Scored",{ role: "style" },"Client Confidence",{ role: "style" },"Average Mark",{ role: "style" },"Average Confidence",{ role: "style" }],["Set 1",90,"opacity: 1",95,"opacity: 0.5",78,"opacity: 1",69,"opacity: 0.5"],["Set 2",65,"opacity: 1",73,"opacity: 0.5",99,"opacity: 1",99,"opacity: 0.5"]]); 
    var options = { 
     title:"Understanding", 
     width:'100%', height:600,seriesType: "bars" 
     ,series:{1: {type: "line",pointSize: 10,lineWidth :0},3: {type: "line",pointSize: 10,lineWidth :0}} 
     ,colors: ['#fafe14','#fafe14','#05afed','#05afed'] 
     ,vAxis: {title: "%Score",format: '##', minValue: '1', maxValue: '8'},  
     hAxis: {title: "",slantedText: true,slantedTextAngle:60, maxTextLines: 5, maxAlternation: 10 }, 
     chartArea: {height: '60%',top:10} 
     };  
    var chart   = new google.visualization.ColumnChart(chart_div); 

    chart.draw(data2, options); 

    } 

dafür habe ich versucht, die hideColumns Funktion und es hat funktioniert, aber das Problem ist, dass Legende auch mit dem Datensatz ausblendet und wenn ich zweite Spalte dritte Spalte entfernen wird zweiter geworden und 4 werden 3 und 5 wird 4.

2) Meine zweite Frage ist Spalte 1 und Spalte 3 sind Linien mit Linienbreite Null, wie unten gezeigt.

Gibt es eine Möglichkeit, dies auf die exakte Mitte der ersten Stange zu bewegen, wie unten

Answer 1

gezeigt Wenn ich den ersten Teil Ihrer Frage bin Verständnis richtig Sie versuchen zu Verstecken Sie eine Spalte, ohne sie aus Ihrer DataTable zu entfernen.

Damit eine Spalte in einer DataTable nicht in einem daraus gezeichneten Diagramm angezeigt wird, können Sie die Rolle der Spalte in etwas ändern, das nicht im Diagramm angezeigt wird. Die AnnotationText-Rolle für eine Spalte gilt beispielsweise für die Annotationsspalte, die davor steht. Wenn jedoch keine Annotationsspalte davor steht, wird die AnnotationText-Spalte einfach ignoriert.

Also, wenn Sie Spalte 2 ausblenden möchten, das folgende Code-Schnipsel tun würde, so:

data_table.setColumnProperty(2,'role','annotationText'); 

Und wenn Sie die Spalte anzeigen möchten wieder würden Sie nur die Rolle zurück

data_table.setColumnProperty(2,'role','data'); 

zu Daten ändern