gpt4 book ai didi

jquery - 流程图 - 动态更改 y 轴

转载 作者:行者123 更新时间:2023-12-01 01:23:30 25 4
gpt4 key购买 nike

我是飞行新手,但很快就设置了我的时间图。这是我基于时间的情节:

    $.plot("#placeholder", [d],
{
xaxis: {
mode: "time",
minTickSize: [1, "month"],
min: (new Date(2008, 05, 20)).getTime(),
max: (new Date(2014, 05, 27)).getTime()
}
});

当用户单击按钮时,我想更改绘图以仅显示 [d] 的一部分 - 例如,如果 [d] 包含 2013 年和 2014 年的数据,我只想显示 2013 年。他们有这样的例子在 float 示例中 ( http://www.flotcharts.org/flot/examples/axes-time/index.html )。因此,在单击按钮时,我几乎按照示例所示进行了操作,如下所示:

           $("#myBtn").click(function () {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
min: (new Date(2013, 06, 30)).getTime(),
max: (new Date(2013, 12, 30)).getTime()
}
});
});

它工作得很好 - 除了 Y 轴刻度没有根据 2013 年的最小值和最大值重新生成。这很丑陋,所以我查找了一个解决方案并尝试了以下代码:

     $("#myBtn").click(function () {

plot.getOptions().yaxes[0].min = minVal;
plot.getOptions().yaxes[0].max = maxVal;
plot.setupGrid(); //only necessary if your new data will change the axes or grid
plot.draw();
});

但是当我运行这个时,y 轴没有改变。

谁能帮我弄清楚我做错了什么?

最佳答案

我发现我需要设置刻度大小属性才能使其工作:

    plot.getOptions().yaxes[0].min = v1;
plot.getOptions().yaxes[0].max = v2;
plot.getOptions().yaxes[0].tickSize = 5;
plot.setupGrid(); //only necessary if your new data will change the axes or grid
plot.draw();

关于jquery - 流程图 - 动态更改 y 轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23906523/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com