javascript – AmCharts – 折线图溢出图形容器

我试图在我的网站上正确显示一个折线图,但由于某种原因,它想要溢出图形容器.我已经尝试将Box-sizing重置为initial,设置隐藏在图形的所有子元素上的溢出,似乎没有任何工作.我不知道为什么会这样,并且想知道是否有人在自己面前遇到过这个问题？

我在下面添加了一张图片,下面是我正在使用的图片,用于设置折线图的对象.

{
"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","minorGridEnabled": true
},"export": {
    "enabled": true
}
}

最佳答案

如果您使用< base href>,则可能会发生这种情况.您网页上的指令.在这些情况下,SVG中对掩蔽滤波器的引用不能正常工作,因此从绘图区域突出的线条.

为避免这种情况,只需将全局baseHref设置行添加到您的代码中：

AmCharts.baseHref = true;

请注意,这必须是一个独立的行(不是图表配置的一部分),并且在创建图表的任何代码之前.

原文地址：https://www.jb51.cc/html/426196.html