amcharts4水平条形图的列右侧的工具提示

时间:2019-05-28 16:24:06

标签: javascript amcharts4

我有一个this fiddle中的amcharts 4水平条形图。我想在列的右侧显示工具提示,使工具提示指针接触列的末端

我尝试过

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

但这不能提供所需的结果。我也尝试过玩horizontalCenterrotation,但没有成功。

1 个答案:

答案 0 :(得分:0)

我找到了解决方法。

    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