Как изменить высоту диаграммы Ганта в 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/
Другие решения
Других решений пока нет …