【问题标题】:removing padding from amcharts tooltip从 amcharts 工具提示中删除填充
【发布时间】:2019-06-04 08:46:46
【问题描述】:

我在我的 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>`;

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

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

【问题讨论】:

  • 你能试试series.tooltip.label.padding(0, 0, 0, 0);吗?只是猜测。

标签: angular typescript amcharts amcharts4


【解决方案1】:

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

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

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

您还可以使用label.paddingBottom、label.paddingLeft、label.paddingRight、label.paddingTop 单独设置值。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-10-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-08
    • 1970-01-01
    • 2016-09-13
    相关资源
    最近更新 更多