JQuery Flot X轴标签格式化
问题描述:
对于日期格式中的x轴标签,我有更多的滴答。现在我需要根据动态生成的滴答数来设置年或月或周的格式。例如,如果我的日期为2011-10-01,2011-10-02,...... 2015-10-05,那么我需要将x轴标签格式设置为2011,2012,2013,... 2015年。当我制作线形图时,当我点击圆形时,它应该在工具提示中显示实际值。即2011-01-10:200。现在,x轴标签被相互合并。JQuery Flot X轴标签格式化
我曾尝试创建只有一年显示的蜱,但在工具提示中没有得到反映。即空的。
请分享想法我怎么能产生其良好的方式。
答
您可以自定义TIMEFORMAT和minTickSize的选项取决于您的数据有这样的功能:
var diff = data[data.length - 1][0] - data[0][0];
var oneDay = 24 * 60 * 60 * 1000;
if (diff < 31 * oneDay) {
options.xaxis.minTickSize = [1, 'day'];
options.xaxis.timeformat = '%Y-%m-%d';
} else if (diff < 24 * 31 * oneDay) {
options.xaxis.minTickSize = [1, 'month'];
options.xaxis.timeformat = '%Y-%m';
} else {
options.xaxis.minTickSize = [1, 'year'];
options.xaxis.timeformat = '%Y';
}
一个完整的例子来看看这个fiddle。
如果可能的话,从样本数据中添加小提琴。 –