Graph Amchart X轴位置和填充到轴
我正在使用AmChartXY绘制图形区域,这里是小提琴: 正如您所看到的,Y轴的值为负值,这使得X轴从Y=0下降到Y=-4,当我使用fillToAxis:X时,期望图形填充区域将是以图形为边界的区域,X轴对应于值Y=0,我得到另一个结果。如何将X轴移动到Y=0,或者至少按照预期获得填充区域结果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轴移动到绘图区域的中间,也
提前感谢刚刚更新了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"
}
});