Php 如何在amCharts中更改甘特图的高度?
我们有一个甘特图,它有太多的标签,它们重叠。我可以通过图表的属性更改图表或父容器的高度吗?基本上,我们有一个甘特图,其中有一列包含80多个项目,但每隔一列大约有20个。这会导致附加到较小列的标签重叠,就像它们被挤压在一起一样 不幸的是,我不能包含代码,因为它不是我的,是我公司的Php 如何在amCharts中更改甘特图的高度?,php,height,amcharts,gantt-chart,Php,Height,Amcharts,Gantt Chart,我们有一个甘特图,它有太多的标签,它们重叠。我可以通过图表的属性更改图表或父容器的高度吗?基本上,我们有一个甘特图,其中有一列包含80多个项目,但每隔一列大约有20个。这会导致附加到较小列的标签重叠,就像它们被挤压在一起一样 不幸的是,我不能包含代码,因为它不是我的,是我公司的 我曾尝试在图表的div中添加一个样式标记来增加高度,但没有任何改变 您好,您可以使用样式标记来执行此操作: #chartdiv { width: 100%; height: auto; } 此外,您还可以使用b
我曾尝试在图表的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";
});
最后,如果您有任何问题,请访问网站:您好,您可以使用样式标签来完成此操作:
#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";
});
最后,如果您有任何问题,请访问网站:我正在使用以下技术调整甘特图的高度
<div id="chartdiv" style="width:100%; min-height:300px;"></div>
我正在使用以下技术调整甘特图的高度
<div id="chartdiv" style="width:100%; min-height:300px;"></div>