AmCharts - контейнер графика с переполнением линейной диаграммы
Я пытаюсь заставить линейный график правильно отображаться на моем сайте, но по какой-то причине он хочет переполнить контейнер графика. Я попытался сбросить размер окна на начальный, установив переполнение, скрытое на всех дочерних элементах графа, и ничего не работает. Я понятия не имею, почему это происходит, и мне было интересно, сталкивался ли кто-нибудь с этой проблемой раньше себя?
Я добавил изображение ниже того, что я в данный момент получаю, и под этим объектом, который используется для настройки линейного графика.
{
"type": "serial",
"theme": "light",
"marginRight": 80,
"autoMarginOffset": 20,
"marginTop": 7,
"dataProvider": queryData.data.result,
"valueAxes": [{
"axisAlpha": 0.2,
"dashLength": 1,
"position": "left"
}],
"mouseWheelZoomEnabled": true,
"graphs": [{
"id": "g1",
"balloonText": "[[value]]",
"bullet": "round",
"bulletBorderAlpha": 1,
"bulletColor": "#FFFFFF",
"hideBulletsCount": 50,
"title": "red line",
"valueField": "value",
"useLineColorForBulletBorder": true,
"balloon": {
"drop": true
}
}],
"chartScrollbar": {
"autoGridCount": true,
"graph": "g1",
"scrollbarHeight": 40
},
"chartCursor": {
"limitToGraph": "g1"
},
"categoryField": "name",
"dataDateFormat": "DD/MM/YYYY HH:NN:SS",
"categoryAxis": {
"parseDates": true,
"axisColor": "#DADADA",
"dashLength": 1,
"minorGridEnabled": true
},
"export": {
"enabled": true
}
}