0
139
ViewsGoogle charts javascript: columna apilada, color transparente
Aquí está el gráfico apilado que tengo, me gustaría poder cambiar el color de la sesión (aquí rojo) en transparente. ¿Tendrías una idea? Gracias.
Y aquí está mi código:
var data = google.visualization.arrayToDataTable(my_data); var options = { title: 'S-Score', colors: ['red', '#70a1c0'], width: 700, height: 400, chartArea: { width: "60%" }, fontSize: 14, legend: { position: 'right' }, bar: { groupWidth: '75%' }, isStacked: true }; var chart = new google.visualization.ColumnChart(document.getElementById('E_chart'));
·
Juan Pablo Isaza
1 answers
Answer question0
puede usar 'transparent' como nombre del color, aquí...
colors: ['transparent', '#70a1c0'],ver siguiente fragmento de trabajo...
google.charts.load('current', { packages: ['corechart'] }).then(function () { var data = google.visualization.arrayToDataTable([ ['x', 'white', 'colored'], ['E', 0, 4], ['S', 4, 3], ['G', 7, 3], ['E', 10, 6], ['Score', 0, 16] ]); var options = { title: 'S-Score', colors: ['transparent', '#70a1c0'], width: 700, height: 400, chartArea: { width: "60%" }, fontSize: 14, legend: { position: 'right' }, bar: { groupWidth: '75%' }, isStacked: true }; var chart = new google.visualization.ColumnChart(document.getElementById('E_chart')); chart.draw(data, options); }); <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="E_chart"></div>
·
Juan Pablo Isaza
Report
Answer question