Google图表将条形图上带有负条的注释移到条的末尾

时间:2018-11-04 15:22:54

标签: javascript ajax google-visualization googlevis

我已经看过这个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);

0 个答案:

没有答案