jquery - jqplot：ズーム後に軸ティックformatStringを変更する方法

Question

ズーム操作後にティックのformatStringをリセットするにはどうすればよいですか？

$.jqplot.DateAxisRenderer「xaxis」でプラグインを使用していますが、ズームするときに、新しい最小値と最大値に応じてプラグインformatString = "%d.%m"を変更したいと思います。%d.%m %H:%M:%S

Answer 1

私はあなたのために何かを持っていると思います。 コードの詳細については、サンプルを参照してください。

DateTickFormatter全体の問題は、次のコードでを上書きすることになります。

    $.jqplot.DateTickFormatter = function(format, val) {
        if (plot) {
            var noDays = days_between(new Date(plot.axes.xaxis.max), new Date(plot.axes.xaxis.min));
            console.log("days_between = " + noDays);

            if (noDays < 28) format = "%d";
            else if (noDays < 120) format = '%m/%d';
            else format = '%Y/%m/%d';
        }
        return $.jsDate.strftime(val, format);
    };

表示される日数に応じて、異なる形式が返されます。コードを試して、ズームするとどうなるかを確認してください。