Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery Flot X轴标签格式_Jquery_Flot - Fatal编程技术网

JQuery Flot X轴标签格式

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、 空的 请分享我如何以良好的方式制作它的想法。您可以使用

对于日期格式的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';
}

完整示例见此。

如果可能,从示例数据添加小提琴。工具提示如何处理此问题?是否会在工具提示中显示真实值?或格式化值。我需要真正的价值。根据你使用的工具提示插件,你可能需要不同的格式,但真正的价值是存在的。试着在小提琴中实现它,如果你有进一步的问题,请回到这里。