Hi,
Angular has default height and widths styles for component, you need to add:
style="width: 100%; height: 100%; display: block;" to make the chart visible full width.
Adding a scrollbar on the y-axis, which you are trying to do, is not supported from the API. This option is from stock and highcharts, may work, but is not fully functional with Gantt.
Code: Select all
yAxis: {
staticScale: 120,
min: 0,
max: 2,
scrollbar: {
enabled: true,
showFull: false,
height: 30,
}
},
https://api.highcharts.com/highstock/yAxis.scrollbar
The recommended way to set the scroll bar on the y-axis axis in Gantt charts is to use
chart.scrollablePlotArea.
Code: Select all
chart: {
scrollablePlotArea: {
minHeight: 900,
},
},
https://api.highcharts.com/gantt/chart. ... lePlotArea
Live demo:
https://stackblitz.com/edit/highcharts- ... mponent.ts
Let us know if you have any further questions.
Best regards.