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>

​