none
Plugin Flot chart RRS feed

  • Pergunta

  • Olá, 

    Alguem ja fez um exemplo de gr'fico com FLOT Chart?

    Poderiam me passar um tutorial/?

    Valeu..


    http://www.financeiropessoal.com.br

    segunda-feira, 6 de maio de 2013 15:25

Todas as Respostas

  • HTML:

    <body>
    <div id="chart"></div>
    </body>

    Javascript:

    <script type="text/javascript">
    var options = {
                    lines: { show: true },
                    xaxis: {
                        tickDecimals: 0,
                        tickSize: 1
                    },
                    grid: {
                        backgroundColor: { colors: ["#fff", "#fff"] },
                        borderWidth: 1,
                        borderColor: '#555'
                    }
                };
    
                var d1 = [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]];
    
                $('#chart').css({ 'width': '100%', 'height': '220px' });
                $.plot("#chart", [{ label: "Data", data: d1 }], options);
    </script>

    Qualquer dúvida visite o site oficial: http://www.flotcharts.org/
    • Editado Tabgyn quinta-feira, 9 de maio de 2013 13:06
    quinta-feira, 9 de maio de 2013 13:05