为每个单位制作两个相同数据的轴

时间:2014-03-08 19:41:38

标签: flot

最好通过以下示例进行解释(我的用途是绘制一个轴上的总用电量,另一个用于人均用电量)。

enter image description here

所以我想根据一个轴(左轴)绘制一些数据。但对于读者我想为相同的数据提供替代单元(在右轴上)。两个轴之间存在线性关系。

jQuery flot库可以实现吗?

1 个答案:

答案 0 :(得分:3)

如果关系是线性的,那么您应该只需要设置智能最小/最大值。在上面1 mph = 1.60934 km/h的示例中,只需执行:

    yaxes: [ 
        { 
            //mph axis 
            min: 0,
            max: 100
        }, 
        {
            //kph axis
            min: 0,
            max: 100 * 1.60934,
            position: 'right'
        } 
    ]

这是一个example fiddle