Google Công cụ Chart - Làm thế nào để tạo biểu đồ thanh Stacked

Question

thể trùng lặp:
Can someone help me create a simple vertical bar chart using google charts?

Im sử dụng công cụ Chart mới của Google, và tôi muốn tạo xếp chồng lên nhau định dạng biểu đồ thanh.

Answer 1

Các trang web Google Developers đưa ra một số chi tiết về định dạng biểu đồ thanh: https://developers.google.com/chart/interactive/docs/gallery/barchart

Để thực hiện một biểu đồ thanh bình thường xếp chồng lên nhau, bạn cần phải sử dụng các tùy chọn isStacked: true. Bạn có thể sao chép và dán đoạn mã sau vào Tools Chart sân chơi để xem một ví dụ làm việc: 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} 
    ); 
} 

Bạn cũng có thể quan tâm trong một đồ vùng xếp chồng, phụ thuộc vào dữ liệu bạn đang cố gắng để hiển thị.

Ngoài ra còn có một câu hỏi mà đưa ra một ví dụ về một biểu đồ thanh xếp chồng lên nhau bằng cách sử dụng Công cụ Chart ảnh API: Bar chart in Javascript: stacked bars + grouped bars

Lưu ý rằng bảng xếp hạng Hình ảnh phần các công cụ Chart Google đã chính thức phản đối trên 20 Tháng tư 2012. Biểu đồ hình ảnh sẽ vẫn hoạt động trong một thời gian theo chính sách không dùng nữa của Google, nhưng tôi khuyên bạn nên tập trung vào triển khai HTML5 + SVG tương tác được mô tả ở trên.