2016-12-19 3 views
0

Использование Flot Я пытаюсь разработать диаграмму, в которой ось x отображает даты в формате% M% D. Однако при запуске следующего кода он просто отображается как время эпохи.Flot JS x-axis time, не форматируясь должным образом при попытке отображения дат

http://jsfiddle.net/unwo728s/1/

JavaScript код:

var data = [ [gd(2016, 12, 3), 1000], [gd(2016, 12, 4), 200], [gd(2016, 12, 5), 3000], [gd(2016, 12, 6), 1000], [gd(2016, 12, 7), 1000], [gd(2016, 12, 8), 1000]]; 

var dataset = [ 
    { 
     label: "Daily Amount", 
     data: data, 
     color: "#FFFFFF", 
     points: { fillColor: "#FFFFFF", show: true }, 
     lines: { show: true } 
    } 
]; 

var options = { 
    xaxes: { 
     mode: "time", 
     timeformat: "%m/%d", 
     tickSize: [3, "day"], 
     color: "black",   
     axisLabel: "Date", 
    } 
}; 

$.plot($("#flot-placeholder"), dataset, options); 

function gd(year, month, day) { 
    return new Date(year, month, day).getTime(); 
} 

enter image description here

Как я могу изменить ось х, чтобы быть правильно отформатирована?

ответ

0

Это должно быть

var options = { 
    xaxis: { 

Кроме того, необходимо вычесть один из вашего `параметра month' (month is zero-based in JS).

См. Это обновление fiddle.

 Смежные вопросы

  • Нет связанных вопросов^_^