如何在amCharts中更改甘特图的高度？

乔恩·詹姆斯

我们的甘特图有太多标签，并且它们重叠。我可以通过图表的属性更改图表或父容器的高度吗？基本上，我们有一个甘特图，其中一列包含80多个项目，但每隔一列有20个左右。这会使附着在较小列上的标签重叠在一起，就像它们被压在一起一样。

不幸的是，我不能包含代码，因为它不是我的，而是我公司的。

我尝试过向图表的div添加样式标签以增加高度，但是没有任何变化。

斯坦·查孔

嗨，您可以使用样式标签来做到这一点：

#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/

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。