JQuery Flot X轴标签格式
对于日期格式的x轴标签,我没有更多的记号。现在,我需要根据动态生成的滴答数将其格式化为年、月或周。例如,如果我有日期2011-10-012011-10-02,…2015-10-05,那么我需要将x轴标签的格式设置为2011、2012、2013,…2015。当我制作线图时,当我单击圆时,它应该在工具提示中显示实际值。i、 e.2011-01-10:200。现在,x轴标签彼此合并 我曾尝试创建只显示年份的记号,但在工具提示中没有反映出来。i、 空的JQuery Flot X轴标签格式,jquery,flot,Jquery,Flot,对于日期格式的x轴标签,我没有更多的记号。现在,我需要根据动态生成的滴答数将其格式化为年、月或周。例如,如果我有日期2011-10-012011-10-02,…2015-10-05,那么我需要将x轴标签的格式设置为2011、2012、2013,…2015。当我制作线图时,当我单击圆时,它应该在工具提示中显示实际值。i、 e.2011-01-10:200。现在,x轴标签彼此合并 我曾尝试创建只显示年份的记号,但在工具提示中没有反映出来。i、 空的 请分享我如何以良好的方式制作它的想法。您可以使用
请分享我如何以良好的方式制作它的想法。您可以使用以下功能根据您的数据自定义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';
}
var diff=data[data.length-1][0]-data[0][0];
var One Day=24*60*60*1000;
如果(差异<31*一天){
options.xaxis.minTickSize=[1,'天'];
options.xaxis.timeformat='%Y-%m-%d';
}否则如果(差异<24*31*一天){
options.xaxis.minTickSize=[1,'月'];
options.xaxis.timeformat='%Y-%m';
}否则{
options.xaxis.minTickSize=[1,‘年’;
options.xaxis.timeformat='%Y';
}
完整示例见此。如果可能,从示例数据添加小提琴。工具提示如何处理此问题?是否会在工具提示中显示真实值?或格式化值。我需要真正的价值。根据你使用的工具提示插件,你可能需要不同的格式,但真正的价值是存在的。试着在小提琴中实现它,如果你有进一步的问题,请回到这里。