Tudo isto mudou a partir do momento em que eu estava procurando um utilitário para criar um gráfico sunburst e durante as minhas pesquisas do google encontrei um página do jsfiddle criada por duarteleao onde você poderia criar o seu gráfico sunburst conforme eu desejava.
Importante mencionar que "duarteleao" em sua página http://jsfiddle.net/user/duarteleao/fiddles/ tem exclentes opções de gráficos disponiveis. Logo gostaria de deixar os meus sinceros agradecimentos pelo trabalho realizado e a utilidade dos mesmos.
Neste momento acabei aprendendo que eu poderia pegar o código do duarteleao e criar um fork (cópia) para o meu usuário e fazer os ajustes que eu gostaria. E foi o que fiz, conforme você pode ver na minha página http://jsfiddle.net/user/mtaribeiro/fiddles/ . Só para se ter uma idéia ele desenvolveu mais de 80 tipos de gráficos diferentes, vale uma visita.
Gostando da brincadeira comecei a fazer alguns testes para ver como funcionava. Uma das minhas necessidades era criar o gráfico em vários níveis. Fazendo alguns ajustes na váriável cdaData do código javaScript e consegui o resultado desejado. Porém, vi que o texto não era apresentado dentro do gráfico. Outro ajuste na variáveis width: 800 e height: 800, e mais outro problema resolvido.
Agora eu queria fazer um printScreen da tela para colocar na minha documentação e o gráfico não aparecia todo na tela, eu tinha que utilizar a barra de rolagem. E foi neste momento que comecei a procurar mais informações sobre o produto e onde tive uma certa dificuldade de encontrar.
Sendo assim, criei esta página para colocar as informações encontradas e compartilhar o conhecimento também. ;)
Vou pegar como exemplo o meu caso: Fiz um fork da pagina do duarteleao do gráfico e comecei a utilizar, todavia deseja algumas informações á mais.
Tendo como base a minha página http://jsfiddle.net/mtaribeiro/drv819f3/ evocê pode adicionar estes parâmetros e terá resultados interessantes.
- embedded = Os códigos JavaScript, HTML, CCS e o résultado são apresentado em abas (Tabs)
- embedded/result = Ver o resultado em uma página HTML
- show = igual ao commando embedded/result
- fiddles = abra a página de todos os fiddles de um usuário http://jsfiddle.net/user/<nomedo_usuario>/fiddles/ . Exemplo minha página http://jsfiddle.net/user/mtaribeiro/fiddles/
Links:
- documentação = http://doc.jsfiddle.net/index.html#
Uma informação que procurei e não encontrei é saber se tem uma lista de usuários ou utilitários no JSfille. Se souber, me informe para atualizar a documentação.
Bem, espero que tenha ajudado a esclarecer algumas dúvida e eu continuo a aprender como utilizar este excelente utilitário.
