Javascript amCharts将值与轴对齐';空电平

Javascript amCharts将值与轴对齐';空电平,javascript,charts,amcharts,Javascript,Charts,Amcharts,我有一个带有多个图表和多个值轴的Amchart图形。数值可能非常不同,例如,一个图表的数值可能在-3000到3000之间变化,而另一个图表的数值为0-40 我想要的是表示所有图表,使它们都可见。因此,我使用“synchronizeGrid”选项 以下是我当前的代码: "synchronizeGrid": true, "valueAxes": [{ "id": "v1", "axisColor": "#FF6600", "axisThickness": 2,

我有一个带有多个图表和多个值轴的Amchart图形。数值可能非常不同,例如,一个图表的数值可能在-3000到3000之间变化,而另一个图表的数值为0-40

我想要的是表示所有图表,使它们都可见。因此,我使用“synchronizeGrid”选项

以下是我当前的代码:

  "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中做到这一点吗?