amcharts4 ColumnSeries 固定宽度

Question

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

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

谢谢!

Answer 1

我认为，使用普通的 amcharts 是不可能的，因为图表是在您提供的区域中呈现的。我认为通过设置图表的高度是可能的<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>