javascript - AmCharts - Line Chart Overflowing graph container -


i trying line graph display correctly on site, reason wants overflow graph container. have tried reset box-sizing initial, setting overflow hidden on child elements of graph , nothing seems working. have no idea why happening , wondering if had come across issue before themselves?

i've added image below of getting , underneath that, object being used set line graph.

enter image description here

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

this might happening if using <base href> directive on web page. in cases references masking filters in svg not work properly, hence lines protruding plot area.

to avoid add global basehref setting line code:

amcharts.basehref = true; 

please note must standalone line (not part of chart config) , go before of code creates charts.


Comments

Popular posts from this blog

gridview - Yii2 DataPorivider $totalSum for a column -

java - Suppress Jboss version details from HTTP error response -

Sass watch command compiles .scss files before full sftp upload -