jqplot - 基于相同日期或时间的多行 jqplot 图表

Question

我有以下数据，我想用 jqplot 在带有 2 行的折线图上绘制它们。

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

我正在寻找的是与 XAxis:Time L1:[Yaxis1:Value1] L2:[Yaxis2:Value2]的聊天。

我可以公平地将数据结构更改为 [Time Value1] 和 [Time Value2]或任何其他类型，但是将它们一起绘制在一个图表中很重要。你能写下代码的草稿还是给我一个合适的例子？谢谢

Answer 1

这实际上很容易。您为每个数据行定义一个值数组：

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

Answer 2

如果时间值相同，您可以这样做

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 }
});

Answer 3

可以通过包含以下代码片段来解决日期轴的“同一日期的多个刻度”：

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

请在 'xaxis:' 下而不是在 'tickOptions:' 下包括 min、max 和 tickInterval。在我的情况下，我在数组 dateVal 中有日期值，其中第 0 个元素是 x 轴日期的最小值，最后一个元素是最大日期值。如果您愿意，可以对日期值进行硬编码。

我希望这会有所帮助。