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軸標籤格式化

回答

相關問題