滚动条amchart图例

时间:2019-06-19 15:05:02

标签: amcharts amcharts4

enter image description here

当标签多于图表高度时,我需要标签的滚动条。我在图片中提到我想要滚动条的地方。 Actullay有时我有很多标签。预先感谢

1 个答案:

答案 0 :(得分:1)

如此处文档所述: https://www.amcharts.com/docs/v4/tutorials/chart-legend-in-an-external-container/#Making_legend_scrollable

您需要将图例放入包装div内的外部div。

Div结构:

<div id="legendwrapper">
<div id="legenddiv"></div>
</div>

将图例放入外部div:

var legendContainer = am4core.create("legenddiv", am4core.Container);
legendContainer.width = am4core.percent(100);
legendContainer.height = am4core.percent(100);

然后,您可以通过如下设置样式使其滚动:

#legenddiv {
  width: 150px;
}

#legendwrapper {
  max-width: 120px;
  overflow-x: none;
  overflow-y: auto;
}