AmCharts - 两个Axis的比例相同

时间:2014-09-22 08:30:50

标签: scale axis amcharts

我有2条线的图形,每条线都有轴(左和右)。 但是左轴取决于(例如)红色数据并且具有最大值100,右侧依赖于蓝色数据并且具有最大值10.两条线看起来都相同,但是我希望两条线都有一个比例。我的意思是如果它们的最大线数最大为100,则两者的最大值应为100。

对不起我的英文

2 个答案:

答案 0 :(得分:2)

同步两个轴的最佳方法是在辅助轴上使用synchronizeWith设置。

http://docs.amcharts.com/3/javascriptcharts/ValueAxis#synchronizeWith http://docs.amcharts.com/3/javascriptcharts/ValueAxis#synchronizationMultiplier

以下是一个例子:

"valueAxes": [{
        "id":"v1",
        "axisColor": "#FF6600",
        "axisThickness": 2,
        "gridAlpha": 0.2,
        "axisAlpha": 1,
        "position": "left"
    }, {
        "id":"v2",
        "axisColor": "#FCD202",
        "axisThickness": 2,
        "gridAlpha": 0,
        "axisAlpha": 1,
        "position": "right",
        "synchronizeWith": "v1",
        "synchronizationMultiplier": 1
    }],

如果您希望两个轴使用完全相同的比例,请记住您需要将 synchronizationMultiplier 设置为 1

答案 1 :(得分:1)

您可以使用synchronizeWith abd synchronizationMultiplier属性:http://docs.amcharts.com/3/javascriptcharts/ValueAxis#synchronizeWith

设置axis1.synchronizeWith = axis2; (或者,如果您使用的是JSON配置,请将一些id属性添加到第一个值轴,然后设置synchronizeWith:“axis1id”,

然后设置 将synchronizationMultiplier设置为1。