jquery Flot Chart - 如何隐藏周末日期时间 - 对于外汇图表？

Question

如何隐藏 X 轴上的周末时间？此时间线应跳过周五 23:59 到周一 00:00 之间的时间 - 即整个周末。

我已经跳过了周五晚上到周一早上之间的所有时间戳，但它仍然显示数据，就像周末期间有一些事件一样。

var data = [
			{ data: EUR, label: "EUR" },
			{ data: USD, label: "USD" },
			{ data: CAD, label: "CAD" },
			{ data: GBP, label: "GBP" },
			{ data: CHF, label: "CHF" },
			{ data: AUD, label: "AUD" },
			{ data: NZD, label: "NZD" },
			{ data: JPY, label: "JPY" }
		];

		$.plot("#chart", data, {
			series: {
				lines:  { show: true },
				points: { show: true }
			},
			xaxis: {
                                mode:       "time",
                                timeformat: "%d/%m %H"
                        },
			yaxis: {
				ticks:       10,
				min:        -45,
				max:         45,
				tickDecimals: 1
			},
                        grid: { 
                               clickable: 1,
                               hoverable: 1,
                               backgroundColor: { colors: [ "#fff", "#eee" ] },
                               borderWidth: {
                                              top:    1,
                                              right:  1,
                                              bottom: 2,
                                              left:   2
                               }
			}
	});

Answer 1

使用 xaxis 的变换属性应该可以实现这一点(请参阅文档 here )。我构建了一个 fiddle 来显示一个简单的案例 here 。但对于时间序列，你还有更多的事情要做。

我将把它留在这里作为起点，当我有时间时可能会回来扩展它。相关代码:

var x_min = 0;
var x_max = 30;
var x_break_interval = 10;
var x_break_on = 5;
var x_break_size = 4;

// ...

xaxis: {
    tickSize: 5,
    transform: function(value) {
        var shift = 0;
        for (var i = 0; i <= value / x_break_interval; i++) {
            shift++;
        }
        return value - (shift * x_break_size);
    },
    inverseTransform: function(value) {
        var shift = 0;
        for (var i = 0; i <= x_max / x_break_interval; i++) {
            if (value > (i + 1) * (x_break_on + x_break_size)) {
                shift++;
            }
        }
        return value + (shift * x_break_size);
    }
}