Flotr x-eixo data / hora
-
21-08-2019 - |
Pergunta
Eu estou usando flotr em meu aplicativo e eu preciso de algumas simples maneira de mostrar datas no eixo x. Eu sei flotr é capaz de tempo de exibição no eixo x através
'xaxis' : {'mode' : 'time', 'min' => '??', 'max' => '??', 'timeFormat' => '??', 'noTicks' => 10}
Mas como sobre datas? De qualquer forma, eu não posso ter tempo x-eixo de trabalho ou, então, qualquer exemplo real de tempo x eixo seria apreciada também.
Solução
Basta adicionar os seus dados como [timestamp, valor], timestamp estar em ms. Em seguida, use a opção 'tickFormatter' para implementar sua própria função de formatação.
Primeiro implementar a sua função de formatação:
function myDateFormater(inputTimeStamp) {
mydate = new Date();
mydate.setTime(inputTimeStamp);
// Return your formated date as you like.
return formatedDate ..
}
Em seguida, definir a função como um formater para os carrapatos do eixo x.
xaxis: {
...
tickFormatter: myDateFormater, // => fn: number -> string
...
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow