Как изменить высоту диаграммы Ганта в amCharts?

Question

У нас есть диаграмма Ганта, в которой слишком много меток, и они перекрываются.Могу ли я изменить высоту диаграммы или родительского контейнера через атрибуты диаграммы?По сути, у нас есть диаграмма Ганта, в которой есть один столбец с более чем 80 элементами, но в каждом другом столбце - около 20. Это приводит к тому, что метки, прикрепленные к меньшим столбцам, перекрываются, как будто они сжимаются вместе.

К сожалению, я не могу включить код, поскольку он не мой, а моя компания.

Я попытался добавить тег стиля в div с диаграммой, чтобы увеличить высоту, но ничего не изменилось.

Answer 1

Привет, вы можете использовать тег стиля, чтобы сделать это:

#chartdiv {
  width: 100%;
  height: auto;
}

Также вы можете использовать каркас, такой как boostrap, для управления размером div, также amchart дает пример того, как изменить размер ячеекchar здесь код:

// Set cell size in pixels
var cellSize = 30;
chart.events.on("datavalidated", function(ev) {

  // Get objects of interest
  var chart = ev.target;
  var categoryAxis = chart.yAxes.getIndex(0);

  // Calculate how we need to adjust chart height
  var adjustHeight = chart.data.length * cellSize - categoryAxis.pixelHeight;

  // get current chart height
  var targetHeight = chart.pixelHeight + adjustHeight;

  // Set it on chart's container
  chart.svgContainer.htmlElement.style.height = targetHeight + "px";
});

наконец, вот сайт, если у вас есть какие-либо вопросы: https://www.amcharts.com/docs/v4/tutorials/auto-adjusting-chart-height-based-on-a-number-of-data-items/