amcharts4 ColumnSeries фиксированная ширина - PullRequest
Новая
       7

amcharts4 ColumnSeries фиксированная ширина

0 голосов
/ 18 января 2019

Я строю диаграмму Ганта с помощью AmCharts4 на основе этой демонстрации: https://www.amcharts.com/demos/gantt-chart/

Это в основном перевернутая гистограмма ... Моя проблема в том, что у меня много задач в Гантте, поэтому горизонтальные полосы сжаты, и я вынужден использовать масштабирование по вертикальной оси. Я хотел бы иметь фиксированную высоту полос и полосу прокрутки HTML на вертикальной оси, без масштабирования и панорамирования. У тебя есть идеи?

enter image description here

спасибо!

1 Ответ

0 голосов
/ 13 февраля 2019

Я не думаю, что это возможно с обычными графиками, потому что график отображается в той области, которую вы предоставляете. Я думаю, что это возможно, если динамически установить высоту диаграммы <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>
...