Javascript amCharts将值与轴对齐';空电平
我有一个带有多个图表和多个值轴的Amchart图形。数值可能非常不同,例如,一个图表的数值可能在-3000到3000之间变化,而另一个图表的数值为0-40 我想要的是表示所有图表,使它们都可见。因此,我使用“synchronizeGrid”选项 以下是我当前的代码:Javascript amCharts将值与轴对齐';空电平,javascript,charts,amcharts,Javascript,Charts,Amcharts,我有一个带有多个图表和多个值轴的Amchart图形。数值可能非常不同,例如,一个图表的数值可能在-3000到3000之间变化,而另一个图表的数值为0-40 我想要的是表示所有图表,使它们都可见。因此,我使用“synchronizeGrid”选项 以下是我当前的代码: "synchronizeGrid": true, "valueAxes": [{ "id": "v1", "axisColor": "#FF6600", "axisThickness": 2,
"synchronizeGrid": true,
"valueAxes": [{
"id": "v1",
"axisColor": "#FF6600",
"axisThickness": 2,
"axisAlpha": 1,
"position": "left"
}, {
"id": "v2",
"axisColor": "#FCD202",
"axisThickness": 2,
"axisAlpha": 1,
"offset": 50,
"position": "left"
}, {
"id": "v3",
"axisColor": "#B0DE09",
"axisThickness": 2,
"gridAlpha": 0,
"offset": 100,
"axisAlpha": 1,
"position": "left"
}],
但是,您可能会注意到空级别是不同的,即每个图表在不同的网格线上都有空级别。有没有办法强制所有图表使用相同的空值级别?我发现让三个轴使用相同的“空”值的唯一方法是简单地找到每个轴的最大绝对值,并将其设置为
最大值和最小值参数,同时根据AmCharts的文档定义参数
最后,您将有三个变量来存储绝对值maxvisions
,maxHits
,maxview
然后设置最大值
和最小值
参数如下:
"valueAxes": [{
"id": "v1",
"axisColor": "#FF6600",
"axisThickness": 2,
"axisAlpha": 1,
"position": "left",
"maximum": maxVisits,
"minimum": -maxVisits
}, {
"id": "v2",
"axisColor": "#FCD202",
"axisThickness": 2,
"axisAlpha": 1,
"position": "right",
"maximum": maxHits,
"minimum": -maxHits
}, {
"id": "v3",
"axisColor": "#B0DE09",
"axisThickness": 2,
"gridAlpha": 0,
"offset": 50,
"axisAlpha": 1,
"position": "left",
"maximum": maxViews,
"minimum": -maxViews
}]
最后,您需要再次将synchronizeGrid
参数设置为false
以下是我想出的最好的解决方案:
利用:
"synchronizeWith": "v1",
"synchronizationMultiplier": sync
例如,在v2轴上,使用“synchronizeWith”并将值设置为要同步到的轴。对于乘数,您需要查找两个轴上的最大值,并将较小的值除以较大的值,从而得到一个比率。这个比率就是你的乘数。这个效果很好,但是有人知道如何在图表4中做到这一点吗?