AmCharts - Wykres liniowy Przepełniony kontener wykresu

Próbuję uzyskać wykres liniowy do poprawnego wyświetlania w mojej witrynie, ale z jakiegoś powodu chce on przepełnić kontener wykresu. Próbowałem zresetować rozmiar skrzynki do początkowego, ustawiając przepełnienie ukryte na wszystkich elementach podrzędnych wykresu i nic nie działa. Nie mam pojęcia, dlaczego tak się dzieje i zastanawiałem się, czy ktokolwiek napotkał tę kwestię przed sobą?AmCharts - Wykres liniowy Przepełniony kontener wykresu

Dodałem obraz poniżej tego, co aktualnie otrzymuję i pod nim, obiekt używany do ustawiania wykresu lini

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

Źródło

2015-12-22 ChronixPsyc

To może się zdarzyć, jeśli na stronie internetowej ustawione jest ''. Jeśli tak, spróbuj dodać ten wiersz 'AmCharts.baseHref = true;' – martynasma

@martynasma Dzięki za cynk. Dodałem tę linię kodu, ale nadal przepełnia ona kontener wykresu. Skopiowałem również obiekt bezpośrednio z wersji demo w witrynie AmCharts i ma dokładnie ten sam problem. Możesz obejrzeć obraz [tutaj] (http://s24.postimg.org/drm3n5tlh/overflowing_chart_2.jpg) – ChronixPsyc

Czy masz także bazę href na swojej stronie? Czy korzystasz z najnowszej wersji amCharts? – martynasma

To może się zdarzyć, jeśli używasz dyrektywę <base href> na swojej stronie internetowej. W tych przypadkach odniesienia do filtrów maskujących w SVG nie działają poprawnie, stąd linie wystające z obszaru wydruku.

Aby tego uniknąć wystarczy dodać globalną linię baseHref ustawienie do kodu:

AmCharts.baseHref = true;

Należy pamiętać, że musi to być samodzielna linia (nie jest częścią wykresu config) i przejdź przed każdej z kod tworzący wykresy.

Źródło

2015-12-22 15:40:31 martynasma

AmCharts - Wykres liniowy Przepełniony kontener wykresu

Odpowiedz

Powiązane problemy