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

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

我试图在我的网站上正确显示一个折线图,但由于某种原因,它想要溢出图形容器.我已经尝试将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;

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

以上是内存溢出为你收集整理的javascript – AmCharts – 折线图溢出图形容器全部内容，希望文章能够帮你解决javascript – AmCharts – 折线图溢出图形容器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。