我已经看过这个Moving annotations on Bar Chart with Negative Values Google Chart,试图达到相同的目标-将注释移动到条形的末尾(负值在条形左侧,正值在右侧)。 但是我似乎无法使它起作用,有人可以帮忙吗? 我认为问题出在观察者函数上,但我不知道如何修改它以适应条形图。
任何帮助表示赞赏! https://jsfiddle.net/zhp5rny6/8/
上的完整代码更新:如何解决此问题的任何提示?
var absoluteDifference = document.getElementById('absoluteDifference');
var chart2 = new google.visualization.BarChart(absoluteDifference);
// 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();
$(label).attr('x', chartLayout.getXLocation(labelValue) - bounds.width - 8);
}
});
});
observer.observe(absoluteDifference, {
childList: true,
subtree: true
});
chart2.draw(view2, options2);