Narzędzia wykresów Google - Jak stworzyć wykres skumulowany Bar

Question

Powiel możliwe:
Can someone help me create a simple vertical bar chart using google charts?

im przy użyciu nowych narzędzi Wykres Google i chcę stworzyć ułożone pasku formatu wykresu.

Answer 1

Witryna Google Developers podaje kilka szczegółów na temat formatu wykresu słupkowego: https://developers.google.com/chart/interactive/docs/gallery/barchart

Aby normalny wykres słupkowy ułożone, trzeba użytkownik opcję isStacked: true. Można skopiować i wkleić poniższy kod do zabaw Narzędzia wykresów, aby zobaczyć przykład roboczy: 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} 
    ); 
} 

Możesz być także zainteresowany Wykres skumulowany obszarze, w zależności od tego, co dane próbujesz wyświetlić.

Jest też pytanie, które daje przykład skumulowany wykres słupkowy przy użyciu Narzędzia wykresów API Obrazu: Bar chart in Javascript: stacked bars + grouped bars

Należy zauważyć, że część Wykresy graficzne z Narzędzia wykresów Google został oficjalnie wycofany na 20 kwietnia 2012 roku. Wykresy graficzne będą działały przez jakiś czas zgodnie z zasadami Google dotyczącymi wycofywania, ale zalecam skoncentrowanie się na interaktywnej implementacji HTML5 + SVG opisanej powyżej.