график 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',

Пожалуйста, включайте min, max и tickInterval в «xaxis:», а не в «tickOptions:». В моем случае у меня есть значения даты в массиве dateVal, где 0-й элемент является минимальным значением даты для оси X, а последний элемент является максимальным значением даты. Если хотите, вы можете жестко закодировать значения даты.

Надеюсь, это поможет.