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轴标签格式化

我曾尝试创建只有一年显示的蜱，但在工具提示中没有得到反映。即空的。

请分享想法我怎么能产生其良好的方式。

来源

2015-11-02 Dhana

如果可能的话，从样本数据中添加小提琴。 –

您可以自定义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。

来源

2015-11-02 11:54:24 Raidri

工具提示如何工作？是否会在工具提示中显示实际价值？或格式化的值。我需要真正的价值。 – Dhana

根据您使用的工具提示插件，您可能需要对其进行不同的格式化，但真正的价值在于此。尝试在小提琴中实现它，如果你有更多的问题回来这里。 – Raidri

JQuery Flot X轴标签格式化

回答

相关问题