jqplot:如何在缩放后更改axis ticks formatString

时间:2012-06-22 12:14:02

标签: jquery graph jqplot

如何在缩放操作后重新设置ticks的formatString?

我在“xaxis”上使用$.jqplot.DateAxisRenderer插件与formatString = "%d.%m",但是当我缩放时,我想根据新的最小值和最大值更改%d.%m %H:%M:%S之类的内容。

1 个答案:

答案 0 :(得分:5)

我想我有东西给你。 Please see the sample for code details.

整个问题归结为使用以下代码覆盖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);
    };

根据可见天数,它将返回不同的格式。玩代码,看看缩放时会发生什么。