Estou tentando fazer com que um gráfico de linhas seja exibido corretamente no meu site, mas por algum motivo ele deseja sobrecarregar o contêiner de gráficos. Tentei redefinir o tamanho da caixa para inicial, configurando o estouro oculto em todos os elementos filho do gráfico e nada parece estar funcionando. Não tenho idéia do por que isso está acontecendo e me perguntei se alguém já havia se deparado com esse problema antes de si.

Adicionei uma imagem abaixo do que estou recebendo no momento e, embaixo disso, o objeto que está sendo usado para configurar o gráfico de linhas.

{
"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
}
}