amcharts4 ColumnSeries固定宽度

Question

基于此演示，我正在使用AmCharts4构建甘特图： https://www.amcharts.com/demos/gantt-chart/

基本上是一个倒条形图...我的问题是，甘特图中有很多任务，因此水平条受到挤压，我不得不在垂直轴上使用缩放。我希望在垂直轴上具有固定高度的条形图和html滚动条，而无需缩放或平移。你有什么主意吗？

谢谢！

Answer 1

我不认为，使用普通的弹药是可能的，因为图表在您提供的区域中呈现。我认为可以根据数据的大小动态设置图表<div>的高度来实现。

图表应重新呈现以适应新高度。

const data = [{
    // your data
  }, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}];

// chart initialisation, etc.

// after setting data
document.getElementById('chart').style.height = `${data.length * 50}px`;

.container {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}

#chart {
  width: 100%;
  min-height: 200px;
  background-color: red;
}

<div class="container">
  <div id="chart"></div>
</div>