Graph Amchart X轴位置和填充到轴

Graph Amchart X轴位置和填充到轴,graph,charts,amcharts,Graph,Charts,Amcharts,我正在使用AmChartXY绘制图形区域,这里是小提琴: 正如您所看到的,Y轴的值为负值,这使得X轴从Y=0下降到Y=-4,当我使用fillToAxis:X时,期望图形填充区域将是以图形为边界的区域,X轴对应于值Y=0,我得到另一个结果。如何将X轴移动到Y=0,或者至少按照预期获得填充区域结果 提前感谢刚刚更新了fiddle:jsfiddle.net/ap60fhsu/2/,删除x轴位置可以正确填充区域,在这种情况下,唯一的问题是左对齐和旋转x轴标签我恐怕无法将实际x轴移动到绘图区域的中间,也

我正在使用AmChartXY绘制图形区域,这里是小提琴:

正如您所看到的,Y轴的值为负值,这使得X轴从Y=0下降到Y=-4,当我使用fillToAxis:X时,期望图形填充区域将是以图形为边界的区域,X轴对应于值Y=0,我得到另一个结果。如何将X轴移动到Y=0,或者至少按照预期获得填充区域结果


提前感谢

刚刚更新了fiddle:jsfiddle.net/ap60fhsu/2/,删除x轴位置可以正确填充区域,在这种情况下,唯一的问题是左对齐和旋转x轴标签我恐怕无法将实际x轴移动到绘图区域的中间,也不要使图形填充为负值。为了使图表更易于理解,您可以在0标记上放置一个参考线,使其看起来像一条轴线:
            var chart = AmCharts.makeChart("chartdiv", {
            "type": "xy",
            "autoMarginOffset": 20,
            "dataProvider": [{
                "ax": 0,
                "ay": 0,
                "bx": 0,
                "by": 0,
            }, {
                "ax": 8,
                "ay": 1,
                "bx": 12,
                "by": -2,
            },
            {
                "ax": 32,
                "ay": 9,
                "bx": 35,
                "by": -1,
            },
            {
                "ax": 45,
                "ay": 6,
                "bx": 45,
                "by": -2,
            },
            {
                "ax": 60,
                "ay": 2,
                "bx": 60,
                "by": -2,
            },
            {
                "ax": 70,
                "ay": 0,
                "bx": 70,
                "by": 0,
            },
            {
                "ax": 75,
                "ay": 0,
                "bx": 72,
                "by": 0,

            },
            {
                "ax": 85,
                "ay": 6,
                "bx": 80,
                "by": -1,
            },
            {
                "ax": 90,
                "ay": 0,
                "bx": 90,
                "by": 0,
            }],
            "valueAxes": [ {
                "position": "bottom",
                "axisAlpha": 0,
                "dashLength": 1,
                "id": "x",
                "title": "X Axis"
            }, {
                "axisAlpha": 0,
                "dashLength": 1,
                "position": "left",
                "id": "y",
                "title": "Y Axis"
            }],
            "plotAreaBorderAlpha": 1,
            "startDuration": 1,
            "graphs": [ {
                "balloonText": "x:[[x]] y:[[y]]",
                "fillAlphas": 0.3,
                "fillToAxis": "x",
                "lineAlpha": 1,
                "xField": "ax",
                "yField": "ay",
                "lineColor": "#FF6600"
            }, {
                "balloonText": "x:[[x]] y:[[y]]",
                "lineAlpha": 1,
                "fillToAxis": "x",
                "fillAlphas": 0.3,
                "xField": "bx",
                "yField": "by",
                "lineColor": "#FCD202"
            }],
            "marginLeft": 64,
            "marginBottom": 60,
            "chartScrollbar": {},
            "chartCursor": {},
            "export": {
                "enabled": true,
                "position": "bottom-right"
            }
        });