2016-07-02 5 views
0

Wenn ich die Farben der Spaltenüberschriften mit der Ereignis-Listener-Methode here ändern, bekomme ich einen Standard-Farbverlauf. Das verknüpfte Snippet-Beispiel zeigt auch den Standardgradienten in der zweiten Spalte. Wie würde ich den Farbverlauf loswerden, wenn die Farbe vom Ereignis-Listener erzeugt wird?Befreien Sie sich von Farbverlauf für Spaltenüberschriften in Google Visualization Tabelle

+0

Ich denke, diese Verbindung wird Ihnen helfen https://developers.google.com/chart/interactive/docs/gallery/columnchart#labeling -Spalten – vignesh

+0

@vignesh Verweisen Sie auf den Bereich "anotations.boxStyle" unter den Konfigurationsoptionen? –

+0

ja dein Recht ... – vignesh

Antwort

2

können Sie background statt backgroundColor verwenden.

siehe folgende Beispiel ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Department'); 
 
    data.addColumn('number', 'Revenues'); 
 
    data.addRows([ 
 
     ['Shoes', 10700], 
 
     ['Sports', -15400], 
 
     ['Toys', 12500], 
 
     ['Electronics', -2100], 
 
     ['Food', 22600], 
 
     ['Art', 1100], 
 
     ['Web', 9999] 
 
    ]); 
 

 
    var container = document.getElementById('table_div'); 
 
    var table = new google.visualization.Table(container); 
 
    google.visualization.events.addListener(table, 'ready', function() { 
 
     container.getElementsByTagName('TR')[0].cells[1].style.background = 'magenta'; 
 
    }); 
 

 
    table.draw(data, { 
 
     allowHtml: true 
 
    }); 
 
    }, 
 
    packages: ['table'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="table_div"></div>

+0

Nochmals vielen Dank @WhiteHat! Genau das habe ich gesucht. –

+2

Prost! froh, dass ich Helfen kann... – WhiteHat