none
Uso de gráfico Flot (ex. aqui) dividir as datas nos meses do gráfico RRS feed

  • Pergunta

  • Prezados colegas,

    Estou querendo fazer um gráfico como esse (eu nunca trabalhei com gráficos, por isso conto com a ajuda de vocês):

    http://www.jqueryflottutorial.com/how-to-make-jquery-flot-line-chart.html

    Achei ele um exemplo interessante, não sei se é o melhor, caso alguém conheça um melhor, por favor, comente.

    Mas de qualquer forma minha dúvida é a seguinte, do banco eu faço a busca da quantidade de vezes que um determina id aparece, na verdade eu estou contando a quantidade de visitas.

    Por exemplo, Id= 231, trará 15 linhas, sendo que isto referente a todo o ano de 2013, suponhamos que uma visita foi em jan, mais uma em fev, etc e em dez o id=231 aparece 4 vezes, ou seja, realizou 4 visitas no mês de dez.

    jan = 1, fev =1, mar=1,abr=1,mai=1,jun=1,jul=1,ago=1,set=1,out=1,nov=1,dez=4

    Eu faço essa busca por ano no meu banco mysql:

    select id, dttempo, local from tabteste where year(dttempo);

    e jogo num gridview

    aspx:

    <div id="dvGv" runat="server" 
    style="width: 1291px; height: 445px;    ;">
    <asp:GridView ID="GvPPeriodo" runat="server" Style=" ;  Width ="1220px" BorderColor="LightBlue" CellPadding="1" CellSpacing="1" Height="0px" Font-Size="Smaller" 
    BorderStyle="Solid"onrowdatabound="GvPPeriodo_RowDataBound"></asp:GridView></div>

    aspx.cs:

    dvGv.Visible = true;
    dset = Quant.PPeriodo_data(this.ddlAno1.SelectedValue);
    Session["PeriodoAno"] = dset;
    this.GvPPeriodo.DataSource = dset;
    this.DataBind();

    que me traz essas 15 linhas (uma para cada visita), com as colunas

    id     | dttempo     |local
    231  |2013-01-01 |teste
    231  |2013-02-01 |teste
    231  |2013-03-01 |teste
    ...
    231  |2013-12-01 |teste
    231  |2013-12-03 |teste
    231  |2013-12-15 |teste
    231  |2013-12-20 |teste

    Quero fazer um gráfico Flot disto de forma que será um gráfico quantidade x tempo(meses), como no exemplo do site supracitado. porém no meu sql eu trago tudo junto, não separo mês a mês (sem falar que é date time, vem no formato 2013-02-01 10:00:00), queria saber como posso fazer o chart reconhecer e separar essas 15 linhas e alocar no mês correspondente, como neste exemplo:

    Gostaria de uma ajuda de ao mesmo tempo que jogo os dados no gridview, eu pudesse jogar nesse chart (no caso não faço idéia de como tratar a data no formato deste chart e dividir as quantidades por mês). Detalhe tentei fazer o exemplo mais simples, depois que conseguir fazer este que é a forma mais simples possível, aí sim tentarei adicionar neste mesmo gráfico, outras ids, de forma que se possa comparar várias ids no gráfico etc.

    Desde já obrigado


    • Editado Angelo.Net sexta-feira, 11 de abril de 2014 19:06 add info
    sexta-feira, 11 de abril de 2014 18:53

Respostas