新しい Google Chart Tools を使用していて、積み上げ棒グラフ形式を作成したいと考えています。
1 に答える
Google Developers サイトでは、棒グラフ形式の詳細について説明しています: https://developers.google.com/chart/interactive/docs/gallery/barchart
通常の積み上げ棒グラフを作成するには、isStacked: true
オプションを使用する必要があります。次のコードをコピーして Chart Tools Playground に貼り付けると、実際の例を確認できます:
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}
);
}
表示しようとしているデータによっては、積み上げ面グラフにも関心があるかもしれません。
Chart Tools Image API を使用した積み上げ棒グラフの例を示す質問もあります: Javascript の棒グラフ: 積み上げ棒 + グループ棒
Google Chart Tools の Image Charts 部分は、2012 年 4 月 20 日に公式に非推奨になったことに注意してください。Google の非推奨ポリシーに従って、Image Chart はしばらくの間引き続き機能しますが、上記のインタラクティブな HTML5+SVG 実装に集中することをお勧めします。