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

时间:2012-02-02 09:10:40

标签: jqplot linechart

我有以下数据,我想在线图上用2行显示jqplot。

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

我正在寻找的是聊天  的 X轴:时间  L1:[Yaxis1:VALUE1]  L2:[Yaxis2:值2]。

我可以公平地将数据结构更改为[Time Value1]和[Time Value2] 或任何其他类型 但重要的是将它们一起绘制在一个图表中。 你能写一下代码的划痕还是请参考一个正确的例子? 谢谢

3 个答案:

答案 0 :(得分:7)

实际上很容易。您可以为每个数据行定义一个值数组:

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

答案 1 :(得分:1)

如果时间值相同,则可以

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

答案 2 :(得分:0)

同一日期的多个刻度线'对于日期轴,可以通过包含以下代码片段来解决:

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

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

我希望这会有所帮助。