我有以下数据,我想在线图上用2行显示jqplot。
series:[Time Value1 Value2]
[13:51 22.875 9.275]
我正在寻找的是聊天 的 X轴:时间 L1:[Yaxis1:VALUE1] L2:[Yaxis2:值2]。
我可以公平地将数据结构更改为[Time Value1]和[Time Value2] 或任何其他类型 但重要的是将它们一起绘制在一个图表中。 你能写一下代码的划痕还是请参考一个正确的例子? 谢谢
答案 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轴的最小日期值,最后一个元素是最大日期值。如果您愿意,可以对日期值进行硬编码。
我希望这会有所帮助。