Перемещение аннотаций на столбчатой ​​диаграмме с отрицательным значением Google Chart ⇐ Html

[Anonymous]

Я использую диаграммы Google, и мне нужно отобразить значения pos/neg с помощью аннотаций. Отрицательные аннотации отображаются по оси.
Есть ли способ переключить аннотацию -0,95 под синий столбец?


Пользователь Whitehat решил эту проблему для гистограммы: перемещение аннотаций на гистограмме с помощью Отрицательные значения Google Chart
Я пытался изменить код для настройки столбчатой диаграммы, но безуспешно. Мы будем очень благодарны за любую помощь.




google.charts.load('current', {
callback: function () {
var data = new google.visualization.DataTable({
cols: [
{ label: 'x', type: 'string' },
{ label: 'y0', type: 'number' },
],
rows: [
{ c: [{ v: 'Omega' }, { v: -0.95 }] },
{ c: [{ v: 'Large' }, { v: -1.92 }] },
{ c: [{ v: 'Medium' }, { v: 2.76 }] },
{ c: [{ v: 'Tiny' }, { v: 2.03 }] }
]
});

var options = {
annotations: {
alwaysOutside: true,
stem: { color: 'transparent' },
textStyle: { color: '#000000' }
},

// WHITEHAT
// hAxis: { viewWindow: { min: data.getColumnRange(1).min - 1 } },

vAxis: {
viewWindow: { min: data.getColumnRange(1).min - 3 }
},
legend: { position: 'none' }
};

var view = new google.visualization.DataView(data);
view.setColumns([
0,
1,
{ calc: 'stringify', sourceColumn: 1, type: 'string', role: 'annotation' }
]);

var container = document.getElementById('chart');

// WHITEHAT
// var chart = new google.visualization.BarChart(container);

var chart = new google.visualization.ColumnChart(container);

// move annotations
var observer = new MutationObserver(function () {
$.each($('text[text-anchor="start"]'), function (index, label) {
var labelValue = parseFloat($(label).text());
// only negative -- and -- not on tooltip
if ((labelValue < 0) && ($(label).attr('font-weight') !== 'bold')) {
var bounds = label.getBBox();
var chartLayout = chart.getChartLayoutInterface();

// WHITEHAT
// $(label).attr('x', chartLayout.getXLocation(labelValue) - bounds.width - 8);

$(label).attr('y', chartLayout.getYLocation(labelValue) + bounds.height + 8);
}
});
});

observer.observe(container, { childList: true, subtree: true });

chart.draw(view, options);
},
packages: ['corechart']
});







Подробнее здесь: https://stackoverflow.com/questions/798 ... ogle-chart