滚动条 amchart 图例答案

【问题标题】：Scrollbar amchart legend滚动条 amchart 图例
【发布时间】：2019-06-19 15:05:02
【问题描述】：

当标签超过图表高度时，我想要一个标签的滚动条。我在图片中提到了我想要滚动条的位置。实际上，有时我有很多标签。

【问题讨论】：

【解决方案1】：

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

您需要将 Legend 放入包装器 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;
}

【讨论】：

【解决方案2】：

使用 AMCharts 4 的简单方法

chart.legend = new am4charts.Legend();
chart.legend.position = "right"; // Positionning your legend to the right of the chart
chart.legend.scrollable = true: // Make it scrollable

请参阅下面的完整示例： https://codepen.io/team/amcharts/pen/eYmLvoR

【讨论】：