Estoy desarrollando un gráfico de columnas en capas usando ComboChart en gráficos angulares de Google. Aunque he separado dos series de gráficos de barras en dos ejes diferentes, pudiendo encontrar una barra delante de la otra, según sea necesario, no puedo cambiar el ancho de una de las series solamente. Quiero un resultado como el gráfico de columnas en capas de amCharts:
Ejemplo de gráfico de columnas en capas
En este momento, el gráfico se ve así:
Gráfico actual: gráficos angulares de Google
Además, si hay una manera de compartir el mismo eje y manteniendo una barra frente a la otra, en lugar de apostar, sería genial.
El código que he estado usando para las opciones del gráfico angular de Google:
this.options = { colors: ['#1E90FF', '#f39800'], hAxis: { title: 'haxisTitle', type: 'category' }, vAxis:{ title: 'Value', minValue: 0, format: this.numberFormat }, seriesType: 'bars', bar: {1: {groupWidth: "30"}}, series: { 0: { targetAxisIndex: 0 }, 1: { targetAxisIndex: 1, } }, vAxes: { 0: { title: 'Altered Value', label:'Altered Value', viewWindow: { // <-- set view window min: 0, max: this.maxValue + 0.1*this.maxValue, // Sets the maximun value of altered or real value to the window size (both axis) }, format: this.numberFormat, type: 'bars' }, 1: { title: 'Real Value', label:'Real Value', viewWindow: { // <-- set view window min: 0, max: this.maxValue + 0.1*this.maxValue, }, format: this.numberFormat, type: 'bars' } }, aggregationTarget: 'auto', stackSeries: true, isStacked : true, explorer: { actions: ['dragToZoom', 'rightClickToReset'], keepInBounds: true, maxZoomIn: 4.0 } }; }El gráfico muestra los datos correctamente, el único problema es el diseño.
Alguna referencia que podría ayudar:
Desarrolladores de Google - Visualización: Gráfico combinado amCharts Gráfico de columnas en capas Barras superpuestas - Cita de desbordamiento de pila - Aquí el resultado fue un gráfico de barras apiladas (algo que no quiero)