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

Question

我有一个 amcharts 4 水平条形图，如 this fiddle 所示。我想在列的右侧显示 工具提示，工具提示指针触及列的末端 。

我试过了

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

但这并没有提供想要的结果。我也尝试过 horizontalCenter、rotation，但没有成功。

Answer 1

我找到了解决方案。

    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;
      }
    });

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

Fiddle: jsfiddle.

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

Tooltips at right of the columns of an amcharts4 horizontal barchart

javascript

amcharts4