首页 > 解决方案 > amcharts4 水平条形图列右侧的工具提示

问题描述

我有一个amcharts 4水平条形图,就像这个小提琴一样。我想在列的右侧有工具提示,工具提示指针接触列的末端

我努力了

tooltip.adapter.add("dx", (x, target) => {
  return valueAxis.valueToPoint(target.dataItem.valueX).x;
})

但这并不能提供想要的结果。我也尝试过玩horizontalCenter, rotation,但没有成功。

标签: javascriptamcharts4

解决方案


我找到了解决方案。

    tooltip.dx = 0;
    tooltip.rotation = 180;
    tooltip.label.verticalCenter = "bottom";
    tooltip.label.rotation = 180;

    columnTemplate.adapter.add("tooltipX", (x, target) => {
      if (target.dataItem.valueX > 0) {
        return valueAxis.valueToPoint(target.dataItem.valueX + minValue).x;
      } else {
        return 0;
      }
    });

如果值为负,则工具提示位于列的左侧。这也是我想要的。

小提琴:jsfiddle


推荐阅读