AmCharts5:如何使用DateAxis更改x轴标签和工具提示？

Question

使用amcharts4，我使用CategoryAxis对x轴的更改工具提示和标签文本做了如下操作.

// change tooltip
this.xAxis.adapter.add("getTooltipText", (text, target) => {
    const value = text ? parseInt(text) : -1;
    return this.getAxisToolTipText(value);
});

// change label
this.xAxis.renderer.labels.template.adapter.add("text", (text, target) => {
    const value = target.dataItem && target.dataItem.category ? parseInt(target.dataItem.category) : -1;
    return this.getAxisText(value, text);
});

但是现在，如何对Amcharts5和DateAxis做同样的事情呢？

如有任何建议，我将不胜感激。

Answer 1

使用适配器动态修改其目标元素的设置值。

轴心标签：

xAxis.get("renderer").labels.template.adapters.add("html", function(html, target) {
  return "<div style=\"text-align: center; font-weight: bold;\">{value.formatDate('d MMM')}</div><div style=\"text-align: center;\">{value.formatDate('EEE')}</div>";
});

请参阅amCharts5 -轴标签

轴刀尖

xAxis.get("tooltip").adapters.add("labelText", function(text, target) {
  return "Custom text";
});

AxisRenderX文档