从 amcharts 工具提示中删除填充

Question

我在我的 angular 项目中使用 amcharts 4，对于工具提示，我编写了以下代码行：

series.tooltip.background.fill = am4core.color('#fff');
series.tooltip.label.fill = am4core.color('#000');
series.tooltip.padding(0, 0, 0, 0);
series.columns.template.tooltipHTML = `<div class="bg-dark text-white p-1 m-0">{date.formatDate('dd/MMM/yy')}</div>
<table class="m-0">
  <tr>
     <td><span class="fas fa-sm fa-circle text-primary"></span></td>
     <td>{flowCount}</td>
  </tr>
 </table>`;

背景填充和标签工作正常但填充仍然存在，如何去除填充？

我想删除工具提示中的白色 space。

Answer 1

您应该设置标签的填充，而不是工具提示本身的填充：

series.tooltip.label.padding(0, 0, 0, 0);

有关详细信息，请参阅 tooltip.label and lable.padding() 的文档。

您也可以使用 label.paddingBottom, label.paddingLeft, label.paddingRight, label.paddingTop 独立设置值。

从 amcharts 工具提示中删除填充

removing padding from amcharts tooltip

amcharts

typescript

angular

amcharts4