jqplot圖表基於相同的日期或時間的多行

我有以下數據，我想用jqplot在線圖上繪製兩行。jqplot圖表基於相同的日期或時間的多行

series:[Time Value1 Value2] 
     [13:51 22.875 9.275]

我所尋找的是與 X軸聊天：時間 L1：[Yaxis1：值1] L2：[Yaxis2：值2]。

我可以很更改數據結構到[時間值1]和[時間值2]或任何其他類型但在一個圖表中繪製它們兩者一起是很重要的。您能否寫下代碼的劃痕或者引用我一個恰當的例子？謝謝

來源

2012-02-02 Emax

你想要一個包含兩行和一個DateAxisRenderer的折線圖嗎？你看過jqPlot網站上的實例嗎？在尋求幫助之前，您是否嘗試自行編碼？ – Mark 2012-02-03 18:42:44

的可以通過包括下面的代碼段來解決：

xaxis: { label: "Whatever you name it", renderer: $.jqplot.DateAxisRenderer,  min:dateVal[0], max:dateVal[dateVal.length-1], tickInterval: '1 day',

請包括最小值，最大值和tickInterval下「x-軸：」，而不是根據「tickOptions：」。在我的情況下，我有數組dateVal中的日期值，其中第0個元素是x軸日期的最小值，最後一個元素是最大日期值。如果你希望你可以對日期值進行硬編碼。

我希望這會有所幫助。

來源

2016-11-26 05:00:12

這其實很簡單。您可以定義值的數組，每個數據線：

var line1 = [[date1, val1], [date2, val2]]; 
var line2 = [[date1, val11], [date2, val12]]; 
var plot = $.jqplot('chart1', [line1, line2]);

來源

2012-02-12 18:30:25 Hyndrix

如果時間值是一樣的，你不能在同一日期的多個蜱「的日期軸做

var line1 = [val1_1, val1_2]; 
var line2 = [val2_1, val2_2]; 
var ticks = [time1, time2] 
var plot = $.jqplot('chart1', [line1, line2], { 
    xaxis: { ticks: ticks } 
});

來源

2013-06-26 08:35:41

不幸的是，當x軸刻度是日期時，這似乎不起作用：http://stackoverflow.com/questions/9179346/jqplot-separating-ticks-and-series-values – 2016-09-01 09:54:45

jqplot圖表基於相同的日期或時間的多行

回答

相關問題