从amcharts工具提示中删除填充

时间:2019-06-04 08:46:46

标签: angular typescript amcharts amcharts4

我在我的角度项目中使用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>`;

背景填充和标签工作正常,但是填充仍然存在,如何删除填充?

我要删除工具提示中的空白。

enter image description here

1 个答案:

答案 0 :(得分:1)

您应该设置Label的填充而不是工具提示本身的填充:

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

有关更多信息,请参见tooltip.labellable.padding()的文档。

您还可以使用label.paddingBottomlabel.paddingLeftlabel.paddingRightlabel.paddingTop独立设置值。