jQuery Flot X軸標簽格式

Question

對於日期格式的x軸標簽，我沒有更多的刻度。 現在，我需要根據動態生成的刻度數，用“年”，“月”或“周”對其進行格式化。 例如，如果我有日期2011-10-01,2011-10-02，...... 2015-10-05，那么我需要將x軸標簽的格式設置為2011、2012、2013，... 2015年。 當我制作線圖時，當我單擊圓時，它應該在工具提示中顯示實際值。 例如2011-01-10：200。現在x軸標簽已相互合並。

我試過只顯示年份來創建刻度線，但是在工具提示中卻沒有得到反映。 即空。

請分享想法，我如何才能很好地制作它。

Answer 1

您可以根據數據使用以下函數自定義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';
}

有關完整示例，請參見此提琴 。