1

Estou desenvolvendo alguns teste com a API do google chart.
E estou tendo um problema um tanto peculiar.

Codigo

data = new google.visualization.DataTable();

data.addColumn({ type : 'date', label : 'Day' });
data.addColumn({ type : 'date', label : 'DayAnnotation', role : 'annotation' });
data.addColumn({ type : 'number', label : 'Total' });
data.addColumn({ type : 'number', label : 'Frete' });

data.addRow([ new Date('2015-06-01'), new Date('2015-06-01T23:00'), 24974.46, 10871 ]);
data.addRow([ new Date('2015-06-02'), new Date('2015-06-02T23:00'), 26075.61, 12485 ]);
data.addRow([ new Date('2015-06-03'), new Date('2015-06-03T23:00'), 41915.09, 22489 ]);

var options = {
    title : 'Monthly Coffee Production by Country',
    vAxis :  { title : 'Cups' },
    hAxis :  { title : 'Month' },
    seriesType : 'bars',
    series : { 5: { type : 'line' } },
    width : 500,
    height : 300,
};

chart = new google.visualization['ComboChart'](Element);
chart.draw(data, options);

Resultado

inserir a descrição da imagem aqui

Como podem ver no eixo X ele exibe, correto a data informada, contudo no label esta sendo exibido 1dia retroativo.

Se notarem neste teste ainda tem a coluna com role : 'annotation', na qual eu tive de por as horas para se manter no dia do eixo X, se remover as horas ate mesma a annotation exibe retroativo.

Jsfiddle

http://jsfiddle.net/r1q245Lj/

Alguém sabe se deve ser feita alguma configuração para resolver isto?
Já fiz varias pesquisas e não achei algo a respeito.

1 Resposta 1

0

Solução

Alternativa 1:

A data deve ser especificada por parâmetros : new Date(2015,05,01).
Note que os meses vão de 0 á 11 sendo janeiro - dezembro.

Alternativa 2:

A data deve conter T00:00:00 : new Date('2015-06-02T00:00:00').
Note que não deve conter o formato Z no final.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .