Google Chart Tools - Cómo crear gráfico de barras apiladas

Question

Duplicar posible:
Can someone help me create a simple vertical bar chart using google charts?

Im usando nuevas Herramientas de gráficos de Google, y quiero crear formato de gráfico de barras apiladas.

Answer 1

El sitio de desarrolladores de Google da algunos detalles sobre el formato de gráfico de barras: https://developers.google.com/chart/interactive/docs/gallery/barchart

Para hacer un gráfico de barras apiladas normales, es necesario usuario la opción isStacked: true. Puede copiar y pegar el siguiente código en el patio de recreo Herramientas de gráficos para ver un ejemplo de trabajo: http://code.google.com/apis/ajax/playground/?type=visualization

function drawVisualization() { 
    // Create and populate the data table. 
    var data = google.visualization.arrayToDataTable([ 
    ['Year', 'Austria', 'Bulgaria', 'Denmark', 'Greece'], 
    ['2003', 1336060, 400361, 1001582, 997974], 
    ['2004', 1538156, 366849, 1119450, 941795], 
    ['2005', 1576579, 440514, 993360, 930593], 
    ['2006', 1600652, 434552, 1004163, 897127], 
    ['2007', 1968113, 393032, 979198, 1080887], 
    ['2008', 1901067, 517206, 916965, 1056036] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.BarChart(document.getElementById('visualization')). 
     draw(data, 
      {title:"Yearly Coffee Consumption by Country", 
      width:600, height:400, 
      vAxis: {title: "Year"}, 
      hAxis: {title: "Cups"}, 
      isStacked: true} 
    ); 
} 

También podría estar interesado en un gráfico de áreas apiladas, en función de los datos que está tratando de mostrar.

También hay una pregunta que da un ejemplo de un gráfico de barras apiladas utilizando el Herramientas de gráficos API de imagen: Bar chart in Javascript: stacked bars + grouped bars

Tenga en cuenta que la parte Gráficos de imagen de Google Chart Tools está desfasada oficialmente el 20 de abril de del 2012. Los gráficos de imágenes seguirán funcionando durante un tiempo según la política de desaprobación de Google, pero le recomiendo que se concentre en la implementación interactiva de HTML5 + SVG descrita anteriormente.