1
У меня есть две гистограммы Google, одна сложенная, одна нет. Мне нужно добавить аннотацию для каждого сегмента в обеих диаграммах. Как я могу это сделать?Как добавить аннотации в сегментированную диаграмму Google?
google.load('visualization', '1', {
'packages': ['corechart', 'table']
});
google.setOnLoadCallback(drawCharts);
function drawCharts() {
drawSixMonthHistory();
drawTagBreakdown();
};
function drawSixMonthHistory() {
var data = google.visualization.arrayToDataTable([
["Calendars", "Calendar A", "Calendar B", "Calendar C"],
["Dec, 2015", 0, 0, 0],
["Jan, 2016", 0, 0, 0],
["Feb, 2016", 0, 0, 0],
["Mar, 2016", 0, 0, 0],
["Apr, 2016", 3, 0, 2],
["May, 2016", 6, 2, 1]
]);
var view = new google.visualization.DataView(data);
var chart = new google.visualization.ColumnChart(document.getElementById('sixMonthHistory'));
chart.draw(view, {
fontName: 'Roboto',
enableInteractivity: false,
backgroundColor: 'transparent',
annotations: {
alwaysOutside: true
},
chartArea: {
width: '90%'
},
vAxis: {
viewWindowMode: 'explicit',
format: '##0',
viewWindow: {
min: 0
}
},
legend: {
position: 'bottom',
maxLines: 3
},
isStacked: true
});
}
function drawTagBreakdown() {
var data = google.visualization.arrayToDataTable([
["tags", "Tag A", "Tag B", "Tag C"],
["Dec, 2015", 0, 0, 0],
["Jan, 2016", 0, 0, 0],
["Feb, 2016", 0, 0, 0],
["Mar, 2016", 0, 0, 0],
["Apr, 2016", 3, 1, 3],
["May, 2016", 2, 1, 5]
]);
var view = new google.visualization.DataView(data);
var chart = new google.visualization.ColumnChart(document.getElementById('sixMonthTagHistory'));
chart.draw(view, {
fontName: 'Roboto',
enableInteractivity: false,
backgroundColor: 'transparent',
annotations: {
alwaysOutside: true
},
chartArea: {
width: '90%'
},
vAxis: {
viewWindowMode: 'explicit',
format: '##0',
viewWindow: {
min: 0
}
},
legend: {
position: 'bottom',
maxLines: 3
}
});
}
надеюсь, что это помогает, вы можете захотеть использовать пользовательскую функцию против 'stringify' исключить аннотаций для нулевых сумм - возможно настроить' аннотации: {alwaysOutside: true} ' – WhiteHat