Você pode usar um dos vários plug-ins jQuery para gerar rapidamente tabelas e gráficos usando JavaScript e jQuery. Avaliar as diferentes bibliotecas e selecionar a melhor combinação para as suas necessidades. Escreva o " " tag HTML para incluir as bibliotecas , bem como a tag " " para incluir os dados eo código para gerar o gráfico. Teste o programa HTML para se certificar de que funciona corretamente. Instruções
1
Faça o download do plug-in a partir de seu local de acolhimento . Descompacte o plug-in em um diretório que pode ser acessado pelo programa JavaScript que vai usá-lo .
2
Crie um novo arquivo HTML 5 usando um editor de HTML ou o Bloco de Notas . Adicione a tag "
" , especifique um título da janela usando a tag "
" e adicionar o jQuery e gráficos plug-in bibliotecas usando a tag " <script> " : <br> <p> <html> <head> <title> jQuery Gráficos < roteiro src = " /lib /flot jquery.flot.min.js "> < /script>
3
Adicione um "
" , tag e um "
" tag vazia com um "id" , onde você deseja que o gráfico para exibir . Selecione o tag "
" usando jQuery com Insira o código JavaScript para exibir um gráfico " $ ('# id' ) . " :
4
Salve o arquivo HTML. Abra-o em um navegador da Web para verificar se o gráfico exibe corretamente.
