Javascript flot:使勾号在所有Y轴上对齐

Javascript flot:使勾号在所有Y轴上对齐,javascript,graph,flot,Javascript,Graph,Flot,我有一个flot图,除了第一个Y轴之外,它还使用第二个Y轴和不同的数字比例。我的问题是,辅助比例标签与第一个flot轴生成的网格线不对齐 Flot似乎正在运行一些内部算法来决定一个轴要显示多少刻度标签。它对每个轴都是分开的,这就产生了我所面临的问题。主Y轴算法的第一次运行将为整个图形创建栅格标记。然后,次轴只显示其自己的记号/标签,而不与第一个轴生成的网格线对齐 如何使次轴的记号线与第一个轴的记号/标签/网格线对齐 对答案的一个好的测试检查是改变雅克斯[0].max。在我的问题中,它被设置为15

我有一个flot图,除了第一个Y轴之外,它还使用第二个Y轴和不同的数字比例。我的问题是,辅助比例标签与第一个flot轴生成的网格线不对齐

Flot似乎正在运行一些内部算法来决定一个轴要显示多少刻度标签。它对每个轴都是分开的,这就产生了我所面临的问题。主Y轴算法的第一次运行将为整个图形创建栅格标记。然后,次轴只显示其自己的记号/标签,而不与第一个轴生成的网格线对齐

如何使次轴的记号线与第一个轴的记号/标签/网格线对齐

对答案的一个好的测试检查是改变雅克斯[0].max。在我的问题中,它被设置为15,但也将其更改为20(或使flot更改网格线编号和位置的任何其他值)

$(函数(){
浮点数={
“xaxis”:{
“min”:20,
“最大”:63,
},
“雅克斯”:[{
“位置”:“左”,
“min”:0,
“最多”:15
}, {
“位置”:“正确”,
“min”:0,
“最大”:75,
} ],
“颜色”:[“#EAA433”、“#32A2FA”],
};
flotData=[
{
“数据”:[[20.61,12.52]、[27.82,12.35]、[35.04,11.89]、[42.25,11.19]、[49.47,10.28]、[56.68,9.176]、[62.09,8.246]、[61.84,8.289],
“雅克西斯”:1
},
{
“数据”:[[20.61,59.37]、[27.82,66.57]、[35.04,70.58]、[42.25,71.79]、[49.47,70.59]、[56.68,67.36]、[62.09,63.83]、[61.84,64.00],
"雅克西斯":2,,
},
{
“数据”:[[20.61,20.61]、[28.85,28.85]、[37.10,37.10]、[45.34,45.34]、[53.59,53.59]、[61.83,61.83],
} ];
变量图=$.plot($(“#占位符”)、flotData、flotOptions;
});

弗洛特例子

使用
对齐勾选开关轴
选项将轴2上的勾选与轴1上的勾选对齐:

        "yaxes" : [ {
            "position" : "left",
            "min" : 0,
            "max" : 15
        }, {
            "position" : "right",
            "min" : 0,
            "max" : 75,
            "alignTicksWithAxis" : 1
        } ],
有关更多信息,请参阅(在“自定义轴”一章末尾)

$(函数(){
浮点数={
“xaxis”:{
“min”:20,
“最大”:63,
},
“雅克斯”:[{
“位置”:“左”,
“min”:0,
“最多”:15
}, {
“位置”:“正确”,
“min”:0,
“最大”:75,
“对准旋转轴”:1
} ],
“颜色”:[“#EAA433”、“#32A2FA”],
};
flotData=[
{
“数据”:[[20.61,12.52]、[27.82,12.35]、[35.04,11.89]、[42.25,11.19]、[49.47,10.28]、[56.68,9.176]、[62.09,8.246]、[61.84,8.289],
“雅克西斯”:1
},
{
“数据”:[[20.61,59.37]、[27.82,66.57]、[35.04,70.58]、[42.25,71.79]、[49.47,70.59]、[56.68,67.36]、[62.09,63.83]、[61.84,64.00],
"雅克西斯":2,,
},
{
“数据”:[[20.61,20.61]、[28.85,28.85]、[37.10,37.10]、[45.34,45.34]、[53.59,53.59]、[61.83,61.83],
} ];
变量图=$.plot($(“#占位符”)、flotData、flotOptions;
});

弗洛特例子

c'mon你知道那是欺骗哈哈哈!只是开玩笑,但我完全没想到解决办法会这么简单