1

Estou com um problema com datas durante a plotagem de um gráfico Highcharts utilizando objeto JSON.

Os dados referentes as informações de datas estão sendo exibidos da seguinte forma:

inserir a descrição da imagem aqui

O Servidor envia o JSON da seguinte forma para o cliente:

  [HttpGet]
        public JsonResult DadosAtendimentosParticularesPorDentistas()
        {
            DateTime DataAtual = DateTime.Now;
            DateTime InicioMes = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1);

            var _listaProducao = _session.CreateSQLQuery("SELECT DATA_ATENDIMENTO, VALOR FROM T_LANCAMENTO_PRODUCAO_PARTICULAR " +
                                                       "WHERE DATA_ATENDIMENTO BETWEEN :INICIO AND :FIM")
                                       .SetParameter("INICIO", InicioMes.AddMonths(-3))
                                       .SetParameter("FIM", DataAtual)
                                       .List();



            return Json(_listaProducao, JsonRequestBehavior.AllowGet);
        }

O meu gráfico é gerado através do seguinte código no cliente:

<script type="text/javascript">

function producaoDentista(data) {

    $('#testegrafico').highcharts({

        chart: {
            type: 'spline'
        },
        title: {
            text: 'Grafico de Faturamento',
            x: -20
        },
        subtitle: {
            text: 'Amostragem de Convenio e Particular',
            x: -20
        },
        xAxis: {
            type: "datetime",
            categories: Date,
            tickPixelInterval: 150,
            maxZoom: 5,
            dateTimeLabelFormats: {
                month: '%b %e, %Y',
                year: '%Y'
            }

            //dateTimeLabelFormats: {
            //    month: '%b %e, %Y',
            //    year: '%Y'
            //}
        },
        yAxis: {
            title: {
                text: 'Valor em R$'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }],
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
        },
        series: [{

            name: 'Atendimento Particular',
            data: data
            //name: 'Atendimento Particular',
            //data: data,
            //tooltip: {
            //    pointFormat: 'R$:{point.y:.2f}',
            //}
        //}, {
        //    name: 'Atendimento Convênio',
        //    data: [2.0, 3.1, 10, 40.59, 100, 200, 500, 10, 500,11, 33]
        ,}]
    });
}
$(document).ready(function () {
    $.ajax({
        url: 'GraficoAtendimento/DadosAtendimentosParticularesPorDentistas',
        type: 'GET',
        async: true,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            producaoDentista(data)
        }
    });
});

E meu objeto JSON, está composto da seguinte forma:

[["\/Date(1418223600000)\/",80],["\/Date(1415631600000)\/",10],  
 ["\/Date(1415804400000)\/",40],["\/Date(1420077600000)\/",8],  
 ["\/Date(1420164000000)\/",10],["\/Date(1420164000000)\/",30],
 ["\/Date(1420164000000)\/",140],["\/Date(1420164000000)\/",10],
 ["\/Date(1420423200000)\/",560]]

Estou preso tentando resolver esta questão, porém não estou conseguindo, alguém saberia me dar uma ajuda ou uma explicação de como devo realizar este tratamento?

2
  • Pelo que entendi você esta passando /Date(1415631600000)/ como uma string, não como uma função date, tente gerar a data antes de colocar no json pra retorno. 6/01/2015 às 19:55
  • veja se esse link te ajuda... highcharts.com/demo/spline-irregular-time clica em view options que você consegue ver todo o javascript. 6/01/2015 às 19:56

1 Resposta 1

1

Você está passando a os dados para o gráfico como JSON puro, você deve converter para um objeto, que será um array com os dados.

Para converter faça o seguinte:

series: [{

        name: 'Atendimento Particular',
        data: JSON.parse(data)

Acredito que usando o JSON.parse(data) deve converter a data para o formato que você deseja.

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 .